@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 17.2.35 to 17.2.36

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.2.35
+*  version : 17.2.36
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-diagrams@*",
-  "_id": "@syncfusion/ej2-diagrams@17.2.34",
+  "_id": "@syncfusion/ej2-diagrams@17.2.28",
   "_inBundle": false,
-  "_integrity": "sha512-CMDDcz5mAvya++e4N95kNmulV4molqhcuWzchQOI0itH0752nJPNjOMO8/RWhr8KeP2QhE7j8kT9RTAoKibEPA==",
+  "_integrity": "sha512-XB41V3ujRG157hex4dDXsvBxqe1anFiQnB6qIv2D3owDVXViCcE6Vx+fpFwpbPoaA+cjDnCANl3eFDs3XkYn/A==",
   "_location": "/@syncfusion/ej2-diagrams",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.2.34.tgz",
-  "_shasum": "666f093cd17012ea9a1424218014cbc11a61b669",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.2.28.tgz",
+  "_shasum": "ee042553ec4caefb7fe07ec73f0ae925b3e47353",
   "_spec": "@syncfusion/ej2-diagrams@*",
@@ -39,8 +39,8 @@ "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.2.34",
+    "@syncfusion/ej2-base": "~17.2.35",
     "@syncfusion/ej2-buttons": "~17.2.35",
-    "@syncfusion/ej2-data": "~17.2.35",
-    "@syncfusion/ej2-inputs": "~17.2.35",
+    "@syncfusion/ej2-data": "~17.2.36",
+    "@syncfusion/ej2-inputs": "~17.2.36",
     "@syncfusion/ej2-lists": "~17.2.34",
-    "@syncfusion/ej2-navigations": "~17.2.34",
+    "@syncfusion/ej2-navigations": "~17.2.36",
     "@syncfusion/ej2-popups": "~17.2.35"
@@ -70,4 +70,4 @@ },
   "typings": "index.d.ts",
-  "version": "17.2.35",
+  "version": "17.2.36",
   "sideEffects": false
 }

src/diagram/core/appearance.js

