@syncfusion/ej2-angular-diagrams/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map

Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.

{"version":3,"file":"syncfusion-ej2-angular-diagrams.mjs","sources":["../../src/diagram/layers.directive.ts","../../src/diagram/customcursor.directive.ts","../../src/diagram/connector-fixeduserhandle.directive.ts","../../src/diagram/connector-annotation.directive.ts","../../src/diagram/connectors.directive.ts","../../src/diagram/node-fixeduserhandle.directive.ts","../../src/diagram/node-annotation.directive.ts","../../src/diagram/ports.directive.ts","../../src/diagram/nodes.directive.ts","../../src/diagram/diagram.component.ts","../../src/diagram/diagram.module.ts","../../src/diagram/diagram-all.module.ts","../../src/symbol-palette/palettes.directive.ts","../../src/symbol-palette/symbolpalette.component.ts","../../src/symbol-palette/symbolpalette.module.ts","../../src/symbol-palette/symbolpalette-all.module.ts","../../src/overview/overview.component.ts","../../src/overview/overview.module.ts","../../src/overview/overview-all.module.ts","../../syncfusion-ej2-angular-diagrams.ts"],"sourcesContent":["import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['addInfo', 'id', 'lock', 'objects', 'visible', 'zIndex'];\nlet outputs: string[] = [];\n/**\n * Layers Directive\n * ```html\n * <e-layers>\n * <e-layer></e-layer>\n * </e-layers>\n * ```\n */\n@Directive({\n    selector: 'e-layers>e-layer',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class LayerDirective extends ComplexBase<LayerDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Defines the description of the layer \n     * \n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     * Defines the id of a diagram layer\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Enables or disables editing objects in a particular layer\n     * @default false\n     */\n    public lock: any;\n    /** \n     * Defines the collection of the objects that are added to a particular layer\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public objects: any;\n    /** \n     * Enables or disables the visibility of objects in a particular layer\n     * @default true\n     */\n    public visible: any;\n    /** \n     * Defines the zOrder of the layer\n     * @default -1\n     */\n    public zIndex: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * Layer Array Directive\n * @private\n */\n@Directive({\n    selector: 'ej-diagram>e-layers',\n    queries: {\n        children: new ContentChildren(LayerDirective)\n    },\n})\nexport class LayersDirective extends ArrayBase<LayersDirective> {\n    constructor() {\n        super('layers');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['action', 'cursor'];\nlet outputs: string[] = [];\n/**\n * Cursor Maps Directive\n * ```html\n * <e-cusrsormaps>\n * <e-cursormap></e-cursormap>\n * </e-cursormaps>\n * ```\n */\n@Directive({\n    selector: 'e-cursormaps>e-cursormap',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class CustomCursorDirective extends ComplexBase<CustomCursorDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Defines the property of a Data Map Items\n     */\n    public action: any;\n    /** \n     * Defines the Fields for the Data Map Items\n     * @default ''\n     */\n    public cursor: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * CustomCursor Array Directive\n * @private\n */\n@Directive({\n    selector: 'ej-diagram>e-cursormaps',\n    queries: {\n        children: new ContentChildren(CustomCursorDirective)\n    },\n})\nexport class CustomCursorsDirective extends ArrayBase<CustomCursorsDirective> {\n    constructor() {\n        super('customcursor');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['alignment', 'cornerRadius', 'displacement', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'offset', 'padding', 'pathData', 'tooltip', 'visibility', 'width'];\nlet outputs: string[] = [];\n/**\n * Connectors Directive\n * ```html\n * <e-connectors>\n * <e-connector>\n * <e-connector-fixeduserhandles>\n * <e-connector-fixeduserhandle>\n * </e-connector-fixeduserhandle>\n * </e-connector-fixeduserhandles>\n * </e-connector>\n * </e-connectors>\n * ```\n */\n@Directive({\n    selector: 'e-connector>e-connector-fixeduserhandles>e-connector-fixeduserhandle',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class ConnectorFixedUserHandleDirective extends ComplexBase<ConnectorFixedUserHandleDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Specifies the segment alignment of the fixed user handle \n     *  * Center - Aligns the annotation at the center of a connector segment \n     *  * Before - Aligns the annotation before a connector segment \n     *  * After - Aligns the annotation after a connector segment\n     * @default Center\n     */\n    public alignment: any;\n    /** \n     * Specifies the cornerRadius for fixed user handle container\n     * @default 0\n     */\n    public cornerRadius: any;\n    /** \n     * Specifies the displacement of an fixed user handle from its actual position\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public displacement: any;\n    /** \n     * Specifies the fill color of the fixed user handle\n     * @default 'transparent'\n     */\n    public fill: any;\n    /** \n     * Specifies the stroke color of the fixed user handle container\n     * @default ''\n     */\n    public handleStrokeColor: any;\n    /** \n     * Specifies the stroke width of the fixed user handle container\n     * @default 1\n     */\n    public handleStrokeWidth: any;\n    /** \n     * Specifies the height of the fixed user handle\n     * @default 10\n     */\n    public height: any;\n    /** \n     * Specifies the stroke color of the fixed user handle\n     * @default 'transparent'\n     */\n    public iconStrokeColor: any;\n    /** \n     * Specifies the stroke width of the fixed user handle\n     * @default 0\n     */\n    public iconStrokeWidth: any;\n    /** \n     * Specifies the unique id of the fixed user handle\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Specifies the position of the connector fixed user handle\n     * @default 0.5\n     */\n    public offset: any;\n    /** \n     * Specifies the space between the fixed user handle and container\n     * @default new Margin(0,0,0,0)\n     */\n    public padding: any;\n    /** \n     * Specifies the shape information for fixed user handle\n     * @default ''\n     */\n    public pathData: any;\n    /** \n     * Used to show tooltip for fixed user handle on mouse over.\n     * @default {}\n     */\n    public tooltip: any;\n    /** \n     * Specifies the visibility of the fixed user handle\n     * @default true\n     */\n    public visibility: any;\n    /** \n     * Specifies the width of the fixed user handle\n     * @default 10\n     */\n    public width: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * ConnectorFixedUserHandle Array Directive\n * @private\n */\n@Directive({\n    selector: 'e-connector>e-connector-fixeduserhandles',\n    queries: {\n        children: new ContentChildren(ConnectorFixedUserHandleDirective)\n    },\n})\nexport class ConnectorFixedUserHandlesDirective extends ArrayBase<ConnectorFixedUserHandlesDirective> {\n    constructor() {\n        super('fixeduserhandles');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['addInfo', 'alignment', 'annotationType', 'constraints', 'content', 'displacement', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'rotationReference', 'segmentAngle', 'style', 'template', 'tooltip', 'type', 'verticalAlignment', 'visibility', 'width'];\nlet outputs: string[] = [];\n/**\n * Connectors Directive\n * ```html\n * <e-connectors>\n * <e-connector>\n * <e-connector-annotations>\n * <e-connector-annotation>\n * </e-connector-annotation>\n * </e-connector-annotations>\n * </e-connector>\n * </e-connectors>\n * ```\n */\n@Directive({\n    selector: 'e-connector>e-connector-annotations>e-connector-annotation',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class ConnectorAnnotationDirective extends ComplexBase<ConnectorAnnotationDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Sets the type of the annotation \n     *  * Shape - Sets the annotation type as Shape \n     *  * Path - Sets the annotation type as Path\n     * @default 'Shape'\n     */\n    public type: any;\n    /** \n     * Allows the user to save custom information/data about an annotation \n     * \n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     * Sets the segment alignment of annotation \n     *  * Center - Aligns the annotation at the center of a connector segment \n     *  * Before - Aligns the annotation before a connector segment \n     *  * After - Aligns the annotation after a connector segment\n     * @default Center\n     */\n    public alignment: any;\n    /** \n     *  Defines the type of annotation template \n     * String -  Defines annotation template to be in string \n     * Template - Defines annotation template to be in html content\n     * @default 'String'\n     */\n    public annotationType: any;\n    /** \n     * Enables or disables the default behaviors of the label. \n     * * ReadOnly - Enables/Disables the ReadOnly Constraints \n     * * InheritReadOnly - Enables/Disables the InheritReadOnly Constraints\n     * @default 'InheritReadOnly'\n     * @aspnumberenum \n     */\n    public constraints: any;\n    /** \n     * Sets the textual description of the node/connector\n     * @default ''\n     */\n    public content: any;\n    /** \n     * Sets the displacement of an annotation from its actual position\n     * @aspdefaultvalueignore \n     * @blazordefaultvalueignore \n     * @default undefined\n     */\n    public displacement: any;\n    /** \n     * Sets the space to be left between an annotation and its parent node/connector\n     * @default new Margin(20,20,20,20)\n     */\n    public dragLimit: any;\n    /** \n     * Sets the height of the text\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public height: any;\n    /** \n     * Sets the horizontal alignment of the text with respect to the parent node/connector \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Left - Aligns the diagram element at the left of its immediate parent \n     * * Right - Aligns the diagram element at the right of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public horizontalAlignment: any;\n    /** \n     * Sets the hyperlink of the label \n     * \n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public hyperlink: any;\n    /** \n     * Defines the unique id of the annotation\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Sets the space to be left between an annotation and its parent node/connector\n     * @default new Margin(0,0,0,0)\n     */\n    public margin: any;\n    /** \n     * Sets the segment offset of annotation\n     * @default 0.5\n     */\n    public offset: any;\n    /** \n     * Sets the rotate angle of the text\n     * @default 0\n     */\n    public rotateAngle: any;\n    /** \n     * Gets or sets the reference mode for annotation rotation.\n     * @default 'Parent'\n     */\n    public rotationReference: any;\n    /** \n     * Enable/Disable the angle based on the connector segment\n     * @default false\n     */\n    public segmentAngle: any;\n    /** \n     * Defines the appearance of the text\n     * @default new TextStyle()\n     */\n    public style: any;\n    /** \n     * Sets the textual description of the node/connector\n     * @default 'undefined'\n     */\n    public template: any;\n    /** \n     * This property is used to show tooltip for annotation on mouse over.\n     * @default new DiagramToolTip();\n     */\n    public tooltip: any;\n    /** \n     * Sets the vertical alignment of the text with respect to the parent node/connector \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Top - Aligns the diagram element at the top of its immediate parent \n     * * Bottom - Aligns the diagram element at the bottom of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public verticalAlignment: any;\n    /** \n     * Defines the visibility of the label\n     * @default true\n     */\n    public visibility: any;\n    /** \n     * Sets the width of the text\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public width: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * ConnectorAnnotation Array Directive\n * @private\n */\n@Directive({\n    selector: 'e-connector>e-connector-annotations',\n    queries: {\n        children: new ContentChildren(ConnectorAnnotationDirective)\n    },\n})\nexport class ConnectorAnnotationsDirective extends ArrayBase<ConnectorAnnotationsDirective> {\n    constructor() {\n        super('annotations');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { ConnectorFixedUserHandlesDirective } from './connector-fixeduserhandle.directive';\nimport { ConnectorAnnotationsDirective } from './connector-annotation.directive';\n\nlet input: string[] = ['addInfo', 'allowNodeOverlap', 'annotations', 'bezierSettings', 'bridgeSpace', 'connectionPadding', 'connectorSpacing', 'constraints', 'cornerRadius', 'dragSize', 'excludeFromLayout', 'fixedUserHandles', 'flip', 'flipMode', 'hitPadding', 'id', 'margin', 'maxSegmentThumb', 'ports', 'previewSize', 'segmentThumbShape', 'segmentThumbSize', 'segments', 'shape', 'sourceDecorator', 'sourceID', 'sourcePadding', 'sourcePoint', 'sourcePortID', 'style', 'symbolInfo', 'targetDecorator', 'targetID', 'targetPadding', 'targetPoint', 'targetPortID', 'tooltip', 'type', 'visible', 'wrapper', 'zIndex'];\nlet outputs: string[] = [];\n/**\n * Connectors Directive\n * ```html\n * <e-connectors>\n * <e-connector></e-connector>\n * </e-connectors>\n * ```\n */\n@Directive({\n    selector: 'e-connectors>e-connector',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childFixedUserHandles: new ContentChild(ConnectorFixedUserHandlesDirective), \n        childAnnotations: new ContentChild(ConnectorAnnotationsDirective)\n    }\n})\nexport class ConnectorDirective extends ComplexBase<ConnectorDirective> {\n    public directivePropList: any;\n\t\n    public childFixedUserHandles: any;\n    public childAnnotations: any;\n    public tags: string[] = ['fixedUserHandles', 'annotations'];\n    /** \n     * Defines the type of the connector \n     * * Straight - Sets the segment type as Straight \n     * * Orthogonal - Sets the segment type as Orthogonal \n     * * Bezier - Sets the segment type as Bezier\n     * @default 'Straight'\n     * @asptype Syncfusion.EJ2.Diagrams.Segments\n     */\n    public type: any;\n    /** \n     * Allows the user to save custom information/data about a node/connector\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     * Specifies a value indicating whether to overlap the connector over with the source and target node. \n     * If the LineRouting is enabled in the diagram, then allowNodeOverlap property will not work.\n     * @default false\n     */\n    public allowNodeOverlap: any;\n    /** \n     * \n     */\n    public annotations: any;\n    /** \n     * Sets the bezier settings of editing the segments.\n     * @default null\n     */\n    public bezierSettings: any;\n    /** \n     * Defines the bridgeSpace of connector\n     * @default 10\n     */\n    public bridgeSpace: any;\n    /** \n     * Sets the connector padding value\n     * @default 0\n     */\n    public connectionPadding: any;\n    /** \n     * Sets the distance between source node and connector\n     * @default 13\n     */\n    public connectorSpacing: any;\n    /** \n     * Defines the constraints of connector \n     * * None - Interaction of the connectors cannot be done. \n     * * Select - Selects the connector. \n     * * Delete - Delete the connector. \n     * * Drag - Drag the connector. \n     * * DragSourceEnd - Drag the source end of the connector. \n     * * DragTargetEnd - Drag the target end of the connector. \n     * * DragSegmentThump - Drag the segment thumb of the connector. \n     * * AllowDrop - Allow to drop a node. \n     * * Bridging - Creates bridge  on intersection of two connectors. \n     * * InheritBridging - Creates bridge  on intersection of two connectors. \n     * * PointerEvents - Sets the pointer events. \n     * * Tooltip - Displays a tooltip for the connectors. \n     * * InheritToolTip - Displays a tooltip for the connectors. \n     * * Interaction - Features of the connector used for interaction. \n     * * ReadOnly - Enables ReadOnly\n     * @default 'Default'\n     * @aspnumberenum \n     */\n    public constraints: any;\n    /** \n     * Sets the corner radius of the connector\n     * @default 0\n     */\n    public cornerRadius: any;\n    /** \n     * Defines the size of a drop symbol\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public dragSize: any;\n    /** \n     * Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.\n     * @default false\n     */\n    public excludeFromLayout: any;\n    /** \n     * Specifies the collection of the fixed user handle\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public fixedUserHandles: any;\n    /** \n     * Flip the element in Horizontal/Vertical directions\n     * @aspdefaultvalueignore \n     * @default None\n     */\n    public flip: any;\n    /** \n     * Allows you to flip only the node or along with port and label.\n     * \n     * This functionality is applicable only for nodes.\n     *     \n     * @aspdefaultvalueignore \n     * @default All\n     */\n    public flipMode: any;\n    /** \n     * Sets the connector padding value\n     * @default 10\n     */\n    public hitPadding: any;\n    /** \n     * Represents the unique id of nodes/connectors\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Defines the space to be left between the node and its immediate parent\n     * @default {}\n     */\n    public margin: any;\n    /** \n     * Sets the maximum segment thumb for the connector\n     * @default null\n     */\n    public maxSegmentThumb: any;\n    /** \n     * Defines the behavior of connection ports\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public ports: any;\n    /** \n     * Defines the size of the symbol preview\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public previewSize: any;\n    /** \n     * Defines the shape for the connector segmentThumb \n     * Rhombus - Sets the segmentThumb shape as Rhombus \n     * Square - Sets the segmentThumb shape as Square \n     * Rectangle - Sets the segmentThumb shape as Rectangle \n     * Ellipse - Sets the segmentThumb shape as Ellipse \n     * Arrow - Sets the segmentThumb shape as Arrow \n     * Diamond - Sets the segmentThumb shape as Diamond \n     * OpenArrow - Sets the segmentThumb shape as OpenArrow \n     * Circle - Sets the segmentThumb shape as Circle \n     * Fletch - Sets the segmentThumb shape as Fletch \n     * OpenFetch - Sets the segmentThumb shape as OpenFetch \n     * IndentedArrow - Sets the segmentThumb shape as Indented Arrow \n     * OutdentedArrow - Sets the segmentThumb shape as Outdented Arrow \n     * DoubleArrow - Sets the segmentThumb shape as DoubleArrow\n     * @default 'Circle'\n     */\n    public segmentThumbShape: any;\n    /** \n     * Specifies the size of the segment thumb for individual connector. When not set, it defaults to matching the underlying path data\n     * @default 10\n     */\n    public segmentThumbSize: any;\n    /** \n     * Defines the segments\n     * @default []\n     * @asptype object\n     */\n    public segments: any;\n    /** \n     * Defines the shape of the connector\n     * @default 'Bpmn'\n     * @asptype object\n     */\n    public shape: any;\n    /** \n     * Defines the source decorator of the connector\n     * @default new Decorator()\n     */\n    public sourceDecorator: any;\n    /** \n     * Sets the source node/connector object of the connector\n     * @default null\n     */\n    public sourceID: any;\n    /** \n     * Sets the source padding of the connector\n     * @default 0\n     */\n    public sourcePadding: any;\n    /** \n     * Sets the beginning point of the connector\n     * @default new Point(0,0)\n     */\n    public sourcePoint: any;\n    /** \n     * Sets the unique id of the source port of the connector\n     * @default ''\n     */\n    public sourcePortID: any;\n    /** \n     * Defines the appearance of the connection path\n     * @default ''\n     */\n    public style: any;\n    /** \n     * Defines the symbol info of a connector\n     * @aspdefaultvalueignore \n     * @default undefined\n     * @ignoreapilink \n     */\n    public symbolInfo: any;\n    /** \n     * Defines the target decorator of the connector\n     * @default new Decorator()\n     */\n    public targetDecorator: any;\n    /** \n     * Sets the target node/connector object of the connector\n     * @default null\n     */\n    public targetID: any;\n    /** \n     * Sets the target padding of the connector\n     * @default 0\n     */\n    public targetPadding: any;\n    /** \n     * Sets the end point of the connector\n     * @default new Point(0,0)\n     */\n    public targetPoint: any;\n    /** \n     * Sets the unique id of the target port of the connector\n     * @default ''\n     */\n    public targetPortID: any;\n    /** \n     * defines the tooltip for the connector\n     * @default new DiagramToolTip();\n     */\n    public tooltip: any;\n    /** \n     * Sets the visibility of the node/connector\n     * @default true\n     */\n    public visible: any;\n    /** \n     * Defines the UI of the connector\n     * @default null\n     * @deprecated \n     */\n    public wrapper: any;\n    /** \n     * Defines the visual order of the node/connector in DOM\n     * @aspdefaultvalue 5e-324\n     * @default Number.MIN_VALUE\n     */\n    public zIndex: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * Connector Array Directive\n * @private\n */\n@Directive({\n    selector: 'ej-diagram>e-connectors',\n    queries: {\n        children: new ContentChildren(ConnectorDirective)\n    },\n})\nexport class ConnectorsDirective extends ArrayBase<ConnectorsDirective> {\n    constructor() {\n        super('connectors');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['cornerRadius', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'margin', 'offset', 'padding', 'pathData', 'tooltip', 'visibility', 'width'];\nlet outputs: string[] = [];\n/**\n * Nodes Directive\n * ```html\n * <e-nodes>\n * <e-node>\n * <e-node-fixeduserhandles>\n * <e-node-fixeduserhandle>\n * </e-node-fixeduserhandle>\n * </e-node-fixeduserhandles>\n * </e-node>\n * </e-nodes>\n * ```\n */\n@Directive({\n    selector: 'e-node>e-node-fixeduserhandles>e-node-fixeduserhandle',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class NodeFixedUserHandleDirective extends ComplexBase<NodeFixedUserHandleDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Specifies the cornerRadius for fixed user handle container\n     * @default 0\n     */\n    public cornerRadius: any;\n    /** \n     * Specifies the fill color of the fixed user handle\n     * @default 'transparent'\n     */\n    public fill: any;\n    /** \n     * Specifies the stroke color of the fixed user handle container\n     * @default ''\n     */\n    public handleStrokeColor: any;\n    /** \n     * Specifies the stroke width of the fixed user handle container\n     * @default 1\n     */\n    public handleStrokeWidth: any;\n    /** \n     * Specifies the height of the fixed user handle\n     * @default 10\n     */\n    public height: any;\n    /** \n     * Specifies the stroke color of the fixed user handle\n     * @default 'transparent'\n     */\n    public iconStrokeColor: any;\n    /** \n     * Specifies the stroke width of the fixed user handle\n     * @default 0\n     */\n    public iconStrokeWidth: any;\n    /** \n     * Specifies the unique id of the fixed user handle\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Specifies the space that the fixed user handle has to be moved from its actual position\n     * @default new Margin(0,0,0,0)\n     */\n    public margin: any;\n    /** \n     * Specifies the position of the node fixed user handle\n     * @default { x: 0, y: 0 }\n     */\n    public offset: any;\n    /** \n     * Specifies the space between the fixed user handle and container\n     * @default new Margin(0,0,0,0)\n     */\n    public padding: any;\n    /** \n     * Specifies the shape information for fixed user handle\n     * @default ''\n     */\n    public pathData: any;\n    /** \n     * Used to show tooltip for fixed user handle on mouse over.\n     * @default {}\n     */\n    public tooltip: any;\n    /** \n     * Specifies the visibility of the fixed user handle\n     * @default true\n     */\n    public visibility: any;\n    /** \n     * Specifies the width of the fixed user handle\n     * @default 10\n     */\n    public width: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * NodeFixedUserHandle Array Directive\n * @private\n */\n@Directive({\n    selector: 'e-node>e-node-fixeduserhandles',\n    queries: {\n        children: new ContentChildren(NodeFixedUserHandleDirective)\n    },\n})\nexport class NodeFixedUserHandlesDirective extends ArrayBase<NodeFixedUserHandlesDirective> {\n    constructor() {\n        super('fixeduserhandles');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['addInfo', 'annotationType', 'constraints', 'content', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'rotationReference', 'style', 'template', 'tooltip', 'type', 'verticalAlignment', 'visibility', 'width'];\nlet outputs: string[] = [];\n/**\n * Nodes Directive\n * ```html\n * <e-nodes>\n * <e-node>\n * <e-node-annotations>\n * <e-node-annotation>\n * </e-node-annotation>\n * </e-node-annotations>\n * </e-node>\n * </e-nodes>\n * ```\n */\n@Directive({\n    selector: 'e-node>e-node-annotations>e-node-annotation',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class NodeAnnotationDirective extends ComplexBase<NodeAnnotationDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Sets the type of the annotation \n     *  * Shape - Sets the annotation type as Shape \n     *  * Path - Sets the annotation type as Path\n     * @default 'Shape'\n     */\n    public type: any;\n    /** \n     * Allows the user to save custom information/data about an annotation \n     * \n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     *  Defines the type of annotation template \n     * String -  Defines annotation template to be in string \n     * Template - Defines annotation template to be in html content\n     * @default 'String'\n     */\n    public annotationType: any;\n    /** \n     * Enables or disables the default behaviors of the label. \n     * * ReadOnly - Enables/Disables the ReadOnly Constraints \n     * * InheritReadOnly - Enables/Disables the InheritReadOnly Constraints\n     * @default 'InheritReadOnly'\n     * @aspnumberenum \n     */\n    public constraints: any;\n    /** \n     * Sets the textual description of the node/connector\n     * @default ''\n     */\n    public content: any;\n    /** \n     * Sets the space to be left between an annotation and its parent node/connector\n     * @default new Margin(20,20,20,20)\n     */\n    public dragLimit: any;\n    /** \n     * Sets the height of the text\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public height: any;\n    /** \n     * Sets the horizontal alignment of the text with respect to the parent node/connector \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Left - Aligns the diagram element at the left of its immediate parent \n     * * Right - Aligns the diagram element at the right of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public horizontalAlignment: any;\n    /** \n     * Sets the hyperlink of the label \n     * \n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public hyperlink: any;\n    /** \n     * Defines the unique id of the annotation\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Sets the space to be left between an annotation and its parent node/connector\n     * @default new Margin(0,0,0,0)\n     */\n    public margin: any;\n    /** \n     * Sets the position of the annotation with respect to its parent bounds\n     * @default { x: 0.5, y: 0.5 }\n     * @blazortype NodeAnnotationOffset\n     */\n    public offset: any;\n    /** \n     * Sets the rotate angle of the text\n     * @default 0\n     */\n    public rotateAngle: any;\n    /** \n     * Gets or sets the reference mode for annotation rotation.\n     * @default 'Parent'\n     */\n    public rotationReference: any;\n    /** \n     * Defines the appearance of the text\n     * @default new TextStyle()\n     */\n    public style: any;\n    /** \n     * Sets the textual description of the node/connector\n     * @default 'undefined'\n     */\n    public template: any;\n    /** \n     * This property is used to show tooltip for annotation on mouse over.\n     * @default new DiagramToolTip();\n     */\n    public tooltip: any;\n    /** \n     * Sets the vertical alignment of the text with respect to the parent node/connector \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Top - Aligns the diagram element at the top of its immediate parent \n     * * Bottom - Aligns the diagram element at the bottom of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public verticalAlignment: any;\n    /** \n     * Defines the visibility of the label\n     * @default true\n     */\n    public visibility: any;\n    /** \n     * Sets the width of the text\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public width: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * NodeAnnotation Array Directive\n * @private\n */\n@Directive({\n    selector: 'e-node>e-node-annotations',\n    queries: {\n        children: new ContentChildren(NodeAnnotationDirective)\n    },\n})\nexport class NodeAnnotationsDirective extends ArrayBase<NodeAnnotationsDirective> {\n    constructor() {\n        super('annotations');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet input: string[] = ['addInfo', 'connectionDirection', 'constraints', 'height', 'horizontalAlignment', 'id', 'inEdges', 'margin', 'offset', 'outEdges', 'pathData', 'shape', 'style', 'tooltip', 'verticalAlignment', 'visibility', 'width'];\nlet outputs: string[] = [];\n/**\n * Nodes Directive\n * ```html\n * <e-nodes>\n * <e-node>\n * <e-node-ports>\n * <e-node-port>\n * </e-node-port>\n * </e-node-ports>\n * </e-node>\n * </e-nodes>\n * ```\n */\n@Directive({\n    selector: 'e-node>e-node-ports>e-node-port',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n})\nexport class PortDirective extends ComplexBase<PortDirective> {\n    public directivePropList: any;\n\t\n\n\n    /** \n     * Allows the user to save custom information/data about a port\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     * Defines the allowed direction for connections to the port \n     * * Auto - Maintains the default behavior of automatic direction calculation. \n     * * Left - Restricts connections to only connect to the left side of the port. \n     * * Top - Restricts connections to only connect to the top side of the port. \n     * * Right - Restricts connections to only connect to the right side of the port. \n     * * Bottom - Restricts connections to only connect to the bottom side of the port.\n     * @default 'Auto'\n     */\n    public connectionDirection: any;\n    /** \n     * Defines the constraints of port\n     * @default 'Default'\n     * @aspnumberenum \n     */\n    public constraints: any;\n    /** \n     * Sets the height of the port\n     * @default 12\n     */\n    public height: any;\n    /** \n     * Sets the horizontal alignment of the port with respect to its immediate parent(node/connector) \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Left - Aligns the diagram element at the left of its immediate parent \n     * * Right - Aligns the diagram element at the right of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public horizontalAlignment: any;\n    /** \n     * Defines the unique id of the port\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Defines the collection of the objects that are connected to a particular port\n     * @default undefined\n     * @blazordefaultvalue new string[] { }\n     */\n    public inEdges: any;\n    /** \n     * Defines the space that the port has to be moved from its actual position\n     * @default new Margin(0,0,0,0)\n     */\n    public margin: any;\n    /** \n     * Defines the position of the port with respect to the boundaries of nodes/connector\n     * @default new Point(0.5,0.5)\n     * @blazortype NodePortOffset\n     */\n    public offset: any;\n    /** \n     * Defines the collection of the objects that are connected to a particular port\n     * @default undefined\n     * @blazordefaultvalue new string[] { }\n     */\n    public outEdges: any;\n    /** \n     * Defines the geometry of the port\n     * @default ''\n     */\n    public pathData: any;\n    /** \n     * Defines the type of the port shape \n     * * X - Sets the decorator shape as X \n     * * Circle - Sets the decorator shape as Circle \n     * * Square - Sets the decorator shape as Square \n     * * Custom - Sets the decorator shape as Custom\n     * @default 'Square'\n     */\n    public shape: any;\n    /** \n     * Defines the appearance of the port \n     * \n     * @default {}\n     */\n    public style: any;\n    /** \n     * defines the tooltip for the Ports\n     * @default new DiagramToolTip();\n     */\n    public tooltip: any;\n    /** \n     * Sets the vertical alignment of the port with respect to its immediate parent(node/connector) \n     * * Stretch - Stretches the diagram element throughout its immediate parent \n     * * Top - Aligns the diagram element at the top of its immediate parent \n     * * Bottom - Aligns the diagram element at the bottom of its immediate parent \n     * * Center - Aligns the diagram element at the center of its immediate parent \n     * * Auto - Aligns the diagram element based on the characteristics of its immediate parent\n     * @default 'Center'\n     */\n    public verticalAlignment: any;\n    /** \n     * Defines the type of the port visibility \n     * * Visible - Always shows the port \n     * * Hidden - Always hides the port \n     * * Hover - Shows the port when the mouse hovers over a node \n     * * Connect - Shows the port when a connection end point is dragged over a node\n     * @default 'Connect'\n     * @aspnumberenum \n     */\n    public visibility: any;\n    /** \n     * Sets the width of the port\n     * @default 12\n     */\n    public width: any;\n\n    constructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\n}\n\n/**\n * Port Array Directive\n * @private\n */\n@Directive({\n    selector: 'e-node>e-node-ports',\n    queries: {\n        children: new ContentChildren(PortDirective)\n    },\n})\nexport class PortsDirective extends ArrayBase<PortsDirective> {\n    constructor() {\n        super('ports');\n    }\n}","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { NodeFixedUserHandlesDirective } from './node-fixeduserhandle.directive';\nimport { NodeAnnotationsDirective } from './node-annotation.directive';\nimport { PortsDirective } from './ports.directive';\n\nlet input: string[] = ['addInfo', 'annotations', 'backgroundColor', 'borderColor', 'borderWidth', 'branch', 'children', 'collapseIcon', 'columnIndex', 'columnSpan', 'columns', 'constraints', 'container', 'data', 'dragSize', 'excludeFromLayout', 'expandIcon', 'fixedUserHandles', 'flip', 'flipMode', 'height', 'horizontalAlignment', 'id', 'isExpanded', 'layoutInfo', 'margin', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'offsetX', 'offsetY', 'padding', 'pivot', 'ports', 'previewSize', 'rotateAngle', 'rowIndex', 'rowSpan', 'rows', 'shadow', 'shape', 'style', 'symbolInfo', 'tooltip', 'verticalAlignment', 'visible', 'width', 'wrapper', 'zIndex'];\nlet outputs: string[] = [];\n/**\n * Nodes Directive\n * ```html\n * <e-nodes>\n * <e-node></e-node>\n * </e-nodes>\n * ```\n */\n@Directive({\n    selector: 'e-nodes>e-node',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childFixedUserHandles: new ContentChild(NodeFixedUserHandlesDirective), \n        childAnnotations: new ContentChild(NodeAnnotationsDirective), \n        childPorts: new ContentChild(PortsDirective)\n    }\n})\nexport class NodeDirective extends ComplexBase<NodeDirective> {\n    public directivePropList: any;\n\t\n    public childFixedUserHandles: any;\n    public childAnnotations: any;\n    public childPorts: any;\n    public tags: string[] = ['fixedUserHandles', 'annotations', 'ports'];\n    /** \n     * Allows the user to save custom information/data about a node/connector\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public addInfo: any;\n    /** \n     * Defines the collection of textual annotations of nodes/connectors\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public annotations: any;\n    /** \n     * Sets the background color of the shape\n     * @default 'transparent'\n     */\n    public backgroundColor: any;\n    /** \n     * Sets the border color of the node\n     * @deprecated \n     * @default 'none'\n     */\n    public borderColor: any;\n    /** \n     * Sets the border width of the node\n     * @deprecated \n     * @default 0\n     */\n    public borderWidth: any;\n    /** \n     * Set the branch for the mind map\n     * @aspdefaultvalueignore \n     * @default ''\n     */\n    public branch: any;\n    /** \n     * Defines the children of group element\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public children: any;\n    /** \n     * Defines the collapsed state of a node\n     * @default {}\n     */\n    public collapseIcon: any;\n    /** \n     * Used to define a index of column in the grid\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public columnIndex: any;\n    /** \n     * Merge the column use the property in the grid container\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public columnSpan: any;\n    /** \n     * Used to define the column for the grid container\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public columns: any;\n    /** \n     * Enables/Disables certain features of nodes \n     * * None - Disable all node Constraints \n     * * Select - Enables node to be selected \n     * * Drag - Enables node to be Dragged \n     * * Rotate - Enables node to be Rotate \n     * * Shadow - Enables node to display shadow \n     * * PointerEvents - Enables node to provide pointer  option \n     * * Delete - Enables node to delete \n     * * InConnect - Enables node to provide in connect option \n     * * OutConnect - Enables node to provide out connect option \n     * * Individual - Enables node to provide individual resize option \n     * * Expandable - Enables node to provide Expandable option \n     * * AllowDrop - Enables node to provide allow to drop option \n     * * Inherit - Enables node to inherit the interaction option \n     * * ResizeNorthEast - Enable ResizeNorthEast of the node \n     * * ResizeEast - Enable ResizeEast of the node \n     * * ResizeSouthEast - Enable ResizeSouthEast of the node \n     * * ResizeSouth - Enable ResizeSouthWest of the node \n     * * ResizeSouthWest - Enable ResizeSouthWest of the node \n     * * ResizeSouth - Enable ResizeSouth of the node \n     * * ResizeSouthWest - Enable ResizeSouthWest of the node \n     * * ResizeWest - Enable ResizeWest of the node \n     * * ResizeNorth - Enable ResizeNorth of the node \n     * * Resize - Enables the Aspect ratio fo the node \n     * * AspectRatio - Enables the Aspect ratio fo the node \n     * * Tooltip - Enables or disables tool tip for the Nodes \n     * * InheritTooltip - Enables or disables tool tip for the Nodes \n     * * ReadOnly - Enables the  ReadOnly support for Annotation\n     * @default 'Default'\n     * @aspnumberenum \n     */\n    public constraints: any;\n    /** \n     * Defines the type of the container\n     * @aspdefaultvalueignore \n     * @default null\n     * @deprecated \n     */\n    public container: any;\n    /** \n     * Sets the data source of the node\n     */\n    public data: any;\n    /** \n     * Defines the size of a drop symbol\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public dragSize: any;\n    /** \n     * Defines whether the node should be automatically positioned or not. Applicable, if layout option is enabled.\n     * @default false\n     */\n    public excludeFromLayout: any;\n    /** \n     * Defines the expanded state of a node\n     * @default {}\n     */\n    public expandIcon: any;\n    /** \n     * Specifies the collection of the fixed user handle\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public fixedUserHandles: any;\n    /** \n     * Flip the element in Horizontal/Vertical directions\n     * @aspdefaultvalueignore \n     * @default None\n     */\n    public flip: any;\n    /** \n     * Allows you to flip only the node or along with port and label.\n     * \n     * This functionality is applicable only for nodes.\n     *     \n     * @aspdefaultvalueignore \n     * @default All\n     */\n    public flipMode: any;\n    /** \n     * Sets the height of the node\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public height: any;\n    /** \n     * Sets the horizontalAlignment of the node\n     * @default 'Stretch'\n     */\n    public horizontalAlignment: any;\n    /** \n     * Represents the unique id of nodes/connectors\n     * @default ''\n     */\n    public id: any;\n    /** \n     * Defines whether the node is expanded or not\n     * @default true\n     */\n    public isExpanded: any;\n    /** \n     * Sets the layout properties using node property\n     * @default new NodeLayoutInfo()\n     * @asptype object\n     */\n    public layoutInfo: any;\n    /** \n     * Defines the space to be left between the node and its immediate parent\n     * @default {}\n     */\n    public margin: any;\n    /** \n     * Sets the maximum height of the node\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public maxHeight: any;\n    /** \n     * Sets the maximum width of the node\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public maxWidth: any;\n    /** \n     * Sets the minimum height of the node\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public minHeight: any;\n    /** \n     * Sets the minimum width of the node\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public minWidth: any;\n    /** \n     * Sets the x-coordinate of the position of the node\n     * @default 0\n     */\n    public offsetX: any;\n    /** \n     * Sets the y-coordinate of the position of the node\n     * @default 0\n     */\n    public offsetY: any;\n    /** \n     * Defines the space between the group node edges and its children\n     * @aspdefaultvalueignore \n     * @default 0\n     */\n    public padding: any;\n    /** \n     * Sets the reference point, that will act as the offset values(offsetX, offsetY) of a node\n     * @default new Point(0.5,0.5)\n     */\n    public pivot: any;\n    /** \n     * Defines the collection of connection points of nodes/connectors\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public ports: any;\n    /** \n     * Defines the size of the symbol preview\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public previewSize: any;\n    /** \n     * Sets the rotate angle of the node\n     * @default 0\n     */\n    public rotateAngle: any;\n    /** \n     * Used to define a index of row in the grid\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public rowIndex: any;\n    /** \n     * Merge the row use the property in the grid container\n     * @aspdefaultvalueignore \n     * @default undefined\n     */\n    public rowSpan: any;\n    /** \n     * Used to define the rows for the grid container\n     * @aspdefaultvalueignore \n     * @deprecated \n     * @default undefined\n     */\n    public rows: any;\n    /** \n     * Defines the shadow of a shape/path\n     * @default null\n     */\n    public shadow: any;\n    /** \n     * Defines the shape of a node\n     * @default Basic Shape\n     * @asptype object\n     */\n    public shape: any;\n    /** \n     * Sets the shape style of the node\n     * @default new ShapeStyle()\n     * @asptype object\n     */\n    public style: any;\n    /** \n     * Defines the symbol info of a connector\n     * @aspdefaultvalueignore \n     * @default undefined\n     * @ignoreapilink \n     */\n    public symbolInfo: any;\n