@king-design/react 2.1.4 → 2.1.6

package/components/diagram/layouts/circle.js

@@ -3,42 +3,50 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxCircleLayout = mx.mxCircleLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   x0: [Number, String],
   y0: [Number, String]
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     x0: 0,
     y0: 0
   });
 };
+
 export var DCircleLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DCircleLayout, _DLayout);
+
   function DCircleLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DCircleLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      x0 = _this$get.x0,
-      y0 = _this$get.y0;
-    var layout = new mxCircleLayout(graph);
-    // layout.radius = radius;
+        x0 = _this$get.x0,
+        y0 = _this$get.y0;
+
+    var layout = new mxCircleLayout(graph); // layout.radius = radius;
+
     layout.moveCircle = true;
     layout.x0 = x0;
     layout.y0 = y0;
     layout.disableEdgeStyle = false;
     return layout;
   };
+
   _proto.execute = function execute(layout, cells, parent, graph) {
     if (!cells.length) return;
     var tmp = parent.cell;
-    layout.execute(tmp);
-    // if (graph.getModel().isVertex(tmp)) {
+    layout.execute(tmp); // if (graph.getModel().isVertex(tmp)) {
     // graph.updateGroupBounds([tmp], graph.gridSize * 2, true);
     // }
   };
+
   return DCircleLayout;
 }(DLayout);
 DCircleLayout.displayName = 'DCircleLayout';

package/components/diagram/layouts/flow.js

@@ -3,7 +3,8 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxHierarchicalLayout = mx.mxHierarchicalLayout,
-  mxConstants = mx.mxConstants;
+    mxConstants = mx.mxConstants;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   type: ['horizontal', 'vertical'],
   intraCellSpacing: [Number, String],
@@ -12,6 +13,7 @@ var typeDefs = _extends({}, DLayout.typeDefs, {
   resizeParent: Boolean,
   parentBorder: [Number, String]
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     // The spacing buffer added between cells on the same layer.
@@ -26,20 +28,25 @@ var defaults = function defaults() {
     parentBorder: 0
   });
 };
+
 export var DFlowLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DFlowLayout, _DLayout);
+
   function DFlowLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DFlowLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      type = _this$get.type,
-      interHierarchySpacing = _this$get.interHierarchySpacing,
-      interRankCellSpacing = _this$get.interRankCellSpacing,
-      intraCellSpacing = _this$get.intraCellSpacing,
-      resizeParent = _this$get.resizeParent,
-      parentBorder = _this$get.parentBorder;
+        type = _this$get.type,
+        interHierarchySpacing = _this$get.interHierarchySpacing,
+        interRankCellSpacing = _this$get.interRankCellSpacing,
+        intraCellSpacing = _this$get.intraCellSpacing,
+        resizeParent = _this$get.resizeParent,
+        parentBorder = _this$get.parentBorder;
+
     var direction = type === 'horizontal' ? mxConstants.DIRECTION_WEST : mxConstants.DIRECTION_NORTH;
     var layout = new mxHierarchicalLayout(graph, direction);
     layout.intraCellSpacing = +intraCellSpacing;
@@ -52,6 +59,7 @@ export var DFlowLayout = /*#__PURE__*/function (_DLayout) {
     layout.maintainParentLocation = true;
     return layout;
   };
+
   return DFlowLayout;
 }(DLayout);
 DFlowLayout.displayName = 'DFlowLayout';

package/components/diagram/layouts/layout.js

@@ -12,68 +12,88 @@ var typeDefs = {
   left: [String, Number],
   top: [String, Number]
 };
+
 var defaults = function defaults() {
   return {
     left: 0,
     top: 0
   };
 };
+
 export var DLayout = /*#__PURE__*/function (_Component) {
   _inheritsLoose(DLayout, _Component);
+
   function DLayout() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.diagram = inject(DIAGRAM);
     _this.shapes = new _Set();
     _this.shape = inject(SHAPE, null);
     return _this;
   }
+
   var _proto = DLayout.prototype;
+
   _proto.init = function init() {
     provide(LAYOUT, this);
   };
+
   _proto.mounted = function mounted() {
     this.diagram.addLayout(this);
   };
+
   _proto.beforeUnmount = function beforeUnmount() {
     this.diagram.deleteLayout(this);
   };
+
   _proto.addShape = function addShape(shape) {
     this.shapes.add(shape);
   };
+
   _proto.deleteShape = function deleteShape(shape) {
     this.shapes.delete(shape);
   };