@@ -23,10 +23,13 @@ var __extends = (this && this.__extends) || (function () {
 var getGradientType = function (obj) {
-    switch (obj.type) {
-        case 'Linear':
-            return LinearGradient;
-        case 'Radial':
-            return RadialGradient;
-        default:
-            return LinearGradient;
+    if (obj) {
+        switch (obj.type) {
+            case 'Linear':
+                return LinearGradient;
+            case 'Radial':
+                return RadialGradient;
+            default:
+                return LinearGradient;
+        }
     }
+    return LinearGradient;
 };
@@ -33,0 +36,0 @@ /**

src/diagram/core/elements/diagram-element.js

@@ -300,6 +300,6 @@ import { Transform, ElementAction } from '../../enum/enum';
         //Considering max values
-        if (this.maxWidth !== undefined) {
+        if (this.maxWidth !== undefined && this.maxWidth !== 0) {
             desiredSize.width = Math.min(desiredSize.width, this.maxWidth);
         }
-        if (this.maxHeight !== undefined) {
+        if (this.maxHeight !== undefined && this.maxHeight !== 0) {
             desiredSize.height = Math.min(desiredSize.height, this.maxHeight);
@@ -306,0 +306,0 @@ }

src/diagram/data-binding/data-binding.d.ts

@@ -54,2 +54,3 @@ import { DataSourceModel } from '../diagram/data-source-model';
     private applyNodeTemplate;
+    private splitString;
     private renderChildNodes;
@@ -56,0 +57,0 @@ private containsConnector;

src/diagram/data-binding/data-binding.js

@@ -5,2 +5,4 @@ import { Node } from '../objects/node';
 import { randomId, getFunction } from '../utility/base-util';
+import { cloneBlazorObject } from '../utility/diagram-util';
+import { updateDefaultValues } from '../utility/diagram-util';
 /**
@@ -79,3 +81,3 @@ * data source defines the basic unit of diagram
                     diagram.refreshDiagram();
-                    diagram.trigger('dataLoaded', { diagram: diagram });
+                    diagram.trigger('dataLoaded', { diagram: cloneBlazorObject(diagram) });
                 }
@@ -168,2 +170,3 @@ });
         var id = randomId();
+        var blazor = 'Blazor';
         var nodeModel = { id: id, data: item };
@@ -175,2 +178,44 @@ var doBinding = getFunction(mapper.doBinding);
         var obj = new Node(diagram, 'nodes', nodeModel, true);
+        updateDefaultValues(obj, nodeModel, diagram.nodeDefaults);
+        if (mapper.dataMap) {
+            var index = void 0;
+            var arrayProperty = [];
+            var innerProperty = [];
+            for (var i = 0; i < mapper.dataMap.length; i++) {
+                if (mapper.dataMap[i].property.indexOf('.') !== -1) {
+                    innerProperty = this.splitString(mapper.dataMap[i].property);
+                    for (var p = 0; p < innerProperty.length; p++) {
+                        if (innerProperty[p].indexOf('[') !== -1) {
+                            index = innerProperty[p].indexOf('[');
+                            arrayProperty = innerProperty[p].split('[');
+                        }
+                    }
+                    if (index) {
+                        if (innerProperty[2]) {
+                            obj[arrayProperty[0]][innerProperty[0].charAt(index + 1)][innerProperty[1]][innerProperty[2]] =
+                                item[mapper.dataMap[i].field];
+                        }
+                        else {
+                            obj[arrayProperty[0]][innerProperty[0].charAt(index + 1)][innerProperty[1]] = item[mapper.dataMap[i].field];
+                        }
+                    }
+                    else {
+                        if (innerProperty[2]) {
+                            obj[innerProperty[0]][innerProperty[1]][innerProperty[2]] = item[mapper.dataMap[i].field];
+                        }
+                        else {
+                            obj[innerProperty[0]][innerProperty[1]] = item[mapper.dataMap[i].field];
+                        }
+                    }
+                }
+                else {
+                    var property = mapper.dataMap[i].property;
+                    property = property.charAt(0).toLowerCase() + property.slice(1);
+                    obj[property] = item[mapper.dataMap[i].field];
+                }
+                index = 0;
+                arrayProperty = [];
+                innerProperty = [];
+            }
+        }
         if (!this.collectionContains(obj, diagram, mapper.id, mapper.parentId)) {
@@ -183,2 +228,10 @@ return obj;
     };
+    DataBinding.prototype.splitString = function (property) {
+        var temp = [];
+        temp = property.split('.');
+        for (var i = 0; i < temp.length; i++) {
+            temp[i] = temp[i].charAt(0).toLowerCase() + temp[i].slice(1);
+        }
+        return temp;
+    };
     DataBinding.prototype.renderChildNodes = function (mapper, parent, value, rtNodes, diagram) {
@@ -248,2 +301,3 @@ var child;
         var obj = new Connector(diagram, 'connectors', connModel, true);
+        updateDefaultValues(obj, connModel, diagram.connectorDefaults);
         return obj;
@@ -250,0 +304,0 @@ };

src/diagram/diagram-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';
+import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ICommandExecuteEventArgs } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { ICustomHistoryChangeArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement, cloneBlazorObject, updateDefaultValues } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';import { CustomCursorAction } from './diagram/custom-cursor';import { CustomCursorActionModel } from './diagram/custom-cursor-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -101,5 +101,5 @@
      * Defines the background color of the diagram
-     * @default transparent
+     * @default 'transparent'
      */
-    backgroundColor?: String;
+    backgroundColor?: string;
 
@@ -338,2 +338,7 @@ /**
     /**
+     * Helps to assign the default properties of nodes
+     */
+    nodeDefaults?: NodeModel;
+
+    /**
      * Helps to return the default properties of connector
@@ -370,2 +375,7 @@ * ```html
     /**
+     * Helps to assign the default properties of connector
+     */
+    connectorDefaults?: ConnectorModel;
+
+    /**
      * setNodeTemplate helps to customize the content of a node
@@ -594,2 +604,8 @@ * ```html
     /**
+     * A collection of JSON objects where each object represents a custom cursor action. Layer is a named category of diagram shapes.
+     * @default []
+     */
+    customCursor?: CustomCursorActionModel[];
+
+    /**
      * Helps to set the undo and redo node selection
@@ -694,2 +710,9 @@ * ```html
     /**
+     * Triggers when a custom entry change is reverted or restored(undo/redo)
+     * @event
+     * @blazorProperty 'CustomHistoryChanged'
+     */
+    customHistoryChange?: EmitType<ICustomHistoryChangeArgs>;
+
+    /**
      * Triggers when a node, connector or diagram model is clicked twice
@@ -744,2 +767,3 @@ * @event
      * @blazorProperty 'OnSourcePointChange'
+     * @deprecated
      */
@@ -752,2 +776,3 @@ sourcePointChange?: EmitType<IEndChangeEventArgs>;
      * @blazorProperty 'OnTargetPointChange'
+     * @deprecated
      */
@@ -767,2 +792,3 @@ targetPointChange?: EmitType<IEndChangeEventArgs>;
      * @blazorProperty 'OnPositionChange'
+     * @deprecated
      */
@@ -798,2 +824,3 @@ positionChange?: EmitType<IDraggingEventArgs>;
      * @blazorProperty 'OnSegmentCollectionChange'
+     * @deprecated
      */
@@ -841,2 +868,3 @@ segmentCollectionChange?: EmitType<ISegmentCollectionChangeEventArgs>;
      * @blazorProperty 'OnContextMenuOpen'
+     * @blazorType Syncfusion.EJ2.Blazor.Navigations.BeforeOpenCloseMenuEventArgs
      */
@@ -849,2 +877,3 @@ contextMenuOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;
      * @blazorProperty 'OnContextMenuItemRender'
+     * @blazorType Syncfusion.EJ2.Blazor.Navigations.MenuEventArgs
      */
@@ -857,2 +886,3 @@ contextMenuBeforeItemRender?: EmitType<MenuEventArgs>;
      * @blazorProperty 'ContextMenuItemClicked'
+     * @blazorType Syncfusion.EJ2.Blazor.Navigations.MenuEventArgs
      */
@@ -862,2 +892,9 @@ contextMenuClick?: EmitType<MenuEventArgs>;
     /**
+     * Triggers when a command executed.
+     * @event
+     * @blazorProperty 'OnCommandExecute'
+     */
+    commandExecute?: EmitType<ICommandExecuteEventArgs>;
+
+    /**
      * A collection of JSON objects where each object represents a layer. Layer is a named category of diagram shapes.
@@ -864,0 +901,0 @@ * @default []

src/diagram/diagram/data-source-model.d.ts

@@ -1,2 +0,2 @@
-import { DataManager } from '@syncfusion/ej2-data';import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
+import { DataManager } from '@syncfusion/ej2-data';import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataMapItemsModel } from './data-mapping-model';import { DataMapItems } from './data-mapping';
 
@@ -154,2 +154,8 @@ /**
     /**
+     * A collection of JSON objects where each object represents an Data Map Items.
+     * @default []
+     */
+    dataMap?: DataMapItemsModel[];
+
+    /**
      * Add CrudAction to data source
@@ -156,0 +162,0 @@ * @aspDefaultValueIgnore

src/diagram/diagram/data-source.d.ts

 import { DataManager } from '@syncfusion/ej2-data';
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { CrudActionModel, ConnectionDataSourceModel } from './data-source-model';
+import { DataMapItemsModel } from './data-mapping-model';
 /**
@@ -147,2 +148,7 @@ * Configures the data source that is to be bound with diagram
     /**
+     * A collection of JSON objects where each object represents an Data Map Items.
+     * @default []
+     */
+    dataMap: DataMapItemsModel[];
+    /**
      * Add CrudAction to data source
@@ -149,0 +155,0 @@ * @aspDefaultValueIgnore

src/diagram/diagram/data-source.js

@@ -20,3 +20,4 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
+import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';
+import { DataMapItems } from './data-mapping';
 /**
@@ -133,2 +134,5 @@ * Configures the data source that is to be bound with diagram
     __decorate([
+        Collection([], DataMapItems)
+    ], DataSource.prototype, "dataMap", void 0);
+    __decorate([
         Complex({}, CrudAction)
@@ -135,0 +139,0 @@ ], DataSource.prototype, "crudAction", void 0);

src/diagram/diagram/ruler-settings-model.d.ts

@@ -80,11 +80,11 @@ import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { RulerOrientation, TickAlignment } from '../../ruler/index';
      * Enables or disables both horizontal and vertical ruler.
-     * @default 'false'
+     * @default false
      */
-    showRulers?: Boolean;
+    showRulers?: boolean;
 
     /**
      * Updates the gridlines relative to the ruler ticks.
-     * @default 'true'
+     * @default true
      */
-    dynamicGrid?: Boolean;
+    dynamicGrid?: boolean;
 
@@ -91,0 +91,0 @@ /**

src/diagram/diagram/ruler-settings.d.ts

@@ -86,10 +86,10 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * Enables or disables both horizontal and vertical ruler.
-     * @default 'false'
+     * @default false
      */
-    showRulers: Boolean;
+    showRulers: boolean;
     /**
      * Updates the gridlines relative to the ruler ticks.
-     * @default 'true'
+     * @default true
      */
-    dynamicGrid: Boolean;
+    dynamicGrid: boolean;
     /**
@@ -96,0 +96,0 @@ * Defines the appearance of horizontal ruler

src/diagram/diagram/serialization-settings-model.d.ts

@@ -10,6 +10,6 @@ import { ChildProperty, Property } from '@syncfusion/ej2-base';
      * Enables or Disables serialization of default values.
-     * @default 'false'
+     * @default false
      */
-    preventDefaults?: Boolean;
+    preventDefaults?: boolean;
 
 }

src/diagram/diagram/serialization-settings.d.ts

@@ -20,5 +20,5 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * Enables or Disables serialization of default values.
-     * @default 'false'
+     * @default false
      */
-    preventDefaults: Boolean;
+    preventDefaults: boolean;
 }

src/diagram/enum/enum.js

@@ -797,2 +797,4 @@ /**
     DiagramEvent[DiagramEvent["segmentCollectionChange"] = 24] = "segmentCollectionChange";
+    DiagramEvent[DiagramEvent["commandExecute"] = 25] = "commandExecute";
+    DiagramEvent[DiagramEvent["customHistoryChange"] = 26] = "customHistoryChange";
 })(DiagramEvent || (DiagramEvent = {}));
@@ -799,0 +801,0 @@ /** Enables/Disables certain features of port connection

src/diagram/interaction/connector-editing.js

@@ -16,3 +16,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Rect } from '../primitives/rect';
-import { intersect3 } from '../utility/diagram-util';
+import { intersect3, cloneBlazorObject } from '../utility/diagram-util';
 import { cloneObject } from '../utility/base-util';
@@ -148,4 +148,8 @@ import { DiagramEvent } from './../enum/enum';
             };
-            this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
-            if (!args.cancel) {
+            var args1 = {
+                element: cloneBlazorObject(connector), removeSegments: cloneBlazorObject(removeSegments),
+                type: 'Removal', cancel: args.cancel
+            };
+            this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args1);
+            if (!args1.cancel) {
                 var last = connector.segments[index + 1];
@@ -182,2 +186,3 @@ connector.segments.splice(index - 1, 2);
         var args;
+        var args1;
         if (next.length || next.length === 0) {
@@ -188,4 +193,8 @@ removeSegments = connector.segments.slice(index, 2);
             };
-            this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
-            if (!args.cancel) {
+            args1 = {
+                element: cloneBlazorObject(connector), removeSegments: cloneBlazorObject(removeSegments),
+                type: 'Removal', cancel: false
+            };
+            this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args1);
+            if (!args1.cancel) {
                 connector.segments.splice(index, 2);
@@ -220,3 +229,3 @@ if (segment.direction === 'Top' || segment.direction === 'Bottom') {
         }
-        if (first && last && !args.cancel) {
+        if (first && last && !args1.cancel) {
             first.length = Point.distancePoints(first.points[0], last.points[0]);
@@ -357,4 +366,8 @@ first.direction = Point.direction(first.points[0], last.points[0]);
         };
-        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
-        if (!args.cancel) {
+        var argsTemp = {
+            element: cloneBlazorObject(obj), addSegments: cloneBlazorObject(segments),
+            type: 'Addition', cancel: args.cancel
+        };
+        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, argsTemp);
+        if (!argsTemp.cancel) {
             obj.segments = segments.concat(obj.segments);
@@ -407,4 +420,8 @@ index = coll + 2;
         };
-        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
-        if (!args.cancel) {
+        var args1 = {
+            element: cloneBlazorObject(obj), addSegments: cloneBlazorObject(segments), type: 'Addition',
+            cancel: args.cancel
+        };
+        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args1);
+        if (!args1.cancel) {
             if (obj.sourcePortID && segment.length && obj.segments[0].points.length > 2) {
@@ -480,4 +497,8 @@ obj.segments.splice(0, 1);
         };
-        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
-        if (!args.cancel) {
+        var args1 = {
+            element: cloneBlazorObject(connector), addSegments: cloneBlazorObject(segments),
+            type: 'Addition', cancel: args.cancel
+        };
+        this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args1);
+        if (!args1.cancel) {
             connector.segments = connector.segments.concat(segments);
@@ -484,0 +505,0 @@ index = index + segmentIndex;

src/diagram/layout/layout-base-model.d.ts

 import { PointModel } from '../primitives/point-model';import { Rect } from '../primitives/rect';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { HorizontalAlignment, VerticalAlignment, ConnectionDirection, } from '../enum/enum';import { LayoutOrientation, ConnectorSegments, LayoutType, SubTreeOrientation, SubTreeAlignments, Segments } from '../enum/enum';import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { OrthogonalSegmentModel, BezierSegmentModel, StraightSegmentModel } from '../objects/connector-model';
+import {TreeInfo} from "./layout-base";
 
@@ -171,2 +172,7 @@ /**
     /**
+     * getLayoutInfo is used to configure every subtree of the organizational chart
+     */
+    layoutInfo?: TreeInfo;
+
+    /**
      * Defines whether an object should be at the left/right of the mind map. Applicable only for the direct children of the root node
@@ -173,0 +179,0 @@ * @aspDefaultValueIgnore

src/diagram/layout/layout-base.d.ts

@@ -161,2 +161,6 @@ import { PointModel } from '../primitives/point-model';
     /**
+     * getLayoutInfo is used to configure every subtree of the organizational chart
+     */
+    layoutInfo: TreeInfo;
+    /**
      * Defines whether an object should be at the left/right of the mind map. Applicable only for the direct children of the root node
@@ -359,2 +363,3 @@ * @aspDefaultValueIgnore
     getLayoutInfo?: Function;
+    layoutInfo?: TreeInfo;
     getBranch?: Function;
@@ -361,0 +366,0 @@ getConnectorSegments?: Function;

src/diagram/layout/layout-base.js

@@ -74,2 +74,5 @@ var __extends = (this && this.__extends) || (function () {
         Property()
+    ], Layout.prototype, "layoutInfo", void 0);
+    __decorate([
+        Property()
     ], Layout.prototype, "getBranch", void 0);
@@ -76,0 +79,0 @@ __decorate([

src/diagram/layout/mind-map.js

@@ -66,2 +66,3 @@ import { Rect } from '../primitives/rect';
             var align = getMindmapBranch(node, fistLevelNodes);
+            align = node && node.branch ? node.branch : align;
             (align === 'Left') ? leftNodes.push(node) : rightNodes.push(node);
@@ -100,3 +101,4 @@ }
             verticalAlignment: layoutProp.verticalAlignment, horizontalAlignment: layoutProp.horizontalAlignment,
-            fixedNode: layoutProp.fixedNode, getLayoutInfo: getFunction(layoutProp.getLayoutInfo), margin: layoutProp.margin,
+            fixedNode: layoutProp.fixedNode, getLayoutInfo: getFunction(layoutProp.getLayoutInfo),
+            layoutInfo: layoutProp.layoutInfo, margin: layoutProp.margin,
             root: layoutProp.fixedNode
@@ -103,0 +105,0 @@ };

src/diagram/objects/interface/IElement.d.ts

@@ -11,2 +11,5 @@ import { Container } from '../../core/containers/container';
 import { OrthogonalSegmentModel, StraightSegmentModel, BezierSegmentModel } from '../../objects/connector-model';
+import { ShapeAnnotation, PathAnnotation } from '../../objects/annotation';
+import { PointPortModel } from '../../objects/port-model';
+import { KeyGestureModel } from '../../diagram/keyboard-commands-model';
 /**
@@ -335,2 +338,14 @@ * IElement interface defines the base of the diagram objects (node/connector)
 /**
+ * ICustomHistoryChangeArgs notifies when the label of an element under goes editing
+ *
+ */
+export interface ICustomHistoryChangeArgs {
+    /** returns the type of the entry that means undo or redo */
+    entryType: string;
+    /** returns a collection of objects that are changed in the last undo/redo */
+    oldValue: NodeModel | ConnectorModel | SelectorModel | DiagramModel | ShapeAnnotation | PathAnnotation | PointPortModel;
+    /** returns an array of objects, where each object represents the changes made in last undo/redo */
+    newValue: NodeModel | ConnectorModel | SelectorModel | DiagramModel | ShapeAnnotation | PathAnnotation | PointPortModel;
+}
+/**
  * IDropEventArgs notifies when the element is dropped in the diagram
@@ -351,2 +366,8 @@ *
 }
+/**
+ * Interface for command
+ */
+export interface ICommandExecuteEventArgs {
+    gesture: KeyGestureModel;
+}
 /** @private */
@@ -353,0 +374,0 @@ export interface StackEntryObject {

src/diagram/objects/layout-animation.js

 import { Container } from '../core/containers/container';
 import { DiagramEvent } from '../enum/enum';
 import { cloneObject as clone } from '../utility/base-util';
+import { cloneBlazorObject } from '../utility/diagram-util';
 /**
@@ -61,3 +62,3 @@ * Layout Animation function to enable or disable layout animation
             var arg = {
-                element: clone(node), state: (node.isExpanded) ? true : false
+                element: cloneBlazorObject(clone(node)), state: (node.isExpanded) ? true : false
             };
@@ -64,0 +65,0 @@ diagram.triggerEvent(DiagramEvent.expandStateChange, arg);

src/diagram/objects/node-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model';
+import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops, BranchTypes } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model';
 import {NodeBaseModel} from "./node-base-model";
@@ -1529,2 +1529,8 @@
 
+    /**
+     * Set the branch for the mind map
+     * @default ''
+     */
+    branch?: BranchTypes;
+
 }
@@ -1531,0 +1537,0 @@

src/diagram/objects/node.d.ts

@@ -15,3 +15,3 @@ /// <reference path="node-base-model.d.ts" />
 import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';
-import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';
+import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops, BranchTypes } from '../enum/enum';
 import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';
