@king-design/vue 2.0.0-beta.0

package/components/diagram/layouts/tree.js

@@ -0,0 +1,77 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+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],
+  nodeDistance: [Number, String],
+  resizeParent: Boolean,
+  groupPadding: [Number, String]
+});
+
+var defaults = function defaults() {
+  return _extends({}, DLayout.defaults(), {
+    type: 'horizontal',
+    levelDistance: 30,
+    nodeDistance: 16,
+    // If the parents should be resized to match the width/height of the children. 
+    resizeParent: true,
+    // Padding added to resized parents.
+    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;
+
+    var layout = new mxCompactTreeLayout(graph, type === 'horizontal');
+    layout.nodeDistance = +nodeDistance;
+    layout.groupPadding = +groupPadding; // layout.moveTree = true;
+
+    layout.maintainParentLocation = true;
+    layout.resizeParent = resizeParent;
+    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);
+    // if (graph.getModel().isVertex(tmp)) {
+    // graph.updateGroupBounds([tmp], graph.gridSize * 2, true);
+    // }
+  };
+
+  return DTreeLayout;
+}(DLayout);
+DTreeLayout.displayName = 'DTreeLayout';
+DTreeLayout.typeDefs = typeDefs;
+DTreeLayout.defaults = defaults;
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxConnectionHandler.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,53 @@
+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;
+  // 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
+
+  var connectionHandlerCreateShape = mxConnectionHandler.prototype.createShape;
+
+  mxConnectionHandler.prototype.createShape = function () {
+    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
+
+  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
+
+
+  mxConnectionHandler.prototype.isValidSource = function () {
+    return false;
+  };
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxConstraintHandler.d.ts

@@ -0,0 +1,5 @@
+import '../util/mxConstants';
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,16 @@
+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
+
+  mxConstraintHandler.prototype.createHighlightShape = function () {
+    var hl = new mxEllipse(null, this.highlightColor, this.highlightColor, 0);
+    hl.opacity = mxConstants.HIGHLIGHT_OPACITY;
+    return hl;
+  };
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxEdgeHandler.d.ts

@@ -0,0 +1,5 @@
+import '../util/mxConstants';
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,45 @@
+import mx, { createSvgImage } from '../mx';
+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;
+  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.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
+
+      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
+
+
+  mxEdgeHandler.prototype.snapToTerminals = true;
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxGraphHandler.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,25 @@
+import mx from '../mx';
+export default function () {
+  var mxGraphHandler = mx.mxGraphHandler;
+  mxGraphHandler.prototype.maxLivePreview = 16; // Enables guides
+
+  mxGraphHandler.prototype.guidesEnabled = true; // Removes parents where all child cells are moved out
+
+  mxGraphHandler.prototype.removeEmptyParents = true; // Select descendant if we select unselectable children
+
+  var graphHandlerGetInitialCellForEvent = mxGraphHandler.prototype.getInitialCellForEvent;
+
+  mxGraphHandler.prototype.getInitialCellForEvent = function () {
+    var graph = this.graph;
+    var model = graph.getModel();
+    var cell = graphHandlerGetInitialCellForEvent.apply(this, arguments);
+
+    while (!graph.isCellSelectable(cell) && model.isVertex(cell)) {
+      cell = model.getParent(cell);
+    }
+
+    return cell;
+  };
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxRubberband.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,10 @@
+import mx from '../mx';
+export default function () {
+  var mxRubberband = mx.mxRubberband; // Enables fading of rubberband
+
+  mxRubberband.prototype.fadeOut = true; // Increases default rubberband opacity (default is 20)
+
+  mxRubberband.prototype.defaultOpacity = 30;
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/handler/mxVertexHandler.d.ts

@@ -0,0 +1,7 @@
+import '../util/mxConstants';
+declare let mainHandle: any;
+export default function (): void;
+export { mainHandle };
+
+
+export {normalize} from 'intact-vue-next';

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

@@ -0,0 +1,32 @@
+import mx, { createSvgImage } from '../mx';
+import '../util/mxConstants';
+var mainHandle;
+export default function () {
+  var mxVertexHandler = mx.mxVertexHandler,
+      mxImage = mx.mxImage,
+      mxConstants = mx.mxConstants,
+      mxEvent = mx.mxEvent;
+  mainHandle = createSvgImage(18, 18, "<circle cx=\"9\" cy=\"9\" r=\"5\" stroke=\"#fff\" fill=\"" + mxConstants.HANDLE_FILLCOLOR + "\" stroke-width=\"1\"/>"); // set sizer shape
+
+  var rotationHandle = new mxImage('data:image/png;base64,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', 19, 21);
+  var secondaryHandle = createSvgImage(16, 16, '<path d="m 8 3 L 13 8 L 8 13 L 3 8 z" stroke="#fff" fill="#fca000"/>');
+  mxVertexHandler.prototype.rotationEnabled = true;
+  mxVertexHandler.prototype.handleImage = mainHandle;
+  mxVertexHandler.prototype.secondaryHandle = secondaryHandle;
+  var createSizerShape = mxVertexHandler.prototype.createSizerShape;
+
+  mxVertexHandler.prototype.createSizerShape = function (bounds, index, fillColor) {
+    if (index === mxEvent.ROTATION_HANDLE) {
+      this.handleImage = rotationHandle;
+    }
+
+    return createSizerShape.apply(this, arguments);
+  }; // Adds rotation handle and live preview
+
+
+  mxVertexHandler.prototype.manageSizers = true;
+  mxVertexHandler.prototype.livePreview = true;
+}
+export { mainHandle };
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/index.d.ts

@@ -0,0 +1,5 @@
+import mx from './mx';
+export default mx;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/index.js

@@ -0,0 +1,49 @@
+import mx from './mx';
+import { hasDocumentAvailable } from 'intact-shared';
+import mxConstantsSetup from './util/mxConstants';
+import mxGuideSetup from './util/mxGuide';
+import mxShapeSetup from './shape/mxShape';
+import mxRectangleShapeSetup from './shape/mxRectangleShape';
+import mxEllipseSetup from './shape/mxEllipse';
+import mxRhombusSetup from './shape/mxRhombus';
+import mxHexagonSetup from './shape/mxHexagon';
+import mxTriangleSetup from './shape/mxTriangle';
+import mxCloudSetup from './shape/mxCloud';
+import mxLineSetup from './shape/mxLine';
+import mxCylinderSetup from './shape/mxCylinder';
+import mxGraphSetup from './view/mxGraph';
+import mxCellEditorSetup from './view/mxCellEditor';
+import mxCellRendererSetup from './view/mxCellRenderer';
+import mxConnectionHandlerSetup from './handler/mxConnectionHandler';
+import mxVertexHandlerSetup from './handler/mxVertexHandler';
+import mxConstraintHandlerSetup from './handler/mxConstraintHandler';
+import mxEdgeHandlerSetup from './handler/mxEdgeHandler';
+import mxGraphHandlerSetup from './handler/mxGraphHandler';
+import mxRubberbandSetup from './handler/mxRubberband';
+
+if (hasDocumentAvailable) {
+  mxConstantsSetup();
+  mxGuideSetup();
+  mxShapeSetup();
+  mxRectangleShapeSetup();
+  mxEllipseSetup();
+  mxRhombusSetup();
+  mxHexagonSetup();
+  mxTriangleSetup();
+  mxCloudSetup();
+  mxLineSetup();
+  mxCylinderSetup();
+  mxGraphSetup();
+  mxCellEditorSetup();
+  mxCellRendererSetup();
+  mxConnectionHandlerSetup();
+  mxVertexHandlerSetup();
+  mxConstraintHandlerSetup();
+  mxEdgeHandlerSetup();
+  mxGraphHandlerSetup();
+  mxRubberbandSetup();
+}
+
+export default mx;
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/mx.d.ts

@@ -0,0 +1,6 @@
+declare const doll: any;
+export default doll;
+export declare function createSvgImage(w: number, h: number, data: string): any;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/mx.js

@@ -0,0 +1,16 @@
+import mx from 'mxgraphx';
+import { hasDocumentAvailable } from 'intact-shared'; // only support running in browser
+
+var doll = hasDocumentAvailable ? mx({
+  mxLoadResources: false,
+  mxLoadStylesheets: false
+}) : {};
+var mxImage = doll.mxImage,
+    mxLog = doll.mxLog;
+export default doll;
+export function createSvgImage(w, h, data) {
+  var tmp = unescape(encodeURIComponent('<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">' + '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="' + w + 'px" height="' + h + 'px" ' + 'version="1.1">' + data + '</svg>'));
+  return new mxImage('data:image/svg+xml;base64,' + btoa(tmp), w, h);
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxCloud.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxCloud.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxCloud = mx.mxCloud,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxCloud.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0.25, 0.25), false), new mxConnectionConstraint(new mxPoint(0.4, 0.1), false), new mxConnectionConstraint(new mxPoint(0.16, 0.55), false), new mxConnectionConstraint(new mxPoint(0.07, 0.4), false), new mxConnectionConstraint(new mxPoint(0.31, 0.8), false), new mxConnectionConstraint(new mxPoint(0.13, 0.77), false), new mxConnectionConstraint(new mxPoint(0.8, 0.8), false), new mxConnectionConstraint(new mxPoint(0.55, 0.95), false), new mxConnectionConstraint(new mxPoint(0.875, 0.5), false), new mxConnectionConstraint(new mxPoint(0.96, 0.7), false), new mxConnectionConstraint(new mxPoint(0.625, 0.2), false), new mxConnectionConstraint(new mxPoint(0.88, 0.25), false)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxCylinder.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxCylinder.js

@@ -0,0 +1,32 @@
+import mx from '../mx';
+export default function () {
+  var mxCylinder = mx.mxCylinder,
+      mxUtils = mx.mxUtils,
+      mxRectangle = mx.mxRectangle,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  var cylinderGetCylinderSize = mxCylinder.prototype.getCylinderSize;
+
+  mxCylinder.prototype.getCylinderSize = function (x, y, w, h) {
+    var size = mxUtils.getValue(this.style, 'size');
+
+    if (size != null) {
+      return h * Math.max(0, Math.min(1, size));
+    } else {
+      return cylinderGetCylinderSize.apply(this, arguments);
+    }
+  };
+
+  mxCylinder.prototype.getLabelMargins = function (rect) {
+    if (mxUtils.getValue(this.style, 'boundedLbl', false)) {
+      var size = mxUtils.getValue(this.style, 'size', 0.15) * 2;
+      return new mxRectangle(0, Math.min(this.maxHeight * this.scale, rect.height * size), 0, 0);
+    }
+
+    return null;
+  };
+
+  mxCylinder.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0.15, 0.05), false), new mxConnectionConstraint(new mxPoint(0.5, 0), true), new mxConnectionConstraint(new mxPoint(0.85, 0.05), false), new mxConnectionConstraint(new mxPoint(0, 0.3), true), new mxConnectionConstraint(new mxPoint(0, 0.5), true), new mxConnectionConstraint(new mxPoint(0, 0.7), true), new mxConnectionConstraint(new mxPoint(1, 0.3), true), new mxConnectionConstraint(new mxPoint(1, 0.5), true), new mxConnectionConstraint(new mxPoint(1, 0.7), true), new mxConnectionConstraint(new mxPoint(0.15, 0.95), false), new mxConnectionConstraint(new mxPoint(0.5, 1), true), new mxConnectionConstraint(new mxPoint(0.85, 0.95), false)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxEllipse.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxEllipse.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxEllipse = mx.mxEllipse,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxEllipse.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0, 0), true), new mxConnectionConstraint(new mxPoint(1, 0), true), new mxConnectionConstraint(new mxPoint(0, 1), true), new mxConnectionConstraint(new mxPoint(1, 1), true), new mxConnectionConstraint(new mxPoint(0.5, 0), true), new mxConnectionConstraint(new mxPoint(0.5, 1), true), new mxConnectionConstraint(new mxPoint(0, 0.5), true), new mxConnectionConstraint(new mxPoint(1, 0.5))];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxHexagon.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxHexagon.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxHexagon = mx.mxHexagon,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxHexagon.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0.375, 0), true), new mxConnectionConstraint(new mxPoint(0.5, 0), true), new mxConnectionConstraint(new mxPoint(0.625, 0), true), new mxConnectionConstraint(new mxPoint(0, 0.25), true), new mxConnectionConstraint(new mxPoint(0, 0.5), true), new mxConnectionConstraint(new mxPoint(0, 0.75), true), new mxConnectionConstraint(new mxPoint(1, 0.25), true), new mxConnectionConstraint(new mxPoint(1, 0.5), true), new mxConnectionConstraint(new mxPoint(1, 0.75), true), new mxConnectionConstraint(new mxPoint(0.375, 1), true), new mxConnectionConstraint(new mxPoint(0.5, 1), true), new mxConnectionConstraint(new mxPoint(0.625, 1), true)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxLine.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxLine.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxLine = mx.mxLine,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxLine.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0, 0.5), false), new mxConnectionConstraint(new mxPoint(0.25, 0.5), false), new mxConnectionConstraint(new mxPoint(0.75, 0.5), false), new mxConnectionConstraint(new mxPoint(1, 0.5), false)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxRectangleShape.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxRectangleShape.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxRectangleShape = mx.mxRectangleShape,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxRectangleShape.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0.25, 0), true), new mxConnectionConstraint(new mxPoint(0.5, 0), true), new mxConnectionConstraint(new mxPoint(0.75, 0), true), new mxConnectionConstraint(new mxPoint(0, 0.25), true), new mxConnectionConstraint(new mxPoint(0, 0.5), true), new mxConnectionConstraint(new mxPoint(0, 0.75), true), new mxConnectionConstraint(new mxPoint(1, 0.25), true), new mxConnectionConstraint(new mxPoint(1, 0.5), true), new mxConnectionConstraint(new mxPoint(1, 0.75), true), new mxConnectionConstraint(new mxPoint(0.25, 1), true), new mxConnectionConstraint(new mxPoint(0.5, 1), true), new mxConnectionConstraint(new mxPoint(0.75, 1), true)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxRhombus.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxRhombus.js