+
   _proto.draw = function draw() {
     var _context2;
+
     var _this$get = this.get(),
-      left = _this$get.left,
-      top = _this$get.top;
+        left = _this$get.left,
+        top = _this$get.top;
+
     var diagram = this.diagram;
     var graph = diagram.graph;
-    var layout = this.getLayout(graph);
-    // Allows the layout to move cells even though cells
+    var layout = this.getLayout(graph); // Allows the layout to move cells even though cells
     // aren't movable in the graph
+
     layout.isVertexMovable = function () {
       return true;
     };
+
     var cells = _mapInstanceProperty(_context2 = _Array$from(this.shapes)).call(_context2, function (shape) {
       return shape.cell;
     });
+
     var parent = this.shape ? this.shape : this.diagram;
-    this.execute(layout, cells, parent, graph);
-    // move cells totally
+    this.execute(layout, cells, parent, graph); // move cells totally
+
     graph.moveCells(cells, +left, +top);
   };
+
   _proto.execute = function execute(layout, cells, parent, graph) {
     layout.execute(parent.cell, cells);
   };
+
   return DLayout;
 }(Component);
+
 DLayout.template = function () {
   if (process.env.NODE_ENV !== 'production') {
     eachChildren(this.get('children'), function (vNode) {
@@ -82,8 +102,10 @@ DLayout.template = function () {
       error("DLayout can only contain DShape or DLine, but " + vNode.tag + " found.");
     });
   }
+
   var constructor = this.constructor;
   return h(constructor.displayName, null, this.get('children'));
 };
+
 DLayout.typeDefs = typeDefs;
 DLayout.defaults = defaults;

package/components/diagram/layouts/organic.js

@@ -3,37 +3,45 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxFastOrganicLayout = mx.mxFastOrganicLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   forceConstant: [Number, String]
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     // The force constant by which the attractive forces are divided and the replusive forces are multiple by the square of.  The value equates to the average radius there is of free space around each node. 
     forceConstant: 50
   });
 };
+
 export var DOrganicLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DOrganicLayout, _DLayout);
+
   function DOrganicLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DOrganicLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      forceConstant = _this$get.forceConstant;
+        forceConstant = _this$get.forceConstant;
+
     var layout = new mxFastOrganicLayout(graph);
     layout.forceConstant = +forceConstant;
     layout.disableEdgeStyle = false;
     return layout;
   };
+
   _proto.execute = function execute(layout, cells, parent, graph) {
     if (!cells.length) return;
     var tmp = parent.cell;
-    layout.execute(tmp);
-    // if (graph.getModel().isVertex(tmp)) {
+    layout.execute(tmp); // if (graph.getModel().isVertex(tmp)) {
     // graph.updateGroupBounds([tmp], graph.gridSize * 2, true);
     // }
   };
+
   return DOrganicLayout;
 }(DLayout);
 DOrganicLayout.displayName = 'DOrganicLayout';

package/components/diagram/layouts/partition.js

@@ -3,12 +3,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxPartitionLayout = mx.mxPartitionLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   type: ['horizontal', 'vertical'],
   spacing: [Number, String],
   border: [Number, String],
   resizeVertices: Boolean
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     type: 'horizontal',
@@ -20,24 +22,30 @@ var defaults = function defaults() {
     resizeVertices: true
   });
 };
+
 export var DPartitionLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DPartitionLayout, _DLayout);
+
   function DPartitionLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DPartitionLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      type = _this$get.type,
-      spacing = _this$get.spacing,
-      border = _this$get.border,
-      resizeVertices = _this$get.resizeVertices;
+        type = _this$get.type,
+        spacing = _this$get.spacing,
+        border = _this$get.border,
+        resizeVertices = _this$get.resizeVertices;
+
     var layout = new mxPartitionLayout(graph, type === 'horizontal');
     layout.spacing = +spacing;
     layout.border = +border;
     layout.resizeVertices = resizeVertices;
     return layout;
   };
+
   return DPartitionLayout;
 }(DLayout);
 DPartitionLayout.displayName = 'DPartitionLayout';

package/components/diagram/layouts/radial.js

@@ -3,12 +3,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxRadialTreeLayout = mx.mxRadialTreeLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   levelDistance: [Number, String],
   nodeDistance: [Number, String],
   rootx: [Number, String],
   rooty: [Number, String]
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     levelDistance: 60,
@@ -17,40 +19,50 @@ var defaults = function defaults() {
     rooty: 0
   });
 };
+
 export var DRadialLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DRadialLayout, _DLayout);