@@ -1516,2 +1516,7 @@ import { MarginModel } from '../core/appearance-model';
     columnSpan: number;
+    /**
+     * Set the branch for the mind map
+     * @default ''
+     */
+    branch: BranchTypes;
     /** @private */
@@ -1518,0 +1523,0 @@ isCanvasUpdate: boolean;

src/diagram/objects/node.js

@@ -1406,2 +1406,5 @@ var __extends = (this && this.__extends) || (function () {
     ], Node.prototype, "columnSpan", void 0);
+    __decorate([
+        Property('')
+    ], Node.prototype, "branch", void 0);
     return Node;
@@ -1408,0 +1411,0 @@ }(NodeBase));

src/diagram/objects/undo-redo.js

@@ -8,2 +8,3 @@ import { Node } from './node';
 import { swimLaneMeasureAndArrange, laneInterChanged, findLaneIndex, updateSwimLaneObject, pasteSwimLane } from '../utility/swim-lane-util';
+import { DiagramEvent } from '../enum/enum';
 /**
@@ -157,2 +158,6 @@ * Undo redo function used for revert and restore the changes
                 diagram.historyManager.undo(entry);
+                var arg = {
+                    entryType: 'undo', oldValue: entry.undoObject, newValue: entry.redoObject
+                };
+                diagram.triggerEvent(DiagramEvent.customHistoryChange, arg);
             }
@@ -853,2 +858,6 @@ }
                 diagram.historyManager.redo(entry);
+                var arg = {
+                    entryType: 'redo', oldValue: entry.redoObject, newValue: entry.undoObject
+                };
+                diagram.triggerEvent(DiagramEvent.customHistoryChange, arg);
             }
@@ -855,0 +864,0 @@ }

src/diagram/utility/diagram-util.d.ts

@@ -26,2 +26,3 @@ import { PointModel } from './../primitives/point-model';
 import { Canvas } from '../core/containers/canvas';
+import { TreeInfo } from '../layout/layout-base';
 /** @private */
