@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 17.3.19 to 17.3.21

CHANGELOG.md

@@ -9,2 +9,16 @@ # Changelog
 
+- Now, the image size will be set as image node size when the size is not given.
+
+### Diagram
+
+#### Bug Fixes
+
+- `#249091` - The issue with the grid lines that are black in Safari browser for Angular sample has been fixed.
+
+## 17.3.19 (2019-10-22)
+
+### Diagram
+
+#### Bug Fixes
+
 - `#250965` - The performance issue occurs while dragging the diagram elements in flowchart samples has been resolved.
@@ -11,0 +25,0 @@ - `#F148052` - The issue "CollectionChange event support while adding lanes at runtime" has been fixed.

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.3.19
+*  version : 17.3.21
 *  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.3.17",
+  "_id": "@syncfusion/ej2-diagrams@17.3.19",
   "_inBundle": false,
-  "_integrity": "sha512-13Q00UieS3XOkn6S01WFIS/nyEx6cY83ADj+9SqbRTld9L3BCDoRgbAbyCuc0BfJxRZqp4W6neOn+DCOpMjyWg==",
+  "_integrity": "sha512-W9BPqiQHem8FaXdYYcUw0cUOuviyutFOM7FxpA6DGjLMavJPJ3+O+eQ2VNnK4bKfeh4TfSOrGFWTsGuvKfRS7A==",
   "_location": "/@syncfusion/ej2-diagrams",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.3.17.tgz",
-  "_shasum": "12320859961943ea6aeab1a2e1a63c2dc4afaa22",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.3.19.tgz",
+  "_shasum": "7836a6754333cdca6b799275e810fb500477796b",
   "_spec": "@syncfusion/ej2-diagrams@*",
@@ -42,5 +42,5 @@ "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
     "@syncfusion/ej2-data": "~17.3.19",
-    "@syncfusion/ej2-inputs": "~17.3.19",
-    "@syncfusion/ej2-lists": "~17.3.19",
-    "@syncfusion/ej2-navigations": "~17.3.19",
+    "@syncfusion/ej2-inputs": "~17.3.21",
+    "@syncfusion/ej2-lists": "~17.3.21",
+    "@syncfusion/ej2-navigations": "~17.3.21",
     "@syncfusion/ej2-popups": "~17.3.19"
@@ -70,4 +70,4 @@ },
   "typings": "index.d.ts",
-  "version": "17.3.19",
+  "version": "17.3.21",
   "sideEffects": false
 }

src/diagram/core/containers/canvas.d.ts

@@ -16,3 +16,3 @@ import { Container } from './container';
      */
-    measure(availableSize: Size): Size;
+    measure(availableSize: Size, id?: string, callback?: Function): Size;
     /**
@@ -19,0 +19,0 @@ * Arranges the child elements of the canvas

src/diagram/core/containers/canvas.js

@@ -38,3 +38,3 @@ var __extends = (this && this.__extends) || (function () {
      */