+
   function DRadialLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DRadialLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      levelDistance = _this$get.levelDistance,
-      nodeDistance = _this$get.nodeDistance;
+        levelDistance = _this$get.levelDistance,
+        nodeDistance = _this$get.nodeDistance;
+
     var layout = new mxRadialTreeLayout(graph);
     layout.autoRadius = true;
     layout.nodeDistance = +nodeDistance;
-    layout.levelDistance = +levelDistance;
-    // layout.useBoundingBox = false;
+    layout.levelDistance = +levelDistance; // layout.useBoundingBox = false;
+
     layout.edgeRouting = false;
     return layout;
   };
+
   _proto.execute = function execute(layout, cells, parent, graph) {
     if (!cells.length) return;
     var roots = graph.findTreeRoots(parent.cell);
     var tmp = cells[0];
+
     if (roots && roots.length) {
       tmp = roots[0];
     }
+
     var _this$get2 = this.get(),
-      rootx = _this$get2.rootx,
-      rooty = _this$get2.rooty;
+        rootx = _this$get2.rootx,
+        rooty = _this$get2.rooty;
+
     var geo = tmp.getGeometry().clone();
     if (rootx != null) geo.x = +rootx;
     if (rooty != null) geo.y = +rooty;
     graph.model.setGeometry(tmp, geo);
     layout.execute(parent.cell, tmp);
   };
+
   return DRadialLayout;
 }(DLayout);
 DRadialLayout.displayName = 'DRadialLayout';

package/components/diagram/layouts/stack.js

@@ -4,6 +4,7 @@ import _fillInstanceProperty from "@babel/runtime-corejs3/core-js/instance/fill"
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxStackLayout = mx.mxStackLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   type: ['horizontal', 'vertical'],
   spacing: [Number, String],
@@ -12,6 +13,7 @@ var typeDefs = _extends({}, DLayout.typeDefs, {
   border: [Number, String],
   resizeParent: Boolean
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     type: 'horizontal',
@@ -27,20 +29,25 @@ var defaults = function defaults() {
     resizeParent: false
   });
 };
+
 export var DStackLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DStackLayout, _DLayout);
+
   function DStackLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DStackLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      type = _this$get.type,
-      spacing = _this$get.spacing,
-      wrap = _this$get.wrap,
-      fill = _fillInstanceProperty(_this$get),
-      border = _this$get.border,
-      resizeParent = _this$get.resizeParent;
+        type = _this$get.type,
+        spacing = _this$get.spacing,
+        wrap = _this$get.wrap,
+        fill = _fillInstanceProperty(_this$get),
+        border = _this$get.border,
+        resizeParent = _this$get.resizeParent;
+
     var layout = new mxStackLayout(graph, type === 'horizontal');
     layout.spacing = +spacing;
     layout.wrap = wrap ? +wrap : null;
@@ -49,6 +56,7 @@ export var DStackLayout = /*#__PURE__*/function (_DLayout) {
     layout.resizeParent = resizeParent;
     return layout;
   };
+
   return DStackLayout;
 }(DLayout);
 DStackLayout.displayName = 'DStackLayout';

package/components/diagram/layouts/tree.js

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { DLayout } from './layout';
 import mx from '../mxgraph';
 var mxCompactTreeLayout = mx.mxCompactTreeLayout;