@@ -0,0 +1,41 @@
+import mx from '../mx';
+export default function () {
+  var mxRhombus = mx.mxRhombus,
+      mxConstants = mx.mxConstants,
+      mxRectangle = mx.mxRectangle,
+      mxEllipse = mx.mxEllipse; // Overrides painting of rhombus shape to allow for double style
+
+  var mxRhombusPaintVertexShape = mxRhombus.prototype.paintVertexShape;
+
+  mxRhombus.prototype.getLabelBounds = function (rect) {
+    if (this.style['double'] == 1) {
+      var margin = (Math.max(2, this.strokewidth + 1) * 2 + parseFloat(this.style[mxConstants.STYLE_MARGIN] || 0)) * this.scale;
+      return new mxRectangle(rect.x + margin, rect.y + margin, rect.width - 2 * margin, rect.height - 2 * margin);
+    }
+
+    return rect;
+  };
+
+  mxRhombus.prototype.paintVertexShape = function (c, x, y, w, h) {
+    mxRhombusPaintVertexShape.apply(this, arguments);
+
+    if (!this.outline && this.style['double'] == 1) {
+      var margin = Math.max(2, this.strokewidth + 1) * 2 + parseFloat(this.style[mxConstants.STYLE_MARGIN] || 0);
+      x += margin;
+      y += margin;
+      w -= 2 * margin;
+      h -= 2 * margin;
+
+      if (w > 0 && h > 0) {
+        c.setShadow(false); // Workaround for closure compiler bug where the lines with x and y above
+        // are removed if arguments is used as second argument in call below.
+
+        mxRhombusPaintVertexShape.apply(this, [c, x, y, w, h]);
+      }
+    }
+  };
+
+  mxRhombus.prototype.constraints = mxEllipse.prototype.constraints;
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxShape.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxShape.js

@@ -0,0 +1,10 @@
+import mx from '../mx';
+export default function () {
+  var mxShape = mx.mxShape;
+
+  mxShape.prototype.getConstraints = function () {
+    return null;
+  };
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxTriangle.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/shape/mxTriangle.js

@@ -0,0 +1,9 @@
+import mx from '../mx';
+export default function () {
+  var mxTriangle = mx.mxTriangle,
+      mxConnectionConstraint = mx.mxConnectionConstraint,
+      mxPoint = mx.mxPoint;
+  mxTriangle.prototype.constraints = [new mxConnectionConstraint(new mxPoint(0, 0.25), true), new mxConnectionConstraint(new mxPoint(0, 0.5), true), new mxConnectionConstraint(new mxPoint(0, 0.75), true), new mxConnectionConstraint(new mxPoint(0.5, 0), true), new mxConnectionConstraint(new mxPoint(0.5, 1), true), new mxConnectionConstraint(new mxPoint(1, 0.5), true)];
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/util/mxConstants.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/util/mxConstants.js

@@ -0,0 +1,21 @@
+import mx from '../mx';
+export default function () {
+  var mxConstants = mx.mxConstants; // Sets colors for handles
+
+  mxConstants.HANDLE_FILLCOLOR = '#29b6f2';
+  mxConstants.HANDLE_STROKECOLOR = '#0088cf';
+  mxConstants.VERTEX_SELECTION_COLOR = '#00a8ff';
+  mxConstants.OUTLINE_COLOR = '#00a8ff';
+  mxConstants.OUTLINE_HANDLE_FILLCOLOR = '#99ccff';
+  mxConstants.OUTLINE_HANDLE_STROKECOLOR = '#00a8ff';
+  mxConstants.CONNECT_HANDLE_FILLCOLOR = '#cee7ff';
+  mxConstants.EDGE_SELECTION_COLOR = '#00a8ff';
+  mxConstants.DEFAULT_VALID_COLOR = '#00a8ff';
+  mxConstants.LABEL_HANDLE_FILLCOLOR = '#cee7ff';
+  mxConstants.GUIDE_COLOR = '#0088cf';
+  mxConstants.HIGHLIGHT_OPACITY = 30;
+  mxConstants.HIGHLIGHT_SIZE = 5;
+  mxConstants.DEFAULT_FONTSIZE = 12;
+}
+
+export {normalize} from 'intact-vue-next';

package/components/diagram/mxgraph/util/mxGuide.d.ts

@@ -0,0 +1,4 @@
+export default function (): void;
+
+
+export {normalize} from 'intact-vue-next';