@@ -50,2 +51,6 @@ export declare function completeRegion(region: Rect, selectedObjects: (NodeModel | ConnectorModel)[]): (NodeModel | ConnectorModel)[];
 /** @private */
+export declare function updateDefaultValues(actualNode: NodeModel | ConnectorModel, plainValue: NodeModel | ConnectorModel, defaultValue: object): void;
+/** @private */
+export declare function updateLayoutValue(actualNode: TreeInfo, defaultValue: object): void;
+/** @private */
 export declare function isPointOverConnector(connector: ConnectorModel, reference: PointModel): boolean;
@@ -155,1 +160,3 @@ /** @private */
 export declare let findDistance: Function;
+/** @private */
+export declare function cloneBlazorObject(args: object): Object;

src/diagram/utility/dom-util.js

@@ -618,3 +618,3 @@ import { Rect } from '../primitives/rect';
             var addInfo = 'addInfo';
-            content = element.diagramId + 'content_diagram';
+            content = node[id] + 'content_diagram';
             sentNode[id] = node[id];
@@ -640,8 +640,14 @@ sentNode[height] = node[height];
     if (typeof element.content === 'string') {
-        var compiledString = void 0;
-        compiledString = compile(element.content);
-        for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) {
-            item = _a[_i];
-            div.appendChild(item);
+        var template = document.getElementById(element.content);
+        if (template) {
+            div.appendChild(template);
         }
+        else {
+            var compiledString = void 0;
+            compiledString = compile(element.content);
+            for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) {
+                item = _a[_i];
+                div.appendChild(item);
+            }
+        }
     }