+
 var typeDefs = _extends({}, DLayout.typeDefs, {
   type: ['horizontal', 'vertical'],
   levelDistance: [Number, String],
@@ -10,6 +11,7 @@ var typeDefs = _extends({}, DLayout.typeDefs, {
   resizeParent: Boolean,
   groupPadding: [Number, String]
 });
+
 var defaults = function defaults() {
   return _extends({}, DLayout.defaults(), {
     type: 'horizontal',
@@ -21,43 +23,51 @@ var defaults = function defaults() {
     groupPadding: 0
   });
 };
+
 export var DTreeLayout = /*#__PURE__*/function (_DLayout) {
   _inheritsLoose(DTreeLayout, _DLayout);
+
   function DTreeLayout() {
     return _DLayout.apply(this, arguments) || this;
   }
+
   var _proto = DTreeLayout.prototype;
+
   _proto.getLayout = function getLayout(graph) {
     var _this$get = this.get(),
-      type = _this$get.type,
-      levelDistance = _this$get.levelDistance,
-      nodeDistance = _this$get.nodeDistance,
-      resizeParent = _this$get.resizeParent,
-      groupPadding = _this$get.groupPadding;
+        type = _this$get.type,
+        levelDistance = _this$get.levelDistance,
+        nodeDistance = _this$get.nodeDistance,
+        resizeParent = _this$get.resizeParent,
+        groupPadding = _this$get.groupPadding;
+
     var layout = new mxCompactTreeLayout(graph, type === 'horizontal');
     layout.nodeDistance = +nodeDistance;
-    layout.groupPadding = +groupPadding;
-    // layout.moveTree = true;
+    layout.groupPadding = +groupPadding; // layout.moveTree = true;
+
     layout.maintainParentLocation = true;
     layout.resizeParent = resizeParent;
-    layout.levelDistance = +levelDistance;
-    // layout.useBoundingBox = false;
+    layout.levelDistance = +levelDistance; // layout.useBoundingBox = false;
+
     layout.edgeRouting = false;
     return layout;
   };
+
   _proto.execute = function execute(layout, cells, parent, graph) {
     if (!cells.length) return;
     var roots = graph.findTreeRoots(parent.cell);
     var tmp = cells[0];
+
     if (roots && roots.length) {
       tmp = roots[0];
     }
-    layout.execute(parent.cell, tmp);
-    // tmp = graph.getModel().getParent(tmp);
+
+    layout.execute(parent.cell, tmp); // tmp = graph.getModel().getParent(tmp);
     // if (graph.getModel().isVertex(tmp)) {
     // graph.updateGroupBounds([tmp], graph.gridSize * 2, true);
     // }
   };
+
   return DTreeLayout;
 }(DLayout);
 DTreeLayout.displayName = 'DTreeLayout';

package/components/diagram/mxgraph/handler/mxConnectionHandler.js

@@ -2,42 +2,49 @@ import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
 import mx from '../mx';
 export default function () {
   var mxConnectionHandler = mx.mxConnectionHandler,
-    mxConstants = mx.mxConstants,
-    mxCellState = mx.mxCellState;
-  // mxConnectionHandler.prototype.outlineConnect = true;
+      mxConstants = mx.mxConstants,
+      mxCellState = mx.mxCellState; // mxConnectionHandler.prototype.outlineConnect = true;
   // Overrides edge preview to use current edge shape and default style
+
   mxConnectionHandler.prototype.livePreview = true;
-  mxConnectionHandler.prototype.cursor = 'crosshair';
-  // Overrides dashed state with current edge style
+  mxConnectionHandler.prototype.cursor = 'crosshair'; // Overrides dashed state with current edge style
+
   var connectionHandlerCreateShape = mxConnectionHandler.prototype.createShape;
+
   mxConnectionHandler.prototype.createShape = function () {
-    var shape = connectionHandlerCreateShape.apply(this, arguments);
-    // shape.isDashed = this.graph.currentEdgeStyle[mxConstants.STYLE_DASHED] == '1';
+    var shape = connectionHandlerCreateShape.apply(this, arguments); // shape.isDashed = this.graph.currentEdgeStyle[mxConstants.STYLE_DASHED] == '1';
+
     shape.isDashed = false;
     return shape;
   };
+
   var defaultEdgeStyle = {
     'edgeStyle': 'orthogonalEdgeStyle',
     'rounded': '0',
     'jettySize': 'auto',
     'orthogonalLoop': '1'
-  };
-  // Uses current edge style for connect preview
+  }; // Uses current edge style for connect preview
+
   mxConnectionHandler.prototype.createEdgeState = function () {
     var style = 'html=1;';
+
     for (var key in defaultEdgeStyle) {
       style += key + "=" + defaultEdgeStyle[key] + ";";
     }
+
     var edge = this.graph.createEdge(null, null, null, null, null, style);
     var state = new mxCellState(this.graph.view, edge, this.graph.getCellStyle(edge));
+
     _Object$assign(state.style, defaultEdgeStyle);
+
     return state;
-  };
-  // Overrides live preview to keep current style
-  mxConnectionHandler.prototype.updatePreview = function () {
-    // do not change color of preview
-  };
-  // Disables built-in connection starts
+  }; // Overrides live preview to keep current style
+
+
+  mxConnectionHandler.prototype.updatePreview = function () {// do not change color of preview
+  }; // Disables built-in connection starts
+
+
   mxConnectionHandler.prototype.isValidSource = function () {
     return false;
   };

package/components/diagram/mxgraph/handler/mxConstraintHandler.js

@@ -2,10 +2,10 @@ import mx, { createSvgImage } from '../mx';
 import '../util/mxConstants';
 export default function () {
   var mxConstraintHandler = mx.mxConstraintHandler,
-    mxConstants = mx.mxConstants,
-    mxEllipse = mx.mxEllipse;
-  mxConstraintHandler.prototype.pointImage = createSvgImage(5, 5, '<path d="m 0 0 L 5 5 M 0 5 L 5 0" stroke="' + mxConstants.HANDLE_FILLCOLOR + '"/>');
-  // Overrides highlight shape for connection points
+      mxConstants = mx.mxConstants,
+      mxEllipse = mx.mxEllipse;
+  mxConstraintHandler.prototype.pointImage = createSvgImage(5, 5, '<path d="m 0 0 L 5 5 M 0 5 L 5 0" stroke="' + mxConstants.HANDLE_FILLCOLOR + '"/>'); // Overrides highlight shape for connection points
+
   mxConstraintHandler.prototype.createHighlightShape = function () {
     var hl = new mxEllipse(null, this.highlightColor, this.highlightColor, 0);
     hl.opacity = mxConstants.HIGHLIGHT_OPACITY;

package/components/diagram/mxgraph/handler/mxEdgeHandler.js

@@ -3,37 +3,41 @@ import '../util/mxConstants';
 import { mainHandle } from './mxVertexHandler';
 export default function () {
   var mxEdgeHandler = mx.mxEdgeHandler,
-    mxConstants = mx.mxConstants,
-    mxElbowEdgeHandler = mx.mxElbowEdgeHandler,
-    mxImageShape = mx.mxImageShape,
-    mxRectangleShape = mx.mxRectangleShape,
-    mxRectangle = mx.mxRectangle;
+      mxConstants = mx.mxConstants,
+      mxElbowEdgeHandler = mx.mxElbowEdgeHandler,
+      mxImageShape = mx.mxImageShape,
+      mxRectangleShape = mx.mxRectangleShape,
+      mxRectangle = mx.mxRectangle;
   var terminalHandle = createSvgImage(18, 18, '<circle cx="9" cy="9" r="5" stroke="#fff" fill="' + mxConstants.HANDLE_FILLCOLOR + '" stroke-width="1"/><circle cx="9" cy="9" r="2" stroke="#fff" fill="transparent"/>');
   var fixedHandle = createSvgImage(18, 18, '<circle cx="9" cy="9" r="5" stroke="#fff" fill="' + mxConstants.HANDLE_FILLCOLOR + '" stroke-width="1"/><path d="m 7 7 L 11 11 M 7 11 L 11 7" stroke="#fff"/>');
-  mxEdgeHandler.prototype.handleImage = mainHandle;
-  // mxEdgeHandler.prototype.terminalHandleImage = terminalHandle;
+  mxEdgeHandler.prototype.handleImage = mainHandle; // mxEdgeHandler.prototype.terminalHandleImage = terminalHandle;
   // mxEdgeHandler.prototype.fixedHandleImage = fixedHandle;
   // mxEdgeHandler.prototype.labelHandleImage = secondaryHandle;
   // Shows secondary handle for fixed connection points
+
   mxEdgeHandler.prototype.createHandleShape = function (index) {
     var source = index != null && index == 0;
     var terminalState = this.state.getVisibleTerminalState(source);
     var c = index != null && (index == 0 || index >= this.state.absolutePoints.length - 1 || this.constructor == mxElbowEdgeHandler && index == 2) ? this.graph.getConnectionConstraint(this.state, terminalState, source) : null;
     var pt = c != null ? this.graph.getConnectionPoint(this.state.getVisibleTerminalState(source), c) : null;
     var img = pt != null ? fixedHandle : c != null && terminalState != null ? terminalHandle : this.handleImage;
+
     if (img != null) {
-      var shape = new mxImageShape(new mxRectangle(0, 0, img.width, img.height), img.src);
-      // Allows HTML rendering of the images
+      var shape = new mxImageShape(new mxRectangle(0, 0, img.width, img.height), img.src); // Allows HTML rendering of the images
+
       shape.preserveImageAspect = false;
       return shape;
     } else {
       var s = mxConstants.HANDLE_SIZE;
+
       if (this.preferHtml) {
         s -= 1;
       }
+
       return new mxRectangleShape(new mxRectangle(0, 0, s, s), mxConstants.HANDLE_FILLCOLOR, mxConstants.HANDLE_STROKECOLOR);
     }
-  };
-  // Enables snapping waypoints to terminals
+  }; // Enables snapping waypoints to terminals
+
+
   mxEdgeHandler.prototype.snapToTerminals = true;
 }