-    Canvas.prototype.measure = function (availableSize) {
+    Canvas.prototype.measure = function (availableSize, id, callback) {
         var desired = undefined;
@@ -53,3 +53,3 @@ var desiredBounds = undefined;
                 else if (!(child instanceof TextElement)) {
-                    child.measure(availableSize);
+                    child.measure(availableSize, id, callback);
                 }
@@ -56,0 +56,0 @@ var childSize = child.desiredSize.clone();

src/diagram/core/containers/container.d.ts

@@ -31,3 +31,3 @@ import { DiagramElement } from '../elements/diagram-element';
      */
-    measure(availableSize: Size): Size;
+    measure(availableSize: Size, id?: string, callback?: Function): Size;
     /**
@@ -34,0 +34,0 @@ * Arranges the container and its children

src/diagram/core/containers/container.js

@@ -53,3 +53,3 @@ var __extends = (this && this.__extends) || (function () {
      */
-    Container.prototype.measure = function (availableSize) {
+    Container.prototype.measure = function (availableSize, id, callback) {
         // measure the element and find the desired size
@@ -75,3 +75,3 @@ this.desiredBounds = undefined;
                 if (this.measureChildren || force || (child instanceof Container && child.measureChildren !== undefined)) {
-                    child.measure(availableSize);
+                    child.measure(availableSize, id, callback);
                 }
@@ -78,0 +78,0 @@ childBounds = this.GetChildrenBounds(child);

src/diagram/core/elements/diagram-element.d.ts

@@ -230,3 +230,3 @@ import { HorizontalAlignment, VerticalAlignment, UnitMode, Transform, RelativeMode, FlipDirection, ElementAction } from '../../enum/enum';
      */
-    measure(availableSize: Size): Size;
+    measure(availableSize: Size, obj?: Object, callback?: Function): Size;
     /**
@@ -233,0 +233,0 @@ * Arranges the element

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

@@ -247,3 +247,3 @@ import { Transform, ElementAction } from '../../enum/enum';
      */
-    DiagramElement.prototype.measure = function (availableSize) {
+    DiagramElement.prototype.measure = function (availableSize, obj, callback) {
         var width = this.width !== undefined ? this.width : (availableSize.width || 0) - this.margin.left - this.margin.right;
@@ -250,0 +250,0 @@ var height = this.height !== undefined ? this.height : (availableSize.height || 0) - this.margin.top - this.margin.bottom;

src/diagram/core/elements/image-element.d.ts

@@ -43,3 +43,3 @@ import { Size } from '../../primitives/size';
      */
-    measure(availableSize: Size): Size;
+    measure(availableSize: Size, id?: string, callback?: Function): Size;
     /**
@@ -46,0 +46,0 @@ * Arranges the image

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

@@ -66,5 +66,5 @@ var __extends = (this && this.__extends) || (function () {
      */
-    ImageElement.prototype.measure = function (availableSize) {
+    ImageElement.prototype.measure = function (availableSize, id, callback) {
         if (this.isDirt && (this.stretch !== 'Stretch' || this.width === undefined && this.height === undefined)) {
-            this.contentSize = measureImage(this.source, this.contentSize);
+            this.contentSize = measureImage(this.source, this.contentSize, id, callback);
             this.isDirt = false;
@@ -71,0 +71,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 { UserHandleEventsArgs } from './objects/interface/IElement';import { IBlazorDropEventArgs, IBlazorScrollChangeEventArgs, } from './objects/interface/IElement';import { DiagramEventObjectCollection, IBlazorCollectionChangeEventArgs } from './objects/interface/IElement';import { ICommandExecuteEventArgs, IBlazorDragEnterEventArgs } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs, IBlazorPropertyChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs } from './objects/interface/IElement';import { IMouseEventArgs, IBlazorHistoryChangeArgs } from './objects/interface/IElement';import { IBlazorCustomHistoryChangeArgs } 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 { cloneBlazorObject, } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements } from './utility/diagram-util';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults } 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 './objects/node';import { SelectorModel } from './objects/node-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 { LineRouting } from './interaction/line-routing';
+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 { UserHandleEventsArgs } from './objects/interface/IElement';import { IBlazorDropEventArgs, IBlazorScrollChangeEventArgs, } from './objects/interface/IElement';import { DiagramEventObjectCollection, IBlazorCollectionChangeEventArgs } from './objects/interface/IElement';import { ICommandExecuteEventArgs, IBlazorDragEnterEventArgs } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs, IBlazorPropertyChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs } from './objects/interface/IElement';import { IMouseEventArgs, IBlazorHistoryChangeArgs } from './objects/interface/IElement';import { IBlazorCustomHistoryChangeArgs, IImageLoadEventArgs } 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 { cloneBlazorObject, } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements, checkBrowserInfo } from './utility/diagram-util';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults } 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 './objects/node';import { SelectorModel } from './objects/node-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 { LineRouting } from './interaction/line-routing';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -862,2 +862,9 @@
     /**
+     * Triggers when the image node is loaded.
+     * @deprecated
+     * @event
+     */
+    onImageLoad?: EmitType<IImageLoadEventArgs>;
+
+    /**
      * Triggers when the state of the expand and collapse icon change for a node.
@@ -864,0 +871,0 @@ * @event

src/diagram/enum/enum.js

@@ -813,2 +813,3 @@ /**
     DiagramEvent[DiagramEvent["onUserHandleMouseLeave"] = 30] = "onUserHandleMouseLeave";
+    DiagramEvent[DiagramEvent["onImageLoad"] = 31] = "onImageLoad";
 })(DiagramEvent || (DiagramEvent = {}));
@@ -815,0 +816,0 @@ /** Enables/Disables certain features of port connection

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

@@ -5,2 +5,3 @@ import { Container } from '../../core/containers/container';
 import { NodeModel } from '../node-model';
+import { Size } from '../../primitives/size';
 import { PointModel } from '../../primitives/point-model';
@@ -701,1 +702,11 @@ import { EventState, ChangeType, State, DiagramAction } from '../../enum/enum';
 }
+/**
+ * IImageLoadEventArgs notifies while the image node is loaded.
+ *
+ */
+export interface IImageLoadEventArgs {
+    /** returns the selected element  */
+    element: NodeModel;
+    /** returns the size of image element */
+    size: Size;
+}

src/diagram/rendering/svg-renderer.js

@@ -8,3 +8,3 @@ import { Point } from './../primitives/point';
 import { createSvgElement, createHtmlElement, getBackgroundLayerSvg } from '../utility/dom-util';
-import { removeGradient } from '../utility/diagram-util';
+import { removeGradient, checkBrowserInfo } from '../utility/diagram-util';
 /**
@@ -514,3 +514,8 @@ * SVG Renderer
         setAttributeSvg(rect, attr);
-        group.setAttribute('clip-path', 'url(#' + node.id + '_clip)');
+        if (checkBrowserInfo()) {
+            group.setAttribute('clip-path', 'url(' + location.href + '#' + node.id + '_clip)');
+        }
+        else {
+            group.setAttribute('clip-path', 'url(#' + node.id + '_clip)');
+        }
         return group;
@@ -596,3 +601,8 @@ };
                 var grd = this.renderGradient(style, svg, diagramId);
-                fill = 'url(#' + grd.id + ')';
+                if (checkBrowserInfo()) {
+                    fill = 'url(' + location.href + '#' + grd.id + ')';
+                }
+                else {
+                    fill = 'url(#' + grd.id + ')';
+                }
             }
@@ -599,0 +609,0 @@ else {

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

@@ -171,1 +171,3 @@ import { PointModel } from './../primitives/point-model';
 export declare function cloneBlazorObject(args: object): Object;
+/** @private */
+export declare function checkBrowserInfo(): boolean;

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

@@ -26,3 +26,3 @@ import { PointModel } from '../primitives/point-model';
 /** @private */
-export declare function measureImage(source: string, contentSize: Size): Size;
+export declare function measureImage(source: string, contentSize: Size, id?: string, callback?: Function): Size;
 /** @private */
@@ -29,0 +29,0 @@ export declare function measureNativeContent(nativeContent: SVGElement): Rect;

src/diagram/utility/dom-util.js

@@ -298,3 +298,3 @@ import { Rect } from '../primitives/rect';
 /** @private */
-export function measureImage(source, contentSize) {
+export function measureImage(source, contentSize, id, callback) {
     var measureElement = 'measureElement';
@@ -309,2 +309,13 @@ window[measureElement].style.visibility = 'visible';
     window[measureElement].style.visibility = 'hidden';
+    var element = document.createElement('img');
+    element.setAttribute('src', source);
+    setAttributeHtml(element, { id: id + 'sf-imageNode', style: 'display: none;' });
+    document.body.appendChild(element);
+    // tslint:disable-next-line:no-any
+    element.onload = function (event) {
+        var loadedImage = event.currentTarget;
+        if (callback) {
+            callback(id, { width: loadedImage.width, height: loadedImage.height });
+        }
+    };
     return contentSize;
@@ -311,0 +322,0 @@ }

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

25739202

increased by0.1%

Lines of code

189301

increased by0.09%

Dependency changes

• Updated@syncfusion/ej2-inputs@~17.3.21

• Updated@syncfusion/ej2-lists@~17.3.21

• Updated@syncfusion/ej2-navigations@~17.3.21