@@ -648,0 +654,0 @@ else {

src/symbol-palette/symbol-palette-model.d.ts

@@ -1,2 +0,3 @@
-import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { removeElementsByClass } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect';
+import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { removeElementsByClass } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults, updateDefaultValues } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect';
+import {SymbolInfo} from "./symbol-palette";
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -151,5 +152,9 @@
     /**
+     * Defines the size, appearance and description of a symbol
+     */
+    symbolInfo?: SymbolInfo;
+
+    /**
      * Defines the symbols to be added in search palette
      * @aspDefaultValueIgnore
-     * @blazorDefaultValueIgnore
      * @default undefined
@@ -161,2 +166,7 @@ * @deprecated
     /**
+     * Defines the symbols to be added in search palette
+     */
+    ignoreSymbolsOnSearch?: string[];
+
+    /**
      * Defines the content of a symbol
@@ -237,2 +247,7 @@ * @aspDefaultValueIgnore
     /**
+     * Helps to return the default properties of node
+     */
+    nodeDefaults?: NodeModel;
+
+    /**
      * Helps to return the default properties of connector
@@ -243,2 +258,7 @@ * @deprecated
 
+    /**
+     * Helps to return the default properties of connectors
+     */
+    connectorDefaults?: ConnectorModel;
+
 }

