UNPKG

gojs

Version:

Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams

1,102 lines 300 kB
/* * Copyright (C) 1998-2020 by Northwoods Software Corporation. All Rights Reserved. */ (function (factory) { if (typeof module === "object" && typeof module.exports === "object") { var v = factory(require, exports); if (v !== undefined) module.exports = v; } else if (typeof define === "function" && define.amd) { define(["require", "exports", "../release/go.js"], factory); } })(function (require, exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); // This file holds definitions of all standard shape figures -- string values for Shape.figure. // You do not need to load this file in order to use named Shape figure. // The following figures are built-in to the go.js library and thus do not need to be redefined: // Rectangle, Square, RoundedRectangle, Border, Ellipse, Circle, // TriangleRight, TriangleDown, TriangleLeft, TriangleUp, Triangle, // LineH, LineV, None, BarH, BarV, MinusLine, PlusLine, XLine // If you need any of the other figures that are defined in this file, we suggest that you copy // just those definitions into your own code. Do not load this file unless you really want to // define a lot of code that your app does not use and will not get garbage-collected. var go = require("../release/go.js"); // The following functions and variables are used throughout this file: /** * @hidden @internal * This FigureParameter class describes various properties each parameter uses in figures. */ var FigureParameter = /** @class */ (function () { function FigureParameter(name, def, min, max) { if (min === undefined) min = 0.0; if (max === undefined) max = Infinity; this._name = name; this._defaultValue = def; this._minimum = min; this._maximum = max; // (go.Shape as any)['_FigureParameters'] = {}; } Object.defineProperty(FigureParameter.prototype, "name", { /** * Gets or sets the name of the figure. */ get: function () { return this._name; }, set: function (val) { if (typeof val !== 'string' || val === '') throw new Error('Shape name must be a valid string.'); this._name = val; }, enumerable: true, configurable: true }); Object.defineProperty(FigureParameter.prototype, "defaultValue", { /** * Gets or sets the default value for the parameter. */ get: function () { return this._defaultValue; }, set: function (val) { if (typeof val !== 'number' || isNaN(val)) throw new Error('The default value must be a real number, not: ' + val); this._defaultValue = val; }, enumerable: true, configurable: true }); Object.defineProperty(FigureParameter.prototype, "minimum", { /** * Gets or sets the minimum value allowed for the figure parameter. */ get: function () { return this._minimum; }, set: function (val) { if (typeof val !== 'number' || isNaN(val)) throw new Error('Minimum must be a real number, not: ' + val); this._minimum = val; }, enumerable: true, configurable: true }); Object.defineProperty(FigureParameter.prototype, "maximum", { /** * Gets or sets the maximum value allowed for the figure parameter. */ get: function () { return this._maximum; }, set: function (val) { if (typeof val !== 'number' || isNaN(val)) throw new Error('Maximum must be a real number, not: ' + val); this._maximum = val; }, enumerable: true, configurable: true }); /** * This static function gets a FigureParameter for a particular figure name. * @param {String} figurename * @param {number} index, currently must be either 0 or 1 * @return {FigureParameter} */ FigureParameter.getFigureParameter = function (figurename, index) { // const arr = (go.Shape as any)['_FigureParameters'][figurename]; var arr = FigureParameter.definedParameters[figurename]; if (!arr) return null; return arr[index]; }; /** * This static function sets a FigureParameter for a particular figure name. * @param {String} figurename * @param {number} index, currently must be either 0 or 1 * @param {FigureParameter} figparam */ FigureParameter.setFigureParameter = function (figurename, index, figparam) { if (!(figparam instanceof FigureParameter)) throw new Error('Third argument to FigureParameter.setFigureParameter is not FigureParameter: ' + figparam); if (figparam.defaultValue < figparam.minimum || figparam.defaultValue > figparam.maximum) { throw new Error('defaultValue must be between minimum and maximum, not: ' + figparam.defaultValue); } // const paramObj = (go.Shape as any)['_FigureParameters']; // let arr = paramObj[figurename]; var arr = FigureParameter.definedParameters[figurename]; if (!arr) { // arr = []; // paramObj[figurename] = arr; arr = []; FigureParameter.definedParameters[figurename] = arr; } arr[index] = figparam; }; FigureParameter.definedParameters = {}; return FigureParameter; }()); exports.FigureParameter = FigureParameter; /** @ignore */ var _CachedPoints = []; /** * @ignore * @param {number} x * @param {number} y * @return {Point} */ function tempPointAt(x, y) { var temp = _CachedPoints.pop(); if (temp === undefined) return new go.Point(x, y); temp.x = x; temp.y = y; return temp; } /** * @ignore * @return {Point} */ function tempPoint() { var temp = _CachedPoints.pop(); if (temp === undefined) return new go.Point(); return temp; } /** * @ignore * @param {Point} temp */ function freePoint(temp) { _CachedPoints.push(temp); } /** * @ignore * @param {number} p1x * @param {number} p1y * @param {number} p2x * @param {number} p2y * @param {number} q1x * @param {number} q1y * @param {number} q2x * @param {number} q2y * @param {Point} result * @return {Point} */ function getIntersection(p1x, p1y, p2x, p2y, q1x, q1y, q2x, q2y, result) { var dx1 = p1x - p2x; var dx2 = q1x - q2x; var x; var y; if (dx1 === 0 || dx2 === 0) { if (dx1 === 0) { var m2 = (q1y - q2y) / dx2; var b2 = q1y - m2 * q1x; x = p1x; y = m2 * x + b2; } else { var m1 = (p1y - p2y) / dx1; var b1 = p1y - m1 * p1x; x = q1x; y = m1 * x + b1; } } else { var m1 = (p1y - p2y) / dx1; var m2 = (q1y - q2y) / dx2; var b1 = p1y - m1 * p1x; var b2 = q1y - m2 * q1x; x = (b2 - b1) / (m1 - m2); y = m1 * x + b1; } result.x = x; result.y = y; return result; } /** * @ignore * @param {number} startx * @param {number} starty * @param {number} c1x * @param {number} c1y * @param {number} c2x * @param {number} c2y * @param {number} endx * @param {number} endy * @param {number} fraction * @param {Point} curve1cp1 // modified result control point * @param {Point} curve1cp2 // modified result control point * @param {Point} midpoint // modified result * @param {Point} curve2cp1 // modified result control point * @param {Point} curve2cp2 // modified result control point */ function breakUpBezier(startx, starty, c1x, c1y, c2x, c2y, endx, endy, fraction, curve1cp1, curve1cp2, midpoint, curve2cp1, curve2cp2) { var fo = 1 - fraction; var so = fraction; var m1x = (startx * fo + c1x * so); var m1y = (starty * fo + c1y * so); var m2x = (c1x * fo + c2x * so); var m2y = (c1y * fo + c2y * so); var m3x = (c2x * fo + endx * so); var m3y = (c2y * fo + endy * so); var m12x = (m1x * fo + m2x * so); var m12y = (m1y * fo + m2y * so); var m23x = (m2x * fo + m3x * so); var m23y = (m2y * fo + m3y * so); var m123x = (m12x * fo + m23x * so); var m123y = (m12y * fo + m23y * so); curve1cp1.x = m1x; curve1cp1.y = m1y; curve1cp2.x = m12x; curve1cp2.y = m12y; midpoint.x = m123x; midpoint.y = m123y; curve2cp1.x = m23x; curve2cp1.y = m23y; curve2cp2.x = m3x; curve2cp2.y = m3y; } var GeneratorEllipseSpot1 = new go.Spot(0.156, 0.156); var GeneratorEllipseSpot2 = new go.Spot(0.844, 0.844); var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3); // PREDEFINED figures, built into the v2.0 library: // These first few are commented out due to optimizations in the built-in definitions. //go.Shape.defineFigureGenerator('Rectangle', (shape, w, h) => { // predefined in 2.0 // const geo = new go.Geometry(go.Geometry.Rectangle); // geo.startX = 0; // geo.startY = 0; // geo.endX = w; // geo.endY = h; // return geo; //}); //go.Shape.defineFigureGenerator('Square', (shape, w, h) => { // predefined in 2.0 // const geo = new go.Geometry(go.Geometry.Rectangle); // geo.startX = 0; // geo.startY = 0; // geo.endX = w; // geo.endY = h; // geo.defaultStretch = go.GraphObject.Uniform; // return geo; //}); FigureParameter.setFigureParameter('RoundedRectangle', 0, new FigureParameter('CornerRounding', 5)); go.Shape.defineFigureGenerator('RoundedRectangle', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 5; // default corner param1 = Math.min(param1, w / 3); param1 = Math.min(param1, h / 3); var cpOffset = param1 * KAPPA; var geo = new go.Geometry() .add(new go.PathFigure(param1, 0, true) .add(new go.PathSegment(go.PathSegment.Line, w - param1, 0)) .add(new go.PathSegment(go.PathSegment.Bezier, w, param1, w - cpOffset, 0, w, cpOffset)) .add(new go.PathSegment(go.PathSegment.Line, w, h - param1)) .add(new go.PathSegment(go.PathSegment.Bezier, w - param1, h, w, h - cpOffset, w - cpOffset, h)) .add(new go.PathSegment(go.PathSegment.Line, param1, h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0, h - param1, cpOffset, h, 0, h - cpOffset)) .add(new go.PathSegment(go.PathSegment.Line, 0, param1)) .add(new go.PathSegment(go.PathSegment.Bezier, param1, 0, 0, cpOffset, cpOffset, 0).close())); if (cpOffset > 1) { geo.spot1 = new go.Spot(0, 0, cpOffset, cpOffset); geo.spot2 = new go.Spot(1, 1, -cpOffset, -cpOffset); } return geo; }); //go.Shape.defineFigureGenerator('Border', 'RoundedRectangle'); // predefined in 2.0 //go.Shape.defineFigureGenerator('Ellipse', (shape, w, h) => { // predefined in 2.0 // const geo = new go.Geometry(go.Geometry.Ellipse); // geo.startX = 0; // geo.startY = 0; // geo.endX = w; // geo.endY = h; // geo.spot1 = GeneratorEllipseSpot1; // geo.spot2 = GeneratorEllipseSpot2; // return geo; //}); //go.Shape.defineFigureGenerator('Circle', (shape, w, h) => { // predefined in 2.0 // const geo = new go.Geometry(go.Geometry.Ellipse); // geo.startX = 0; // geo.startY = 0; // geo.endX = w; // geo.endY = h; // geo.spot1 = GeneratorEllipseSpot1; // geo.spot2 = GeneratorEllipseSpot2; // geo.defaultStretch = go.GraphObject.Uniform; // return geo; //}); go.Shape.defineFigureGenerator('TriangleRight', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())) .setSpots(0, 0.25, 0.5, 0.75); }); go.Shape.defineFigureGenerator('TriangleDown', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h).close())) .setSpots(0.25, 0, 0.75, 0.5); }); go.Shape.defineFigureGenerator('TriangleLeft', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(w, h) .add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0).close())) .setSpots(0.5, 0.25, 1, 0.75); }); go.Shape.defineFigureGenerator('TriangleUp', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(w, h) .add(new go.PathSegment(go.PathSegment.Line, 0, h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0).close())) .setSpots(0.25, 0.5, 0.75, 1); }); go.Shape.defineFigureGenerator('Triangle', 'TriangleUp'); // predefined in 2.0 go.Shape.defineFigureGenerator('Diamond', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0.5 * w, 0) .add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h).close())) .setSpots(0.25, 0.25, 0.75, 0.75); }); go.Shape.defineFigureGenerator('LineH', function (shape, w, h) { var geo = new go.Geometry(go.Geometry.Line); geo.startX = 0; geo.startY = h / 2; geo.endX = w; geo.endY = h / 2; return geo; }); go.Shape.defineFigureGenerator('LineV', function (shape, w, h) { var geo = new go.Geometry(go.Geometry.Line); geo.startX = w / 2; geo.startY = 0; geo.endX = w / 2; geo.endY = h; return geo; }); go.Shape.defineFigureGenerator('BarH', 'Rectangle'); // predefined in 2.0 go.Shape.defineFigureGenerator('BarV', 'Rectangle'); // predefined in 2.0 go.Shape.defineFigureGenerator('MinusLine', 'LineH'); // predefined in 2.0 go.Shape.defineFigureGenerator('PlusLine', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, h / 2, false) .add(new go.PathSegment(go.PathSegment.Line, w, h / 2)) .add(new go.PathSegment(go.PathSegment.Move, w / 2, 0)) .add(new go.PathSegment(go.PathSegment.Line, w / 2, h))); }); go.Shape.defineFigureGenerator('XLine', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, h, false) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Move, 0, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h))); }); // OPTIONAL figures, not predefined in the v2.0 library: go.Shape.defineFigureGenerator('AsteriskLine', function (shape, w, h) { var offset = .2 / Math.SQRT2; return new go.Geometry() .add(new go.PathFigure(offset * w, (1 - offset) * h, false) .add(new go.PathSegment(go.PathSegment.Line, (1 - offset) * w, offset * h)) .add(new go.PathSegment(go.PathSegment.Move, offset * w, offset * h)) .add(new go.PathSegment(go.PathSegment.Line, (1 - offset) * w, (1 - offset) * h)) .add(new go.PathSegment(go.PathSegment.Move, 0, h / 2)) .add(new go.PathSegment(go.PathSegment.Line, w, h / 2)) .add(new go.PathSegment(go.PathSegment.Move, w / 2, 0)) .add(new go.PathSegment(go.PathSegment.Line, w / 2, h))); }); go.Shape.defineFigureGenerator('CircleLine', function (shape, w, h) { var rad = w / 2; var geo = new go.Geometry() .add(new go.PathFigure(w, w / 2, false) // clockwise .add(new go.PathSegment(go.PathSegment.Arc, 0, 360, rad, rad, rad, rad).close())); geo.spot1 = GeneratorEllipseSpot1; geo.spot2 = GeneratorEllipseSpot2; geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('Line1', function (shape, w, h) { var geo = new go.Geometry(go.Geometry.Line); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; }); go.Shape.defineFigureGenerator('Line2', function (shape, w, h) { var geo = new go.Geometry(go.Geometry.Line); geo.startX = w; geo.startY = 0; geo.endX = 0; geo.endY = h; return geo; }); go.Shape.defineFigureGenerator('Curve1', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Bezier, w, h, KAPPA * w, 0, w, (1 - KAPPA) * h))); }); go.Shape.defineFigureGenerator('Curve2', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Bezier, w, h, 0, KAPPA * h, (1 - KAPPA) * w, h))); }); go.Shape.defineFigureGenerator('Curve3', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(w, 0, false) .add(new go.PathSegment(go.PathSegment.Bezier, 0, h, w, KAPPA * h, KAPPA * w, h))); }); go.Shape.defineFigureGenerator('Curve4', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(w, 0, false) .add(new go.PathSegment(go.PathSegment.Bezier, 0, h, (1 - KAPPA) * w, 0, 0, (1 - KAPPA) * h))); }); go.Shape.defineFigureGenerator('TriangleDownLeft', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())) .setSpots(0, 0.5, 0.5, 1); }); go.Shape.defineFigureGenerator('TriangleDownRight', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(w, 0, true) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())) .setSpots(0.5, 0.5, 1, 1); }); go.Shape.defineFigureGenerator('TriangleUpLeft', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())) .setSpots(0, 0, 0.5, 0.5); }); go.Shape.defineFigureGenerator('TriangleUpRight', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h).close())) .setSpots(0.5, 0, 1, 0.5); }); go.Shape.defineFigureGenerator('RightTriangle', 'TriangleDownLeft'); FigureParameter.setFigureParameter('Parallelogram1', 0, new FigureParameter('Indent', .1, -.99, .99)); go.Shape.defineFigureGenerator('Parallelogram1', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; // indent's percent distance if (isNaN(param1)) param1 = 0.1; else if (param1 < -1) param1 = -1; else if (param1 > 1) param1 = 1; var indent = Math.abs(param1) * w; if (param1 === 0) { var geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { var geo = new go.Geometry(); if (param1 > 0) { geo.add(new go.PathFigure(indent, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w - indent, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); } else { // param1 < 0 geo.add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w - indent, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, indent, h).close())); } if (indent < w / 2) { geo.setSpots(indent / w, 0, (w - indent) / w, 1); } return geo; } }); go.Shape.defineFigureGenerator('Parallelogram', 'Parallelogram1'); // alias // Parallelogram with absolutes instead of scaling FigureParameter.setFigureParameter('Parallelogram2', 0, new FigureParameter('Indent', 10, -Infinity, Infinity)); go.Shape.defineFigureGenerator('Parallelogram2', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; // indent's x distance if (isNaN(param1)) param1 = 10; else if (param1 < -1) param1 = -w; else if (param1 > 1) param1 = w; var indent = Math.abs(param1); if (param1 === 0) { var geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { var geo = new go.Geometry(); if (param1 > 0) { geo.add(new go.PathFigure(indent, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w - indent, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); } else { // param1 < 0 geo.add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w - indent, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, indent, h).close())); } if (indent < w / 2) { geo.setSpots(indent / w, 0, (w - indent) / w, 1); } return geo; } }); FigureParameter.setFigureParameter('Trapezoid1', 0, new FigureParameter('Indent', .2, -.99, .99)); go.Shape.defineFigureGenerator('Trapezoid1', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; // indent's percent distance if (isNaN(param1)) param1 = 0.2; else if (param1 < 0.5) param1 = -0.5; else if (param1 > 0.5) param1 = 0.5; var indent = Math.abs(param1) * w; if (param1 === 0) { var geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { var geo = new go.Geometry(); if (param1 > 0) { geo.add(new go.PathFigure(indent, 0) .add(new go.PathSegment(go.PathSegment.Line, w - indent, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); } else { // param1 < 0 geo.add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w - indent, h)) .add(new go.PathSegment(go.PathSegment.Line, indent, h).close())); } if (indent < w / 2) { geo.setSpots(indent / w, 0, (w - indent) / w, 1); } return geo; } }); go.Shape.defineFigureGenerator('Trapezoid', 'Trapezoid1'); // alias // Trapezoid with absolutes instead of scaling FigureParameter.setFigureParameter('Trapezoid2', 0, new FigureParameter('Indent', 20, -Infinity, Infinity)); go.Shape.defineFigureGenerator('Trapezoid2', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; // indent's x distance if (isNaN(param1)) param1 = 20; // default value else if (param1 < -w) param1 = -w / 2; else if (param1 > w) param1 = w / 2; var indent = Math.abs(param1); if (param1 === 0) { var geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { var geo = new go.Geometry(); if (param1 > 0) { geo.add(new go.PathFigure(indent, 0) .add(new go.PathSegment(go.PathSegment.Line, w - indent, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); } else { // param1 < 0 geo.add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w - indent, h)) .add(new go.PathSegment(go.PathSegment.Line, indent, h).close())); } if (indent < w / 2) { geo.setSpots(indent / w, 0, (w - indent) / w, 1); } return geo; } }); FigureParameter.setFigureParameter('ManualOperation', 0, new FigureParameter('Indent', 10, -Infinity, Infinity)); go.Shape.defineFigureGenerator('ManualOperation', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; // Distance from topleft of bounding rectangle, // in % of the total width, of the topleft corner if (isNaN(param1)) param1 = 10; // default value else if (param1 < -w) param1 = -w / 2; else if (param1 > w) param1 = w / 2; var indent = Math.abs(param1); if (param1 === 0) { var geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { var geo = new go.Geometry(); if (param1 > 0) { geo.add(new go.PathFigure(0, 0) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w - indent, h)) .add(new go.PathSegment(go.PathSegment.Line, indent, h).close())); } else { // param1 < 0 geo.add(new go.PathFigure(indent, 0) .add(new go.PathSegment(go.PathSegment.Line, w - indent, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); } if (indent < w / 2) { geo.setSpots(indent / w, 0, (w - indent) / w, 1); } return geo; } }); // The following functions are used by a group of regular figures that are defined below: /** @ignore */ var _CachedArrays = []; /** * @ignore * @return {Array} */ function tempArray() { var temp = _CachedArrays.pop(); if (temp === undefined) return []; return temp; } /** * @ignore * @param {Array} a */ function freeArray(a) { a.length = 0; // clear any references to objects _CachedArrays.push(a); } /** * @ignore * This allocates a temporary Array that should be freeArray()'ed by the caller. * @param {number} sides * @return {Array} */ function createPolygon(sides) { // Point[] points = new Point[sides + 1]; var points = tempArray(); var radius = .5; var center = .5; var offsetAngle = Math.PI * 1.5; var angle = 0; // Loop through each side of the polygon for (var i = 0; i < sides; i++) { angle = 2 * Math.PI / sides * i + offsetAngle; points[i] = new go.Point((center + radius * Math.cos(angle)), (center + radius * Math.sin(angle))); } // Add the last line // points[points.length - 1] = points[0]; points.push(points[0]); return points; } /** * @ignore * This allocates a temporary Array that should be freeArray()'ed by the caller. * @param {number} points * @return {Array} */ function createBurst(points) { var star = createStar(points); var pts = tempArray(); // new Point[points * 3 + 1]; pts[0] = star[0]; for (var i = 1, count = 1; i < star.length; i += 2, count += 3) { pts[count] = star[i]; pts[count + 1] = star[i]; pts[count + 2] = star[i + 1]; } freeArray(star); return pts; } /** * @ignore * This allocates a temporary Array that should be freeArray()'ed by the caller. * @param {number} points * @return {Array} */ function createStar(points) { // First, create a regular polygon var polygon = createPolygon(points); // Calculate the points inbetween var pts = tempArray(); // new Point[points * 2 + 1]; var half = Math.floor(polygon.length / 2); var count = polygon.length - 1; var offset = (points % 2 === 0) ? 2 : 1; for (var i = 0; i < count; i++) { // Get the intersection of two lines var p0 = polygon[i]; var p1 = polygon[i + 1]; var q21 = polygon[(half + i - 1) % count]; var q2off = polygon[(half + i + offset) % count]; pts[i * 2] = p0; pts[i * 2 + 1] = getIntersection(p0.x, p0.y, q21.x, q21.y, p1.x, p1.y, q2off.x, q2off.y, new go.Point()); // ?? not currently managed } pts[pts.length] = pts[0]; freeArray(polygon); return pts; } go.Shape.defineFigureGenerator('Pentagon', function (shape, w, h) { var points = createPolygon(5); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 5; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.2, .22); geo.spot2 = new go.Spot(.8, .9); return geo; }); go.Shape.defineFigureGenerator('Hexagon', function (shape, w, h) { var points = createPolygon(6); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 6; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.07, .25); geo.spot2 = new go.Spot(.93, .75); return geo; }); go.Shape.defineFigureGenerator('Heptagon', function (shape, w, h) { var points = createPolygon(7); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 7; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.2, .15); geo.spot2 = new go.Spot(.8, .85); return geo; }); go.Shape.defineFigureGenerator('Octagon', function (shape, w, h) { var points = createPolygon(8); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 8; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.15, .15); geo.spot2 = new go.Spot(.85, .85); return geo; }); go.Shape.defineFigureGenerator('Nonagon', function (shape, w, h) { var points = createPolygon(9); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 9; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.17, .13); geo.spot2 = new go.Spot(.82, .82); return geo; }); go.Shape.defineFigureGenerator('Decagon', function (shape, w, h) { var points = createPolygon(10); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 10; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.16, .16); geo.spot2 = new go.Spot(.84, .84); return geo; }); go.Shape.defineFigureGenerator('Dodecagon', function (shape, w, h) { var points = createPolygon(12); var geo = new go.Geometry(); var fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (var i = 1; i < 12; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, points[i].x * w, points[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, points[0].x * w, points[0].y * h).close()); freeArray(points); geo.spot1 = new go.Spot(.16, .16); geo.spot2 = new go.Spot(.84, .84); return geo; }); go.Shape.defineFigureGenerator('FivePointedStar', function (shape, w, h) { var starPoints = createStar(5); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 10; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.266, .333); geo.spot2 = new go.Spot(.733, .733); return geo; }); go.Shape.defineFigureGenerator('SixPointedStar', function (shape, w, h) { var starPoints = createStar(6); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 12; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.17, .25); geo.spot2 = new go.Spot(.83, .75); return geo; }); go.Shape.defineFigureGenerator('SevenPointedStar', function (shape, w, h) { var starPoints = createStar(7); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 14; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.222, .277); geo.spot2 = new go.Spot(.777, .666); return geo; }); go.Shape.defineFigureGenerator('EightPointedStar', function (shape, w, h) { var starPoints = createStar(8); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 16; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.25, .25); geo.spot2 = new go.Spot(.75, .75); return geo; }); go.Shape.defineFigureGenerator('NinePointedStar', function (shape, w, h) { var starPoints = createStar(9); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 18; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.222, .277); geo.spot2 = new go.Spot(.777, .666); return geo; }); go.Shape.defineFigureGenerator('TenPointedStar', function (shape, w, h) { var starPoints = createStar(10); var geo = new go.Geometry(); var fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < 20; i++) { fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[i].x * w, starPoints[i].y * h)); } fig.add(new go.PathSegment(go.PathSegment.Line, starPoints[0].x * w, starPoints[0].y * h).close()); freeArray(starPoints); geo.spot1 = new go.Spot(.281, .261); geo.spot2 = new go.Spot(.723, .748); return geo; }); go.Shape.defineFigureGenerator('FivePointedBurst', function (shape, w, h) { var burstPoints = createBurst(5); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.222, .277); geo.spot2 = new go.Spot(.777, .777); return geo; }); go.Shape.defineFigureGenerator('SixPointedBurst', function (shape, w, h) { var burstPoints = createBurst(6); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.170, .222); geo.spot2 = new go.Spot(.833, .777); return geo; }); go.Shape.defineFigureGenerator('SevenPointedBurst', function (shape, w, h) { var burstPoints = createBurst(7); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.222, .222); geo.spot2 = new go.Spot(.777, .777); return geo; }); go.Shape.defineFigureGenerator('EightPointedBurst', function (shape, w, h) { var burstPoints = createBurst(8); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.222, .222); geo.spot2 = new go.Spot(.777, .777); return geo; }); go.Shape.defineFigureGenerator('NinePointedBurst', function (shape, w, h) { var burstPoints = createBurst(9); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.222, .222); geo.spot2 = new go.Spot(.777, .777); return geo; }); go.Shape.defineFigureGenerator('TenPointedBurst', function (shape, w, h) { var burstPoints = createBurst(10); var geo = new go.Geometry(); var fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (var i = 1; i < burstPoints.length; i += 3) { fig.add(new go.PathSegment(go.PathSegment.Bezier, burstPoints[i + 2].x * w, burstPoints[i + 2].y * h, burstPoints[i].x * w, burstPoints[i].y * h, burstPoints[i + 1].x * w, burstPoints[i + 1].y * h)); } var lst = fig.segments.last(); if (lst !== null) lst.close(); freeArray(burstPoints); geo.spot1 = new go.Spot(.222, .222); geo.spot2 = new go.Spot(.777, .777); return geo; }); FigureParameter.setFigureParameter('FramedRectangle', 0, new FigureParameter('ThicknessX', 8)); FigureParameter.setFigureParameter('FramedRectangle', 1, new FigureParameter('ThicknessY', 8)); go.Shape.defineFigureGenerator('FramedRectangle', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; var param2 = shape ? shape.parameter2 : NaN; if (isNaN(param1)) param1 = 8; // default values PARAMETER 1 is for WIDTH if (isNaN(param2)) param2 = 8; // default values PARAMETER 2 is for HEIGHT var geo = new go.Geometry(); var fig = new go.PathFigure(0, 0, true); geo.add(fig); // outer rectangle, clockwise fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); if (param1 < w / 2 && param2 < h / 2) { // inner rectangle, counter-clockwise fig.add(new go.PathSegment(go.PathSegment.Move, param1, param2)); // subpath fig.add(new go.PathSegment(go.PathSegment.Line, param1, h - param2)); fig.add(new go.PathSegment(go.PathSegment.Line, w - param1, h - param2)); fig.add(new go.PathSegment(go.PathSegment.Line, w - param1, param2).close()); } geo.setSpots(0, 0, 1, 1, param1, param2, -param1, -param2); return geo; }); FigureParameter.setFigureParameter('Ring', 0, new FigureParameter('Thickness', 8)); go.Shape.defineFigureGenerator('Ring', function (shape, w, h) { var param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 8; var rad = w / 2; var geo = new go.Geometry(); var fig = new go.PathFigure(w, w / 2, true); // clockwise geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 360, rad, rad, rad, rad).close()); var rad2 = Math.max(rad - param1, 0); if (rad2 > 0) { // counter-clockwise fig.add(new go.PathSegment(go.PathSegment.Move, w / 2 + rad2, w / 2)); fig.add(new go.PathSegment(go.PathSegment.Arc, 0, -360, rad, rad, rad2, rad2).close()); } geo.spot1 = GeneratorEllipseSpot1; geo.spot2 = GeneratorEllipseSpot2; geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('Cloud', function (shape, w, h) { return new go.Geometry() .add(new go.PathFigure(.08034461 * w, .1944299 * h, true) .add(new go.PathSegment(go.PathSegment.Bezier, .2008615 * w, .05349299 * h, -.09239631 * w, .07836421 * h, .1406031 * w, -.0542823 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .4338609 * w, .074219 * h, .2450511 * w, -.00697547 * h, .3776197 * w, -.01112067 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .6558228 * w, .07004196 * h, .4539471 * w, 0, .6066018 * w, -.02526587 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .8921095 * w, .08370865 * h, .6914277 * w, -.01904177 * h, .8921095 * w, -.01220843 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .9147671 * w, .3194596 * h, 1.036446 * w, .04105738 * h, 1.020377 * w, .3022052 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .9082935 * w, .562044 * h, 1.04448 * w, .360238 * h, .992256 * w, .5219009 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .9212406 * w, .8217117 * h, 1.032337 * w, .5771781 * h, 1.018411 * w, .8120651 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .7592566 * w, .9156953 * h, 1.028411 * w, .9571472 * h, .8556702 * w, 1.052487 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .5101666 * w, .9310455 * h, .7431877 * w, 1.009325 * h, .5624123 * w, 1.021761 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .2609328 * w, .9344623 * h, .4820677 * w, 1.031761 * h, .3030112 * w, 1.002796 * h)) .add(new go.PathSe