src/symbol-palette/symbol-palette.d.ts

@@ -157,5 +157,8 @@ import { Component, ChildProperty } from '@syncfusion/ej2-base';
     /**
+     * Defines the size, appearance and description of a symbol
+     */
+    symbolInfo: SymbolInfo;
+    /**
      * Defines the symbols to be added in search palette
      * @aspDefaultValueIgnore
-     * @blazorDefaultValueIgnore
      * @default undefined
@@ -166,2 +169,6 @@ * @deprecated
     /**
+     * Defines the symbols to be added in search palette
+     */
+    ignoreSymbolsOnSearch: string[];
+    /**
      * Defines the content of a symbol
@@ -236,2 +243,6 @@ * @aspDefaultValueIgnore
     /**
+     * Helps to return the default properties of node
+     */
+    nodeDefaults: NodeModel;
+    /**
      * Helps to return the default properties of connector
@@ -241,2 +252,6 @@ * @deprecated
     getConnectorDefaults: Function | string;
+    /**
+     * Helps to return the default properties of connectors
+     */
+    connectorDefaults: ConnectorModel;
     /** @private */
@@ -371,2 +386,3 @@ selectedSymbols: NodeModel | ConnectorModel;
     private createTextbox;
+    private getFilterSymbol;
     private searchPalette;
@@ -373,0 +389,0 @@ private createSearchPalette;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24675674

increased by1.02%

Number of package files

283

increased by2.17%

Lines of code

182582

increased by0.95%

Dependency changes

• Updated@syncfusion/ej2-base@~17.2.35

• Updated@syncfusion/ej2-data@~17.2.36

• Updated@syncfusion/ej2-inputs@~17.2.36

• Updated@syncfusion/ej2-navigations@~17.2.36