/* * Copyright (C) 1998-2023 by Northwoods Software Corporation. All Rights Reserved. */ // 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. // See also the figures defined in the RoundedRectangles.js file. import * as go from '../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. */ export class FigureParameter { public static definedParameters: {[key: string]: Array} = {}; private _name: string; private _defaultValue: number; private _minimum: number; private _maximum: number; constructor(name: string, def: number, min?: number, max?: number) { 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'] = {}; } /** * Gets or sets the name of the figure. */ get name(): string { return this._name; } set name(val: string) { if (typeof val !== 'string' || val === '') throw new Error('Shape name must be a valid string.'); this._name = val; } /** * Gets or sets the default value for the parameter. */ get defaultValue(): number { return this._defaultValue; } set defaultValue(val: number) { if (typeof val !== 'number' || isNaN(val)) throw new Error('The default value must be a real number, not: ' + val); this._defaultValue = val; } /** * Gets or sets the minimum value allowed for the figure parameter. */ get minimum(): number { return this._minimum; } set minimum(val: number) { if (typeof val !== 'number' || isNaN(val)) throw new Error('Minimum must be a real number, not: ' + val); this._minimum = val; } /** * Gets or sets the maximum value allowed for the figure parameter. */ get maximum(): number { return this._maximum; } set maximum(val: number) { if (typeof val !== 'number' || isNaN(val)) throw new Error('Maximum must be a real number, not: ' + val); this._maximum = val; } /** * 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} */ public static getFigureParameter(figurename: string, index: number): FigureParameter | null { // const arr = (go.Shape as any)['_FigureParameters'][figurename]; const 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 */ public static setFigureParameter(figurename: string, index: number, figparam: FigureParameter) { 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]; let arr: Array = FigureParameter.definedParameters[figurename]; if (!arr) { // arr = []; // paramObj[figurename] = arr; arr = []; FigureParameter.definedParameters[figurename] = arr; } arr[index] = figparam; } } /** @ignore */ const _CachedPoints: Array = []; /** * @ignore * @param {number} x * @param {number} y * @return {Point} */ function tempPointAt(x: number, y: number): go.Point { const 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(): go.Point { const temp = _CachedPoints.pop(); if (temp === undefined) return new go.Point(); return temp; } /** * @ignore * @param {Point} temp */ function freePoint(temp: go.Point) { _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: number, p1y: number, p2x: number, p2y: number, q1x: number, q1y: number, q2x: number, q2y: number, result?: go.Point): go.Point { if (!result) result = new go.Point(); const dx1 = p1x - p2x; const dx2 = q1x - q2x; let x = NaN; let y = NaN; if (dx1 === 0) { if (dx2 === 0) { if (p1x === p2x) { x = p1x; y = p1y; } } else { const m2 = (q1y - q2y) / dx2; const b2 = q1y - m2 * q1x; x = p1x; y = m2 * x + b2; } } else { if (dx2 === 0) { const m1 = (p1y - p2y) / dx1; const b1 = p1y - m1 * p1x; x = q1x; y = m1 * x + b1; } else { const m1 = (p1y - p2y) / dx1; const m2 = (q1y - q2y) / dx2; const b1 = p1y - m1 * p1x; const 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: number, starty: number, c1x: number, c1y: number, c2x: number, c2y: number, endx: number, endy: number, fraction: number, curve1cp1: go.Point, curve1cp2: go.Point, midpoint: go.Point, curve2cp1: go.Point, curve2cp2: go.Point) { const fo = 1 - fraction; const so = fraction; const m1x = (startx * fo + c1x * so); const m1y = (starty * fo + c1y * so); const m2x = (c1x * fo + c2x * so); const m2y = (c1y * fo + c2y * so); const m3x = (c2x * fo + endx * so); const m3y = (c2y * fo + endy * so); const m12x = (m1x * fo + m2x * so); const m12y = (m1y * fo + m2y * so); const m23x = (m2x * fo + m3x * so); const m23y = (m2y * fo + m3y * so); const m123x = (m12x * fo + m23x * so); const 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; } const GeneratorEllipseSpot1 = new go.Spot(0.156, 0.156); const GeneratorEllipseSpot2 = new go.Spot(0.844, 0.844); const 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', (shape, w, h) => { // predefined in 2.0 let 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); const cpOffset = param1 * KAPPA; const 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 const 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', (shape, w, h) => { // predefined in 2.0 const 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', (shape, w, h) => { // predefined in 2.0 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', (shape, w, h) => { // predefined in 2.0 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))); }); go.Shape.defineFigureGenerator('LineRight', function(shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0.25 * w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.25 * w, h))); }); go.Shape.defineFigureGenerator('LineDown', function(shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0.25 * h, false) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.75 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0.25 * h))); }); go.Shape.defineFigureGenerator('LineLeft', function(shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0.75 * w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, 0.25 * w, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, h))); }); go.Shape.defineFigureGenerator('LineUp', function(shape, w, h) { return new go.Geometry() .add(new go.PathFigure(0, 0.75 * h, false) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.25 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0.75 * h))); }); // OPTIONAL figures, not predefined in the v2.0 library: go.Shape.defineFigureGenerator('AsteriskLine', (shape, w, h) => { const 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', (shape, w, h) => { const rad = w / 2; const 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', (shape, w, h) => { const 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', (shape, w, h) => { const 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', (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', (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', (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', (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', (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', (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', (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', (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', (shape, w, h) => { let 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; const indent = Math.abs(param1) * w; if (param1 === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const 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', (shape, w, h) => { let 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; const indent = Math.abs(param1); if (param1 === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const 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', (shape, w, h) => { let 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; const indent = Math.abs(param1) * w; if (param1 === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const 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', (shape, w, h) => { let 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; const indent = Math.abs(param1); if (param1 === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const 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', (shape, w, h) => { let 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; const indent = Math.abs(param1); if (param1 === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const 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 */ const _CachedArrays: Array = []; /** * @ignore * @return {Array} */ function tempArray(): Array { const temp = _CachedArrays.pop(); if (temp === undefined) return []; return temp; } /** * @ignore * @param {Array} a */ function freeArray(a: Array) { 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: number): Array { // Point[] points = new Point[sides + 1]; const points = tempArray(); const radius = .5; const center = .5; const offsetAngle = Math.PI * 1.5; let angle = 0; // Loop through each side of the polygon for (let 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: number): Array { const star = createStar(points); const pts = tempArray(); // new Point[points * 3 + 1]; pts[0] = star[0]; for (let 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: number): Array { // First, create a regular polygon const polygon = createPolygon(points); // Calculate the points inbetween const pts = tempArray(); // new Point[points * 2 + 1]; const half = Math.floor(polygon.length / 2); const count = polygon.length - 1; const offset = (points % 2 === 0) ? 2 : 1; for (let i = 0; i < count; i++) { // Get the intersection of two lines const p0 = polygon[i]; const p1 = polygon[i + 1]; const q21 = polygon[(half + i - 1) % count]; const 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', (shape, w, h) => { const points = createPolygon(5); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(6); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(7); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(8); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(9); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(10); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const points = createPolygon(12); const geo = new go.Geometry(); const fig = new go.PathFigure(points[0].x * w, points[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(5); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(6); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(7); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(8); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(9); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const starPoints = createStar(10); const geo = new go.Geometry(); const fig = new go.PathFigure(starPoints[0].x * w, starPoints[0].y * h, true); geo.add(fig); for (let 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', (shape, w, h) => { const burstPoints = createBurst(5); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { const burstPoints = createBurst(6); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { const burstPoints = createBurst(7); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { const burstPoints = createBurst(8); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { const burstPoints = createBurst(9); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { const burstPoints = createBurst(10); const geo = new go.Geometry(); const fig = new go.PathFigure(burstPoints[0].x * w, burstPoints[0].y * h, true); geo.add(fig); for (let 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)); } const 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', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; let 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 const geo = new go.Geometry(); const 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', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 8; const rad = w / 2; const geo = new go.Geometry(); const 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()); const 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', (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.PathSegment(go.PathSegment.Bezier, .08034461 * w, .870098 * h, .2329994 * w, 1.01518 * h, .03213784 * w, 1.01518 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .06829292 * w, .6545475 * h, -.02812061 * w, .9032597 * h, -.01205169 * w, .6835638 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .06427569 * w, .4265613 * h, -.01812061 * w, .6089503 * h, -.00606892 * w, .4555777 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .08034461 * w, .1944299 * h, -.01606892 * w, .3892545 * h, -.01205169 * w, .1944299 * h))) .setSpots(.1, .1, .9, .9); }); go.Shape.defineFigureGenerator('StopSign', (shape, w, h) => { const part = 1 / (Math.SQRT2 + 2); return new go.Geometry() .add(new go.PathFigure(part * w, 0, true) .add(new go.PathSegment(go.PathSegment.Line, (1 - part) * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, part * h)) .add(new go.PathSegment(go.PathSegment.Line, w, (1 - part) * h)) .add(new go.PathSegment(go.PathSegment.Line, (1 - part) * w, h)) .add(new go.PathSegment(go.PathSegment.Line, part * w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, (1 - part) * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, part * h).close())) .setSpots(part / 2, part / 2, 1 - part / 2, 1 - part / 2); }); FigureParameter.setFigureParameter('Pie', 0, new FigureParameter('Start', 0, -360, 360)); FigureParameter.setFigureParameter('Pie', 1, new FigureParameter('Sweep', 315, -360, 360)); go.Shape.defineFigureGenerator('Pie', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; let param2 = shape ? shape.parameter2 : NaN; if (isNaN(param1)) param1 = 0; // default values PARAMETER 1 is for Start Angle if (isNaN(param2)) param2 = 315; // default values PARAMETER 2 is for Sweep Angle let start = param1 % 360; if (start < 0) start += 360; const sweep = param2 % 360; const rad = Math.min(w, h) / 2; return new go.Geometry() .add(new go.PathFigure(rad, rad) // start point .add(new go.PathSegment(go.PathSegment.Arc, start, sweep, // angles rad, rad, // center rad, rad) // radius .close())); }); go.Shape.defineFigureGenerator('PiePiece', (shape, w, h) => { const factor = KAPPA / Math.SQRT2 * .5; const x1 = Math.SQRT2 / 2; const y1 = 1 - Math.SQRT2 / 2; return new go.Geometry() .add(new go.PathFigure(w, h, true) .add(new go.PathSegment(go.PathSegment.Bezier, x1 * w, y1 * h, w, (1 - factor) * h, (x1 + factor) * w, (y1 + factor) * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close())); }); FigureParameter.setFigureParameter('ThickCross', 0, new FigureParameter('Thickness', 30)); go.Shape.defineFigureGenerator('ThickCross', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 30; const t = Math.min(param1, w) / 2; const mx = w / 2; const my = h / 2; return new go.Geometry() .add(new go.PathFigure(mx - t, 0, true) .add(new go.PathSegment(go.PathSegment.Line, mx + t, 0)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, my - t)) .add(new go.PathSegment(go.PathSegment.Line, w, my - t)) .add(new go.PathSegment(go.PathSegment.Line, w, my + t)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, my + t)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, h)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, h)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, my + t)) .add(new go.PathSegment(go.PathSegment.Line, 0, my + t)) .add(new go.PathSegment(go.PathSegment.Line, 0, my - t)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, my - t).close())); }); FigureParameter.setFigureParameter('ThinCross', 0, new FigureParameter('Thickness', 10)); go.Shape.defineFigureGenerator('ThinCross', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 10; const t = Math.min(param1, w) / 2; const mx = w / 2; const my = h / 2; return new go.Geometry() .add(new go.PathFigure(mx - t, 0, true) .add(new go.PathSegment(go.PathSegment.Line, mx + t, 0)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, my - t)) .add(new go.PathSegment(go.PathSegment.Line, w, my - t)) .add(new go.PathSegment(go.PathSegment.Line, w, my + t)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, my + t)) .add(new go.PathSegment(go.PathSegment.Line, mx + t, h)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, h)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, my + t)) .add(new go.PathSegment(go.PathSegment.Line, 0, my + t)) .add(new go.PathSegment(go.PathSegment.Line, 0, my - t)) .add(new go.PathSegment(go.PathSegment.Line, mx - t, my - t).close())); }); FigureParameter.setFigureParameter('ThickX', 0, new FigureParameter('Thickness', 30)); go.Shape.defineFigureGenerator('ThickX', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 30; if (w === 0 || h === 0) { const geo = new go.Geometry(go.Geometry.Rectangle); geo.startX = 0; geo.startY = 0; geo.endX = w; geo.endY = h; return geo; } else { const w2 = w / 2; const h2 = h / 2; const a2 = Math.atan2(h, w); const dx = param1 - Math.min(Math.cos(a2) * param1 / 2, w2); const dy = param1 - Math.min(Math.sin(a2) * param1 / 2, h2); const geo = new go.Geometry(); const fig = new go.PathFigure(dx, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w2, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w - dx, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, dy)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, h2)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h - dy)); fig.add(new go.PathSegment(go.PathSegment.Line, w - dx, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w2, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, dx, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h - dy)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h2)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, dy).close()); return geo; } }); FigureParameter.setFigureParameter('ThinX', 0, new FigureParameter('Thickness', 10)); go.Shape.defineFigureGenerator('ThinX', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 10; const geo = new go.Geometry(); const fig = new go.PathFigure(.1 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .6 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .4 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .1 * h).close()); return geo; }); // adjust the width of the vertical beam FigureParameter.setFigureParameter('SquareIBeam', 0, new FigureParameter('BeamWidth', 0.2, 0.1, 0.9)); go.Shape.defineFigureGenerator('SquareIBeam', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // width of the ibeam in % of the total width if (isNaN(param1)) param1 = .2; const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, param1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.5 + param1 / 2) * w, param1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.5 + param1 / 2) * w, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.5 - param1 / 2) * w, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.5 - param1 / 2) * w, param1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, param1 * h).close()); return geo; }); // parameter allows it easy to adjust the roundness of the curves that cut inward FigureParameter.setFigureParameter('RoundedIBeam', 0, new FigureParameter('Curviness', .5, .05, .65)); go.Shape.defineFigureGenerator('RoundedIBeam', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // curviness of the ibeam relative to total width if (isNaN(param1)) param1 = .5; const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, h, Math.abs((1 - param1)) * w, .25 * h, Math.abs((1 - param1)) * w, .75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, param1 * w, .75 * h, param1 * w, .25 * h).close()); return geo; }); go.Shape.defineFigureGenerator('HalfEllipse', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, KAPPA * w, 0, w, (.5 - KAPPA / 2) * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0, h, w, (.5 + KAPPA / 2) * h, KAPPA * w, h).close())) .setSpots(0, 0.156, 0.844, 0.844); }); go.Shape.defineFigureGenerator('Crescent', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Bezier, 0, h, w, 0, w, h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, 0.5 * w, 0.75 * h, 0.5 * w, 0.25 * h).close())) .setSpots(.311, 0.266, 0.744, 0.744); }); go.Shape.defineFigureGenerator('Heart', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(.5 * w, h, true) .add(new go.PathSegment(go.PathSegment.Bezier, 0, .3 * h, .1 * w, .8 * h, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .3 * h, 0, 0, .45 * w, 0)) .add(new go.PathSegment(go.PathSegment.Bezier, w, .3 * h, .55 * w, 0, w, 0)) .add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, .5 * h, .9 * w, .8 * h).close())) .setSpots(.14, .29, .86, .78); }); go.Shape.defineFigureGenerator('Spade', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(.5 * w, 0, true) .add(new go.PathSegment(go.PathSegment.Line, .51 * w, .01 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, .6 * w, .2 * h, w, .25 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .55 * w, .7 * h, w, .8 * h, .6 * w, .8 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .75 * w, h, .5 * w, .75 * h, .55 * w, .95 * h)) .add(new go.PathSegment(go.PathSegment.Line, .25 * w, h)) .add(new go.PathSegment(go.PathSegment.Bezier, .45 * w, .7 * h, .45 * w, .95 * h, .5 * w, .75 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0, .5 * h, .4 * w, .8 * h, 0, .8 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, .49 * w, .01 * h, 0, .25 * h, .4 * w, .2 * h).close())) .setSpots(.14, .26, .86, .78); }); go.Shape.defineFigureGenerator('Club', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.4 * w, .6 * h, true); geo.add(fig); // Start the base fig.add(new go.PathSegment(go.PathSegment.Bezier, .15 * w, h, .5 * w, .75 * h, .45 * w, .95 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .85 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .6 * w, .6 * h, .55 * w, .95 * h, .5 * w, .75 * h)); // First circle: let r = .2; // radius let cx = .3; // offset from Center x let cy = 0; // offset from Center y let d = r * KAPPA; fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 + r + cy) * h, (.5 - r + cx) * w, (.5 + d + cy) * h, (.5 - d + cx) * w, (.5 + r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (1 - .5 + r + cx) * w, (.5 + cy) * h, (.5 + d + cx) * w, (.5 + r + cy) * h, (.5 + r + cx) * w, (.5 + d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 - r + cy) * h, (1 - .5 + r + cx) * w, (.5 - d + cy) * h, (.5 + d + cx) * w, (.5 - r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.65) * w, (0.36771243) * h, (.5 - d + cx) * w, (.5 - r + cy) * h, (.5 - r + cx + .05) * w, (.5 - d + cy - .02) * h)); r = .2; // radius cx = 0; // offset from Center x cy = -.3; // offset from Center y d = r * KAPPA; fig.add(new go.PathSegment(go.PathSegment.Bezier, (1 - .5 + r + cx) * w, (.5 + cy) * h, (.5 + d + cx) * w, (.5 + r + cy) * h, (.5 + r + cx) * w, (.5 + d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 - r + cy) * h, (1 - .5 + r + cx) * w, (.5 - d + cy) * h, (.5 + d + cx) * w, (.5 - r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - r + cx) * w, (.5 + cy) * h, (.5 - d + cx) * w, (.5 - r + cy) * h, (.5 - r + cx) * w, (.5 - d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - d + cx) * w, (.5 + r + cy) * h, (.5 - r + cx) * w, (.5 + d + cy) * h, (.5 - d + cx) * w, (.5 + r + cy) * h)); r = .2; // radius cx = -.3; // offset from Center x cy = 0; // offset from Center y d = r * KAPPA; fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 - r + cy) * h, (1 - .5 + r + cx - .05) * w, (.5 - d + cy - .02) * h, (.5 + d + cx) * w, (.5 - r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - r + cx) * w, (.5 + cy) * h, (.5 - d + cx) * w, (.5 - r + cy) * h, (.5 - r + cx) * w, (.5 - d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 + r + cy) * h, (.5 - r + cx) * w, (.5 + d + cy) * h, (.5 - d + cx) * w, (.5 + r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .4 * w, .6 * h, (.5 + d + cx) * w, (.5 + r + cy) * h, (.5 + r + cx) * w, (.5 + d + cy) * h).close()); geo.setSpots(.06, .33, .93, .68); return geo; }); go.Shape.defineFigureGenerator('YinYang', (shape, w, h) => { const geo = new go.Geometry(); let fig = new go.PathFigure(w * 0.5, 0, true); geo.add(fig); // Right semi-circle fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 180, w * 0.5, w * 0.5, w * 0.5, w * 0.5)); // bottom semi-circle fig.add(new go.PathSegment(go.PathSegment.Arc, 90, -180, w * 0.5, w * 0.75, w * 0.25, w * 0.25)); // top semi-circle fig.add(new go.PathSegment(go.PathSegment.Arc, 90, 180, w * 0.5, w * 0.25, w * 0.25, w * 0.25)); const radius = .1; // of the small circles const centerx = .5; let centery = .25; // Top small circle, goes counter-clockwise fig.add(new go.PathSegment(go.PathSegment.Move, (centerx + radius) * w, (centery) * h)); fig.add(new go.PathSegment(go.PathSegment.Arc, 0, -360, w * centerx, h * centery, radius * w, radius * w).close()); // Right semi-circle // Left semi-circle fig = new go.PathFigure(w * 0.5, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 270, -180, w * 0.5, w * 0.5, w * 0.5, w * 0.5)); centery = .75; // Bottom small circle fig = new go.PathFigure((centerx + radius) * w, (centery) * h, true); // Not a subpath geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 0, 360, w * centerx, h * centery, radius * w, radius * w).close()); // Right semi-circle geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('Peace', (shape, w, h) => { const a = 1.0 - 0.1464466094067262; // at 45 degrees const w2 = 0.5 * w; const h2 = 0.5 * h; return new go.Geometry() .add(new go.PathFigure(w2, 0, false) .add(new go.PathSegment(go.PathSegment.Arc, 270, 360, w2, h2, w2, h2)) .add(new go.PathSegment(go.PathSegment.Line, w2, h)) .add(new go.PathSegment(go.PathSegment.Move, w2, h2)) .add(new go.PathSegment(go.PathSegment.Line, (1.0 - a) * w, a * h)) .add(new go.PathSegment(go.PathSegment.Move, w2, h2)) .add(new go.PathSegment(go.PathSegment.Line, a * w, a * h))); }); go.Shape.defineFigureGenerator('NotAllowed', (shape, w, h) => { const geo = new go.Geometry(); let cpOffset = KAPPA * .5; let radius = .5; const centerx = .5; const centery = .5; const fig = new go.PathFigure(centerx * w, (centery - radius) * h); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h, (centerx - cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h, (centerx + cpOffset) * w, (centery - radius) * h)); // Inner circle, composed of two parts, separated by // a beam across going from top-right to bottom-left. radius = .40; cpOffset = KAPPA * .40; // First we cut up the top right 90 degree curve into two smaller // curves. // Since its clockwise, StartOfArrow is the first of the two points // on the circle. EndOfArrow is the other one. const startOfArrowc1 = tempPoint(); const startOfArrowc2 = tempPoint(); const startOfArrow = tempPoint(); const unused = tempPoint(); breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .42, startOfArrowc1, startOfArrowc2, startOfArrow, unused, unused); const endOfArrowc1 = tempPoint(); const endOfArrowc2 = tempPoint(); const endOfArrow = tempPoint(); breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .58, unused, unused, endOfArrow, endOfArrowc1, endOfArrowc2); // Cut up the bottom left 90 degree curve into two smaller curves. const startOfArrow2c1 = tempPoint(); const startOfArrow2c2 = tempPoint(); const startOfArrow2 = tempPoint(); breakUpBezier(centerx, centery + radius, centerx - cpOffset, centery + radius, centerx - radius, centery + cpOffset, centerx - radius, centery, .42, startOfArrow2c1, startOfArrow2c2, startOfArrow2, unused, unused); const endOfArrow2c1 = tempPoint(); const endOfArrow2c2 = tempPoint(); const endOfArrow2 = tempPoint(); breakUpBezier(centerx, centery + radius, centerx - cpOffset, centery + radius, centerx - radius, centery + cpOffset, centerx - radius, centery, .58, unused, unused, endOfArrow2, endOfArrow2c1, endOfArrow2c2); fig.add(new go.PathSegment(go.PathSegment.Move, endOfArrow2.x * w, endOfArrow2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, endOfArrow2c1.x * w, endOfArrow2c1.y * h, endOfArrow2c2.x * w, endOfArrow2c2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, startOfArrow.x * w, startOfArrow.y * h, startOfArrowc1.x * w, startOfArrowc1.y * h, startOfArrowc2.x * w, startOfArrowc2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Line, endOfArrow2.x * w, endOfArrow2.y * h).close()); fig.add(new go.PathSegment(go.PathSegment.Move, startOfArrow2.x * w, startOfArrow2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Line, endOfArrow.x * w, endOfArrow.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, endOfArrowc1.x * w, endOfArrowc1.y * h, endOfArrowc2.x * w, endOfArrowc2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, startOfArrow2.x * w, startOfArrow2.y * h, startOfArrow2c1.x * w, startOfArrow2c1.y * h, startOfArrow2c2.x * w, startOfArrow2c2.y * h).close()); freePoint(startOfArrowc1); freePoint(startOfArrowc2); freePoint(startOfArrow); freePoint(unused); freePoint(endOfArrowc1); freePoint(endOfArrowc2); freePoint(endOfArrow); freePoint(startOfArrow2c1); freePoint(startOfArrow2c2); freePoint(startOfArrow2); freePoint(endOfArrow2c1); freePoint(endOfArrow2c2); freePoint(endOfArrow2); geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('Fragile', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Line, .25 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, .2 * w, .15 * h)) .add(new go.PathSegment(go.PathSegment.Line, .3 * w, .25 * h)) .add(new go.PathSegment(go.PathSegment.Line, .29 * w, .33 * h)) .add(new go.PathSegment(go.PathSegment.Line, .35 * w, .25 * h)) .add(new go.PathSegment(go.PathSegment.Line, .3 * w, .15 * h)) .add(new go.PathSegment(go.PathSegment.Line, .4 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) // Left Side .add(new go.PathSegment(go.PathSegment.Bezier, .55 * w, .5 * h, w, .25 * h, .75 * w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, .55 * w, .9 * h)) // The base .add(new go.PathSegment(go.PathSegment.Line, .7 * w, .9 * h)) .add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, .3 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, .3 * w, .9 * h)) // Right side .add(new go.PathSegment(go.PathSegment.Line, .45 * w, .9 * h)) .add(new go.PathSegment(go.PathSegment.Line, .45 * w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, .25 * w, .5 * h, 0, .25 * h).close())); }); FigureParameter.setFigureParameter('HourGlass', 0, new FigureParameter('Thickness', 30)); go.Shape.defineFigureGenerator('HourGlass', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // width at middle of hourglass if (isNaN(param1) || param1 < 0) param1 = 30; if (param1 > w) param1 = w; const x1 = (w - param1) / 2; const x2 = x1 + param1; return new go.Geometry() .add(new go.PathFigure(x2, 0.5 * h) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h)) .add(new go.PathSegment(go.PathSegment.Line, x1, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, 0).close())); }); go.Shape.defineFigureGenerator('Lightning', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0.55 * h) .add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, 0.3 * w, 0.45 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0.45 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0.7 * w, 0.55 * h).close())); }); go.Shape.defineFigureGenerator('GenderMale', (shape, w, h) => { const geo = new go.Geometry(); let cpOffset = KAPPA * .4; let radius = .4; const centerx = .5; const centery = .5; const unused = tempPoint(); const mid = tempPoint(); const c1 = tempPoint(); const c2 = tempPoint(); const fig = new go.PathFigure((centerx - radius) * w, centery * h, false); geo.add(fig); // Outer circle fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .44, c1, c2, mid, unused, unused); fig.add(new go.PathSegment(go.PathSegment.Bezier, mid.x * w, mid.y * h, c1.x * w, c1.y * h, c2.x * w, c2.y * h)); const startOfArrow = tempPointAt(mid.x, mid.y); breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .56, unused, unused, mid, c1, c2); const endOfArrow = tempPointAt(mid.x, mid.y); fig.add(new go.PathSegment(go.PathSegment.Line, (startOfArrow.x * .1 + .95 * .9) * w, (startOfArrow.y * .1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .85 * w, (startOfArrow.y * .1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .85 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (endOfArrow.x * .1 + .9) * w, .15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (endOfArrow.x * .1 + .9) * w, (endOfArrow.y * .1 + .05 * .9) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, endOfArrow.x * w, endOfArrow.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, c1.x * w, c1.y * h, c2.x * w, c2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); // Inner circle radius = .35; cpOffset = KAPPA * .35; const fig2 = new go.PathFigure(centerx * w, (centery - radius) * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h, (centerx - cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h, (centerx + cpOffset) * w, (centery - radius) * h)); const fig3 = new go.PathFigure((centerx - radius) * w, centery * h, false); geo.add(fig3); freePoint(unused); freePoint(mid); freePoint(c1); freePoint(c2); freePoint(startOfArrow); freePoint(endOfArrow); geo.spot1 = new go.Spot(.202, .257); geo.spot2 = new go.Spot(.792, .739); geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('GenderFemale', (shape, w, h) => { const geo = new go.Geometry(); // Outer Circle let r = .375; // radius let cx = 0; // offset from Center x let cy = -.125; // offset from Center y let d = r * KAPPA; let fig = new go.PathFigure((.525 + cx) * w, (.5 + r + cy) * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, (1 - .5 + r + cx) * w, (.5 + cy) * h, (.5 + d + cx) * w, (.5 + r + cy) * h, (.5 + r + cx) * w, (.5 + d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 - r + cy) * h, (1 - .5 + r + cx) * w, (.5 - d + cy) * h, (.5 + d + cx) * w, (.5 - r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - r + cx) * w, (.5 + cy) * h, (.5 - d + cx) * w, (.5 - r + cy) * h, (.5 - r + cx) * w, (.5 - d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.475 + cx) * w, (.5 + r + cy) * h, (.5 - r + cx) * w, (.5 + d + cy) * h, (.5 - d + cx) * w, (.5 + r + cy) * h)); // Legs fig.add(new go.PathSegment(go.PathSegment.Line, .475 * w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .425 * w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .425 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .475 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .475 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .525 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .525 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .575 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .575 * w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .525 * w, .85 * h).close()); // Inner circle r = .325; // radius cx = 0; // offset from Center x cy = -.125; // offset from Center y d = r * KAPPA; fig = new go.PathFigure((1 - .5 + r + cx) * w, (.5 + cy) * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 + r + cy) * h, (.5 + r + cx) * w, (.5 + d + cy) * h, (.5 + d + cx) * w, (.5 + r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - r + cx) * w, (.5 + cy) * h, (.5 - d + cx) * w, (.5 + r + cy) * h, (.5 - r + cx) * w, (.5 + d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 + cx) * w, (.5 - r + cy) * h, (.5 - r + cx) * w, (.5 - d + cy) * h, (.5 - d + cx) * w, (.5 - r + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (1 - .5 + r + cx) * w, (.5 + cy) * h, (.5 + d + cx) * w, (.5 - r + cy) * h, (1 - .5 + r + cx) * w, (.5 - d + cy) * h)); fig = new go.PathFigure((.525 + cx) * w, (.5 + r + cy) * h, false); geo.add(fig); geo.spot1 = new go.Spot(.232, .136); geo.spot2 = new go.Spot(.682, .611); geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('LogicImplies', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .2; // Distance the arrow folds from the right return new go.Geometry() .add(new go.PathFigure((1 - param1) * w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, (1 - param1) * w, h)) .add(new go.PathSegment(go.PathSegment.Move, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h))) .setSpots(0, 0, 0.8, 0.5); }); go.Shape.defineFigureGenerator('LogicIff', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .2; // Distance the arrow folds from the right return new go.Geometry() .add(new go.PathFigure((1 - param1) * w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, (1 - param1) * w, h)) .add(new go.PathSegment(go.PathSegment.Move, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Move, param1 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, param1 * w, h))) .setSpots(0.2, 0, 0.8, 0.5); }); go.Shape.defineFigureGenerator('LogicNot', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h))); }); go.Shape.defineFigureGenerator('LogicAnd', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, h, false) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, h))) .setSpots(0.25, 0.5, 0.75, 1); }); go.Shape.defineFigureGenerator('LogicOr', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0))) .setSpots(0.219, 0, 0.78, 0.409); }); go.Shape.defineFigureGenerator('LogicXor', (shape, w, h) => { const geo = new go.Geometry() .add(new go.PathFigure(.5 * w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)) .add(new go.PathSegment(go.PathSegment.Move, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Arc, 0, 360, .5 * w, .5 * h, .5 * w, .5 * h))); geo.defaultStretch = go.GraphObject.Uniform; return geo; }); go.Shape.defineFigureGenerator('LogicTruth', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Move, .5 * w, 0)) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, h))); }); go.Shape.defineFigureGenerator('LogicFalsity', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, h, false) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Move, .5 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0))); }); go.Shape.defineFigureGenerator('LogicThereExists', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Move, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0, h))); }); go.Shape.defineFigureGenerator('LogicForAll', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Move, .25 * w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, .75 * w, .5 * h))) .setSpots(0.25, 0, 0.75, 0.5); }); go.Shape.defineFigureGenerator('LogicIsDefinedAs', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, 0)) .add(new go.PathSegment(go.PathSegment.Move, 0, .5 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)) .add(new go.PathSegment(go.PathSegment.Move, 0, h)) .add(new go.PathSegment(go.PathSegment.Line, w, h))) .setSpots(0.01, 0.01, 0.99, 0.49); }); go.Shape.defineFigureGenerator('LogicIntersect', (shape, w, h) => { const radius = 0.5; return new go.Geometry() .add(new go.PathFigure(0, h, false) .add(new go.PathSegment(go.PathSegment.Line, 0, radius * h)) .add(new go.PathSegment(go.PathSegment.Arc, 180, 180, radius * w, radius * h, radius * w, radius * h)) .add(new go.PathSegment(go.PathSegment.Line, w, h))) .setSpots(0, 0.5, 1, 1); }); go.Shape.defineFigureGenerator('LogicUnion', (shape, w, h) => { const radius = 0.5; return new go.Geometry() .add(new go.PathFigure(w, 0, false) .add(new go.PathSegment(go.PathSegment.Line, w, radius * h)) .add(new go.PathSegment(go.PathSegment.Arc, 0, 180, radius * w, radius * h, radius * w, radius * h)) .add(new go.PathSegment(go.PathSegment.Line, 0, 0))) .setSpots(0, 0, 1, 0.5); }); FigureParameter.setFigureParameter('Arrow', 0, new FigureParameter('ArrowheadWidth', .3, .01, .99)); FigureParameter.setFigureParameter('Arrow', 1, new FigureParameter('TailHeight', .3, .01, .99)); go.Shape.defineFigureGenerator('Arrow', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // % width of arrowhead if (isNaN(param1)) param1 = .3; let param2 = shape ? shape.parameter2 : NaN; // % height of tail if (isNaN(param2)) param2 = .3; const x = (1 - param1) * w; const y1 = (.5 - param2 / 2) * h; const y2 = (.5 + param2 / 2) * h; const geo = new go.Geometry(); const fig = new go.PathFigure(0, y1, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, x, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, x, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, x, h)); fig.add(new go.PathSegment(go.PathSegment.Line, x, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y2).close()); geo.spot1 = new go.Spot(0, y1 / h); const temp = getIntersection(0, y2 / h, 1, y2 / h, x / w, 1, 1, .5, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); // Arrow with absolutes instead of scaling FigureParameter.setFigureParameter('Arrow2', 0, new FigureParameter('ArrowheadWidth', 30)); FigureParameter.setFigureParameter('Arrow2', 1, new FigureParameter('TailHeight', 30)); go.Shape.defineFigureGenerator('Arrow2', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // width of arrowhead if (isNaN(param1)) param1 = 30; if (param1 > w) param1 = w; let param2 = shape ? shape.parameter2 : NaN; // height of tail if (isNaN(param2)) param2 = 30; param2 = Math.min(param2, h / 2); const x = w - param1; const y1 = (h - param2) / 2; const y2 = y1 + param2; const geo = new go.Geometry(); const fig = new go.PathFigure(0, y1, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, x, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, x, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, x, h)); fig.add(new go.PathSegment(go.PathSegment.Line, x, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y2).close()); geo.spot1 = new go.Spot(0, y1 / h); const temp = getIntersection(0, y2 / h, 1, y2 / h, x / w, 1, 1, .5, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); go.Shape.defineFigureGenerator('Chevron', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h).close()); return geo; }); go.Shape.defineFigureGenerator('DoubleArrow', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0.214 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 1.0 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 1.0 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0.786 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 1.0 * h).close()); return geo; }); FigureParameter.setFigureParameter('DoubleEndArrow', 0, new FigureParameter('ConnecterHeight', .3, .01, .99)); go.Shape.defineFigureGenerator('DoubleEndArrow', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // height of midsection if (isNaN(param1)) param1 = .3; const y1 = (.5 - param1 / 2) * h; const y2 = (.5 + param1 / 2) * h; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, 0).close()); let temp = getIntersection(0, .5, .3, 0, 0, y1 / h, .1, y1 / h, tempPoint()); geo.spot1 = new go.Spot(temp.x, temp.y); temp = getIntersection(.7, 1, 1, .5, 0, y2 / h, 1, y2 / h, temp); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); // DoubleEndArrow with absolutes instead of scaling FigureParameter.setFigureParameter('DoubleEndArrow2', 0, new FigureParameter('ConnecterHeight', 40)); FigureParameter.setFigureParameter('DoubleEndArrow2', 1, new FigureParameter('ArrowHeight', 100)); go.Shape.defineFigureGenerator('DoubleEndArrow2', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // height of midsection if (isNaN(param1)) param1 = 40; let param2 = shape ? shape.parameter2 : NaN; // height of arrows if (isNaN(param2)) param2 = 100; /* y1outer /| |\ / | | \ / y1---- \ / \ \ / \ y2---- / \ | | / \| |/ y2outer */ let y1 = (h - param1) / 2; let y2 = y1 + param1; let y1outer = (h - param2) / 2; let y2outer = y1outer + param2; if (param1 > h || param2 > h) { if (param2 > param1) { param1 = param1 * h / param2; // use similar ratio y1 = (h - param1) / 2; y2 = y1 + param1; y1outer = 0; y2outer = h; } else { y1 = 0; y2 = h; y1outer = 0; y2outer = h; } } const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2outer)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y2outer)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y1outer)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1outer).close()); let temp = getIntersection(0, .5, .3, y1outer / h, 0, y1 / h, 1, y1 / h, tempPoint()); geo.spot1 = new go.Spot(temp.x, temp.y); temp = getIntersection(.7, y2outer / h, 1, .5, 0, y2 / h, 1, y2 / h, temp); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); FigureParameter.setFigureParameter('IBeamArrow', 0, new FigureParameter('ConnectorHeight', .3, .01, .99)); go.Shape.defineFigureGenerator('IBeamArrow', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // height of midsection if (isNaN(param1)) param1 = .3; const y1 = (.5 - param1 / 2) * h; const y2 = (.5 + param1 / 2) * h; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, 0).close()); geo.spot1 = new go.Spot(0, y1 / h); const temp = getIntersection(.7, 1, 1, .5, 0, y2 / h, 1, y2 / h, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); // IBeamArrow with absolutes instead of scaling FigureParameter.setFigureParameter('IBeamArrow2', 0, new FigureParameter('ConnectorHeight', 40)); FigureParameter.setFigureParameter('IBeamArrow2', 1, new FigureParameter('BeamArrowHeight', 100)); go.Shape.defineFigureGenerator('IBeamArrow2', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // height of midsection if (isNaN(param1)) param1 = 40; let param2 = shape ? shape.parameter2 : NaN; // height of beam and arrow if (isNaN(param2)) param2 = 100; let y1 = (h - param1) / 2; let y2 = y1 + param1; let y1outer = (h - param2) / 2; let y2outer = y1outer + param2; if (param1 > h || param2 > h) { if (param2 > param1) { param1 = param1 * h / param2; // use similar ratio y1 = (h - param1) / 2; y2 = y1 + param1; y1outer = 0; y2outer = h; } else { y1 = 0; y2 = h; y1outer = 0; y2outer = h; } } const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2outer)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y2outer)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y2outer)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y1outer)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y1outer)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1outer).close()); geo.spot1 = new go.Spot(0, y1 / h); const temp = getIntersection(.7, y2outer / h, 1, .5, 0, y2 / h, 1, y2 / h, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); FigureParameter.setFigureParameter('Pointer', 0, new FigureParameter('BackPoint', .1, 0, .2)); go.Shape.defineFigureGenerator('Pointer', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // how much the back of the pointer comes in if (isNaN(param1)) param1 = .1; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, param1 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0).close()); geo.spot1 = new go.Spot(param1, .35); const temp = getIntersection(0, .65, 1, .65, 0, 1, 1, .5, tempPoint()); // ?? constant geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); FigureParameter.setFigureParameter('RoundedPointer', 0, new FigureParameter('RoundedEdged', .3, 0, .5)); go.Shape.defineFigureGenerator('RoundedPointer', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // how much the curved back of the pointer comes in if (isNaN(param1)) param1 = .3; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, param1 * w, .75 * h, param1 * w, .25 * h).close()); geo.spot1 = new go.Spot(param1, .35); const temp = getIntersection(0, .65, 1, .65, 0, 1, 1, .5, tempPoint()); // ?? constant geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); FigureParameter.setFigureParameter('SplitEndArrow', 0, new FigureParameter('TailHeight', 0.4, 0.01, .99)); go.Shape.defineFigureGenerator('SplitEndArrow', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // % height of arrow tail if (isNaN(param1)) param1 = .4; const y1 = (.5 - param1 / 2) * h; const y2 = (.5 + param1 / 2) * h; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, 0).close()); geo.spot1 = new go.Spot(.2, y1 / h); const temp = getIntersection(.7, 1, 1, .5, 0, y2 / h, 1, y2 / h, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); // SplitEndArrow with absolutes instead of scaling FigureParameter.setFigureParameter('SplitEndArrow2', 0, new FigureParameter('TailHeight', 40)); go.Shape.defineFigureGenerator('SplitEndArrow2', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // height of arrow tail if (isNaN(param1)) param1 = 50; let y1 = (h - param1) / 2; let y2 = y1 + param1; if (param1 > h) { y1 = 0; y2 = h; } const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y2)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, y1)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, 0).close()); geo.spot1 = new go.Spot(.2, y1 / h); const temp = getIntersection(.7, 1, 1, .5, 0, y2 / h, 1, y2 / h, tempPoint()); geo.spot2 = new go.Spot(temp.x, temp.y); freePoint(temp); return geo; }); FigureParameter.setFigureParameter('SquareArrow', 0, new FigureParameter('ArrowPoint', .7, .2, .9)); go.Shape.defineFigureGenerator('SquareArrow', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // pointiness of arrow, lower is more pointy if (isNaN(param1)) param1 = .7; const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, param1 * w, 0).close()); geo.spot1 = go.Spot.TopLeft; geo.spot2 = new go.Spot(param1, 1); return geo; }); go.Shape.defineFigureGenerator('Cone1', (shape, w, h) => { const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const cpyOffset = KAPPA * .1; const fig = new go.PathFigure(0, .9 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, (.9 + cpyOffset) * h, (.5 + cpxOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .9 * h, (.5 - cpxOffset) * w, h, 0, (.9 + cpyOffset) * h).close()); geo.spot1 = new go.Spot(.25, .5); geo.spot2 = new go.Spot(.75, .97); return geo; }); go.Shape.defineFigureGenerator('Cone2', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .9 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .9 * h, (1 - .85 / .9) * w, h, (.85 / .9) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .9 * h).close()); const fig2 = new go.PathFigure(0, .9 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w, .9 * h, (1 - .85 / .9) * w, .8 * h, (.85 / .9) * w, .8 * h)); geo.spot1 = new go.Spot(.25, .5); geo.spot2 = new go.Spot(.75, .82); return geo; }); go.Shape.defineFigureGenerator('Cube1', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .85 * h).close()); const fig2 = new go.PathFigure(.5 * w, h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .15 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .5 * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .15 * h)); geo.spot1 = new go.Spot(0, .3); geo.spot2 = new go.Spot(.5, .85); return geo; }); go.Shape.defineFigureGenerator('Cube2', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .3 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0).close()); const fig2 = new go.PathFigure(0, .3 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .7 * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Move, .7 * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .7 * w, h)); geo.spot1 = new go.Spot(0, .3); geo.spot2 = new go.Spot(.7, 1); return geo; }); go.Shape.defineFigureGenerator('Cylinder1', function(shape, w, h) { let param1 = shape ? shape.parameter1 : NaN; // half the height of the ellipse if (isNaN(param1)) param1 = 5; // default value param1 = Math.min(param1, h / 3); const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const fig = new go.PathFigure(0, param1, true); geo.add(fig); // The base (top) fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 0, 0, KAPPA * param1, (.5 - cpxOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 1.0 * w, param1, (.5 + cpxOffset) * w, 0, 1.0 * w, KAPPA * param1)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h - param1)); // Bottom curve fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 1.0 * h, 1.0 * w, h - KAPPA * param1, (.5 + cpxOffset) * w, 1.0 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h - param1, (.5 - cpxOffset) * w, 1.0 * h, 0, h - KAPPA * param1)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, param1)); const fig2 = new go.PathFigure(w, param1, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 2 * param1, 1.0 * w, 2 * param1 - KAPPA * param1, (.5 + cpxOffset) * w, 2 * param1)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, param1, (.5 - cpxOffset) * w, 2 * param1, 0, 2 * param1 - KAPPA * param1)); geo.spot1 = new go.Spot(0, 0, 0, 2 * param1); geo.spot2 = new go.Spot(1, 1); return geo; }); go.Shape.defineFigureGenerator('Cylinder2', function(shape, w, h) { let param1 = shape ? shape.parameter1 : NaN; // half the height of the ellipse if (isNaN(param1)) param1 = 5; // default value param1 = Math.min(param1, h / 3); const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const fig = new go.PathFigure(0, h - param1, true); geo.add(fig); // The body, starting and ending bottom left fig.add(new go.PathSegment(go.PathSegment.Line, 0, param1)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 0, 0, KAPPA * param1, (.5 - cpxOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, param1, (.5 + cpxOffset) * w, 0, w, KAPPA * param1)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h - param1)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, h - KAPPA * param1, (.5 + cpxOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h - param1, (.5 - cpxOffset) * w, h, 0, h - KAPPA * param1)); const fig2 = new go.PathFigure(0, h - param1, false); geo.add(fig2); // The base (bottom) fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h - 2 * param1, 0, h - param1 - KAPPA * param1, (.5 - cpxOffset) * w, h - 2 * param1)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w, h - param1, (.5 + cpxOffset) * w, h - 2 * param1, w, h - param1 - KAPPA * param1)); geo.spot1 = new go.Spot(0, 0); geo.spot2 = new go.Spot(1, 1, 0, -2 * param1); return geo; }); go.Shape.defineFigureGenerator('Cylinder3', function(shape, w, h) { let param1 = shape ? shape.parameter1 : NaN; // half the width of the ellipse if (isNaN(param1)) param1 = 5; // default value param1 = Math.min(param1, w / 3); const geo = new go.Geometry(); const cpyOffset = KAPPA * .5; const fig = new go.PathFigure(param1, 0, true); geo.add(fig); // The body, starting and ending top left fig.add(new go.PathSegment(go.PathSegment.Line, w - param1, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, w - KAPPA * param1, 0, w, (.5 - cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w - param1, h, w, (.5 + cpyOffset) * h, w - KAPPA * param1, h)); fig.add(new go.PathSegment(go.PathSegment.Line, param1, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .5 * h, KAPPA * param1, h, 0, (.5 + cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, param1, 0, 0, (.5 - cpyOffset) * h, KAPPA * param1, 0)); const fig2 = new go.PathFigure(param1, 0, false); geo.add(fig2); // Cylinder line (left) fig2.add(new go.PathSegment(go.PathSegment.Bezier, 2 * param1, .5 * h, param1 + KAPPA * param1, 0, 2 * param1, (.5 - cpyOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, param1, h, 2 * param1, (.5 + cpyOffset) * h, param1 + KAPPA * param1, h)); geo.spot1 = new go.Spot(0, 0, 2 * param1, 0); geo.spot2 = new go.Spot(1, 1); return geo; }); go.Shape.defineFigureGenerator('Cylinder4', function(shape, w, h) { let param1 = shape ? shape.parameter1 : NaN; // half the width of the ellipse if (isNaN(param1)) param1 = 5; // default value param1 = Math.min(param1, w / 3); const geo = new go.Geometry(); const cpyOffset = KAPPA * .5; const fig = new go.PathFigure(w - param1, 0, true); geo.add(fig); // The body, starting and ending top right fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, w - KAPPA * param1, 0, w, (.5 - cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w - param1, h, w, (.5 + cpyOffset) * h, w - KAPPA * param1, h)); fig.add(new go.PathSegment(go.PathSegment.Line, param1, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .5 * h, KAPPA * param1, h, 0, (.5 + cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, param1, 0, 0, (.5 - cpyOffset) * h, KAPPA * param1, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w - param1, 0)); const fig2 = new go.PathFigure(w - param1, 0, false); geo.add(fig2); // Cylinder line (right) fig2.add(new go.PathSegment(go.PathSegment.Bezier, w - 2 * param1, .5 * h, w - param1 - KAPPA * param1, 0, w - 2 * param1, (.5 - cpyOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w - param1, h, w - 2 * param1, (.5 + cpyOffset) * h, w - param1 - KAPPA * param1, h)); geo.spot1 = new go.Spot(0, 0); geo.spot2 = new go.Spot(1, 1, -2 * param1, 0); return geo; }); go.Shape.defineFigureGenerator('Prism1', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.25 * w, .25 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); const fig2 = new go.PathFigure(.25 * w, .25 * h, false); geo.add(fig2); // Inner prism line fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); geo.spot1 = new go.Spot(.408, .172); geo.spot2 = new go.Spot(.833, .662); return geo; }); go.Shape.defineFigureGenerator('Prism2', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .25 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, .75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); const fig2 = new go.PathFigure(0, h, false); geo.add(fig2); // Inner prism lines fig2.add(new go.PathSegment(go.PathSegment.Line, .25 * w, .5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .25 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, .25 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .25 * w, .5 * h)); geo.spot1 = new go.Spot(.25, .5); geo.spot2 = new go.Spot(.75, .75); return geo; }); go.Shape.defineFigureGenerator('Pyramid1', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .75 * h).close()); const fig2 = new go.PathFigure(.5 * w, 0, false); geo.add(fig2); // Inner pyramind line fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); geo.spot1 = new go.Spot(.25, .367); geo.spot2 = new go.Spot(.75, .875); return geo; }); go.Shape.defineFigureGenerator('Pyramid2', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .85 * h).close()); const fig2 = new go.PathFigure(.5 * w, 0, false); geo.add(fig2); // Inner pyramid lines fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .7 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .85 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .5 * w, .7 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .85 * h)); geo.spot1 = new go.Spot(.25, .367); geo.spot2 = new go.Spot(.75, .875); return geo; }); go.Shape.defineFigureGenerator('Actor', (shape, w, h) => { const geo = new go.Geometry(); const radiusw = .2; const radiush = .1; const offsetw = KAPPA * radiusw; const offseth = KAPPA * radiush; let centerx = .5; let centery = .1; const fig = new go.PathFigure(centerx * w, (centery + radiush) * h, true); geo.add(fig); // Head fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radiusw) * w, centery * h, (centerx - offsetw) * w, (centery + radiush) * h, (centerx - radiusw) * w, (centery + offseth) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radiush) * h, (centerx - radiusw) * w, (centery - offseth) * h, (centerx - offsetw) * w, (centery - radiush) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radiusw) * w, centery * h, (centerx + offsetw) * w, (centery - radiush) * h, (centerx + radiusw) * w, (centery - offseth) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radiush) * h, (centerx + radiusw) * w, (centery + offseth) * h, (centerx + offsetw) * w, (centery + radiush) * h)); let r = .05; let cpOffset = KAPPA * r; centerx = .05; centery = .25; const fig2 = new go.PathFigure(.5 * w, .2 * h, true); geo.add(fig2); // Body fig2.add(new go.PathSegment(go.PathSegment.Line, .95 * w, .2 * h)); centerx = .95; centery = .25; // Right arm fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + r) * w, centery * h, (centerx + cpOffset) * w, (centery - r) * h, (centerx + r) * w, (centery - cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .85 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .85 * w, .35 * h)); r = .025; cpOffset = KAPPA * r; centerx = .825; centery = .35; // Right under arm fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - r) * h, (centerx + r) * w, (centery - cpOffset) * h, (centerx + cpOffset) * w, (centery - r) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - r) * w, centery * h, (centerx - cpOffset) * w, (centery - r) * h, (centerx - r) * w, (centery - cpOffset) * h)); // Right side/leg fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .55 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .55 * w, .7 * h)); // Right in between r = .05; cpOffset = KAPPA * r; centerx = .5; centery = .7; fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - r) * h, (centerx + r) * w, (centery - cpOffset) * h, (centerx + cpOffset) * w, (centery - r) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - r) * w, centery * h, (centerx - cpOffset) * w, (centery - r) * h, (centerx - r) * w, (centery - cpOffset) * h)); // Left side/leg fig2.add(new go.PathSegment(go.PathSegment.Line, .45 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .35 * h)); r = .025; cpOffset = KAPPA * r; centerx = .175; centery = .35; // Left under arm fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - r) * h, (centerx + r) * w, (centery - cpOffset) * h, (centerx + cpOffset) * w, (centery - r) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - r) * w, centery * h, (centerx - cpOffset) * w, (centery - r) * h, (centerx - r) * w, (centery - cpOffset) * h)); // Left arm fig2.add(new go.PathSegment(go.PathSegment.Line, .15 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .25 * h)); r = .05; cpOffset = KAPPA * r; centerx = .05; centery = .25; // Left shoulder fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - r) * h, (centerx - r) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - r) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .2 * h)); geo.spot1 = new go.Spot(.2, .2); geo.spot2 = new go.Spot(.8, .65); return geo; }); FigureParameter.setFigureParameter('Card', 0, new FigureParameter('CornerCutoutSize', .2, .1, .9)); go.Shape.defineFigureGenerator('Card', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; // size of corner cutout if (isNaN(param1)) param1 = .2; const geo = new go.Geometry(); const fig = new go.PathFigure(w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, param1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, param1 * w, 0).close()); geo.spot1 = new go.Spot(0, param1); geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('Collate', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h)); const fig2 = new go.PathFigure(.5 * w, .5 * h, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h)); geo.spot1 = new go.Spot(.25, 0); geo.spot2 = new go.Spot(.75, .25); return geo; }); go.Shape.defineFigureGenerator('CreateRequest', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .1; const fig = new go.PathFigure(0, 0, true); geo.add(fig); // Body 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()); const fig2 = new go.PathFigure(0, param1 * h, false); geo.add(fig2); // Inside lines fig2.add(new go.PathSegment(go.PathSegment.Line, w, param1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, (1 - param1) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, (1 - param1) * h)); // ??? geo.spot1 = new go.Spot(0, param1); // ??? geo.spot2 = new go.Spot(1, 1 - param1); return geo; }); go.Shape.defineFigureGenerator('Database', (shape, w, h) => { const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const cpyOffset = KAPPA * .1; const fig = new go.PathFigure(w, .1 * h, true); geo.add(fig); // Body fig.add(new go.PathSegment(go.PathSegment.Line, w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, (.9 + cpyOffset) * h, (.5 + cpxOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .9 * h, (.5 - cpxOffset) * w, h, 0, (.9 + cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 0, 0, (.1 - cpyOffset) * h, (.5 - cpxOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .1 * h, (.5 + cpxOffset) * w, 0, w, (.1 - cpyOffset) * h)); const fig2 = new go.PathFigure(w, .1 * h, false); geo.add(fig2); // Rings fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .2 * h, w, (.1 + cpyOffset) * h, (.5 + cpxOffset) * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, .1 * h, (.5 - cpxOffset) * w, .2 * h, 0, (.1 + cpyOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .3 * h, w, (.2 + cpyOffset) * h, (.5 + cpxOffset) * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, .2 * h, (.5 - cpxOffset) * w, .3 * h, 0, (.2 + cpyOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .4 * h, w, (.3 + cpyOffset) * h, (.5 + cpxOffset) * w, .4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, .3 * h, (.5 - cpxOffset) * w, .4 * h, 0, (.3 + cpyOffset) * h)); geo.spot1 = new go.Spot(0, .4); geo.spot2 = new go.Spot(1, .9); return geo; }); go.Shape.defineFigureGenerator('DataStorage', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .75 * w, h, w, 0, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, .25 * w, .9 * h, .25 * w, .1 * h).close()); geo.spot1 = new go.Spot(.226, 0); geo.spot2 = new go.Spot(.81, 1); return geo; }); go.Shape.defineFigureGenerator('DiskStorage', (shape, w, h) => { const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const cpyOffset = KAPPA * .1; const fig = new go.PathFigure(w, .1 * h, true); geo.add(fig); // Body fig.add(new go.PathSegment(go.PathSegment.Line, w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, (.9 + cpyOffset) * h, (.5 + cpxOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .9 * h, (.5 - cpxOffset) * w, h, 0, (.9 + cpyOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, 0, 0, (.1 - cpyOffset) * h, (.5 - cpxOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .1 * h, (.5 + cpxOffset) * w, 0, w, (.1 - cpyOffset) * h)); const fig2 = new go.PathFigure(w, .1 * h, false); geo.add(fig2); // Rings fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .2 * h, w, (.1 + cpyOffset) * h, (.5 + cpxOffset) * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, .1 * h, (.5 - cpxOffset) * w, .2 * h, 0, (.1 + cpyOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .3 * h, w, (.2 + cpyOffset) * h, (.5 + cpxOffset) * w, .3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0, .2 * h, (.5 - cpxOffset) * w, .3 * h, 0, (.2 + cpyOffset) * h)); geo.spot1 = new go.Spot(0, .3); geo.spot2 = new go.Spot(1, .9); return geo; }); go.Shape.defineFigureGenerator('Display', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.25 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .75 * w, h, w, 0, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .25 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h).close()); geo.spot1 = new go.Spot(.25, 0); geo.spot2 = new go.Spot(.75, 1); return geo; }); go.Shape.defineFigureGenerator('DividedEvent', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .2; else if (param1 < .15) param1 = .15; // Minimum const cpOffset = KAPPA * .2; const fig = new go.PathFigure(0, .2 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, .2 * w, 0, 0, (.2 - cpOffset) * h, (.2 - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .2 * h, (.8 + cpOffset) * w, 0, w, (.2 - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .8 * w, h, w, (.8 + cpOffset) * h, (.8 + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .8 * h, (.2 - cpOffset) * w, h, 0, (.8 + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .2 * h)); const fig2 = new go.PathFigure(0, param1 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, param1 * h)); // ??? geo.spot1 = new go.Spot(0, param1); // ??? geo.spot2 = new go.Spot(1, 1 - param1); return geo; }); go.Shape.defineFigureGenerator('DividedProcess', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < .1) param1 = .1; // Minimum const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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()); const fig2 = new go.PathFigure(0, param1 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, param1 * h)); // ??? geo.spot1 = new go.Spot(0, param1); // ??? geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('Document', (shape, w, h) => { const geo = new go.Geometry(); h = h / .8; const fig = new go.PathFigure(0, .7 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .7 * h, .5 * w, .4 * h, .5 * w, h).close()); geo.spot1 = go.Spot.TopLeft; geo.spot2 = new go.Spot(1, .6); return geo; }); go.Shape.defineFigureGenerator('ExternalOrganization', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < .2) param1 = .2; // Minimum const fig = new go.PathFigure(0, 0, true); geo.add(fig); // Body 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()); const fig2 = new go.PathFigure(param1 * w, 0, false); geo.add(fig2); // Top left triangle fig2.add(new go.PathSegment(go.PathSegment.Line, 0, param1 * h)); // Top right triangle fig2.add(new go.PathSegment(go.PathSegment.Move, w, param1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - param1) * w, 0)); // Bottom left triangle fig2.add(new go.PathSegment(go.PathSegment.Move, 0, (1 - param1) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); // Bottom right triangle fig2.add(new go.PathSegment(go.PathSegment.Move, (1 - param1) * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, (1 - param1) * h)); // ??? geo.spot1 = new go.Spot(param1 / 2, param1 / 2); // ??? geo.spot2 = new go.Spot(1 - param1 / 2, 1 - param1 / 2); return geo; }); go.Shape.defineFigureGenerator('ExternalProcess', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, 0, true); geo.add(fig); // Body fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h).close()); const fig2 = new go.PathFigure(.1 * w, .4 * h, false); geo.add(fig2); // Top left triangle fig2.add(new go.PathSegment(go.PathSegment.Line, .1 * w, .6 * h)); // Top right triangle fig2.add(new go.PathSegment(go.PathSegment.Move, .9 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .4 * h)); // Bottom left triangle fig2.add(new go.PathSegment(go.PathSegment.Move, .6 * w, .1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .4 * w, .1 * h)); // Bottom right triangle fig2.add(new go.PathSegment(go.PathSegment.Move, .4 * w, .9 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .6 * w, .9 * h)); geo.spot1 = new go.Spot(.25, .25); geo.spot2 = new go.Spot(.75, .75); return geo; }); go.Shape.defineFigureGenerator('File', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); // starting point geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); const fig2 = new go.PathFigure(.75 * w, 0, false); geo.add(fig2); // The Fold fig2.add(new go.PathSegment(go.PathSegment.Line, .75 * w, .25 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .25 * h)); geo.spot1 = new go.Spot(0, .25); geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('Interrupt', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); const fig2 = new go.PathFigure(w, .5 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, h)); const fig3 = new go.PathFigure(w, .5 * h, false); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w, 0)); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(.5, .75); return geo; }); go.Shape.defineFigureGenerator('InternalStorage', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; let param2 = shape ? shape.parameter2 : NaN; if (isNaN(param1)) param1 = .1; // Distance from left if (isNaN(param2)) param2 = .1; // Distance from top const fig = new go.PathFigure(0, 0, true); geo.add(fig); // The main body 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()); const fig2 = new go.PathFigure(param1 * w, 0, false); geo.add(fig2); // Two lines fig2.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, param2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, param2 * h)); // ??? geo.spot1 = new go.Spot(param1, param2); // ??? geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('Junction', (shape, w, h) => { const geo = new go.Geometry(); const dist = (1 / Math.SQRT2); const small = ((1 - 1 / Math.SQRT2) / 2); const cpOffset = KAPPA * .5; const radius = .5; const fig = new go.PathFigure(w, radius * h, true); geo.add(fig); // Circle fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, h, w, (radius + cpOffset) * h, (radius + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, radius * h, (radius - cpOffset) * w, h, 0, (radius + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, 0, 0, (radius - cpOffset) * h, (radius - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, radius * h, (radius + cpOffset) * w, 0, w, (radius - cpOffset) * h)); const fig2 = new go.PathFigure((small + dist) * w, (small + dist) * h, false); geo.add(fig2); // X fig2.add(new go.PathSegment(go.PathSegment.Line, small * w, small * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, small * w, (small + dist) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (small + dist) * w, small * h)); return geo; }); go.Shape.defineFigureGenerator('LinedDocument', (shape, w, h) => { const geo = new go.Geometry(); h = h / .8; const fig = new go.PathFigure(0, .7 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .7 * h, .5 * w, .4 * h, .5 * w, h).close()); const fig2 = new go.PathFigure(.1 * w, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .1 * w, .75 * h)); geo.spot1 = new go.Spot(.1, 0); geo.spot2 = new go.Spot(1, .6); return geo; }); go.Shape.defineFigureGenerator('LoopLimit', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .25 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h).close()); geo.spot1 = new go.Spot(0, .25); geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('MagneticTape', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .5; const radius = .5; const fig = new go.PathFigure(.5 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, radius * h, (radius - cpOffset) * w, h, 0, (radius + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, 0, 0, (radius - cpOffset) * h, (radius - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, radius * h, (radius + cpOffset) * w, 0, w, (radius - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (radius + .1) * w, .9 * h, w, (radius + cpOffset) * h, (radius + cpOffset) * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); geo.spot1 = new go.Spot(.15, .15); geo.spot2 = new go.Spot(.85, .8); return geo; }); go.Shape.defineFigureGenerator('ManualInput', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .25 * h).close()); geo.spot1 = new go.Spot(0, .25); geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('MessageFromUser', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .7; // How far from the right the point is const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, param1 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); geo.spot1 = go.Spot.TopLeft; // ??? geo.spot2 = new go.Spot(param1, 1); return geo; }); go.Shape.defineFigureGenerator('MicroformProcessing', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .25; // How far from the top/bottom the points are const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, param1 * h)); 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, .5 * w, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); // ??? geo.spot1 = new go.Spot(0, param1); // ??? geo.spot2 = new go.Spot(1, 1 - param1); return geo; }); go.Shape.defineFigureGenerator('MicroformRecording', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, .75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(1, .75); return geo; }); go.Shape.defineFigureGenerator('MultiDocument', (shape, w, h) => { const geo = new go.Geometry(); h = h / .8; const fig = new go.PathFigure(w, 0, true); geo.add(fig); // Outline fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .9 * w, .44 * h, .96 * w, .47 * h, .93 * w, .45 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .8 * w, .54 * h, .86 * w, .57 * h, .83 * w, .55 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .7 * h, .4 * w, .4 * h, .4 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, 0).close()); const fig2 = new go.PathFigure(.1 * w, .2 * h, false); geo.add(fig2); // Inside lines fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .54 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .2 * w, .1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .44 * h)); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(.8, .77); return geo; }); go.Shape.defineFigureGenerator('MultiProcess', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.1 * w, .1 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, .2 * h).close()); const fig2 = new go.PathFigure(.2 * w, .1 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .9 * w, .8 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .1 * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .9 * h)); geo.spot1 = new go.Spot(0, .2); geo.spot2 = new go.Spot(.8, 1); return geo; }); go.Shape.defineFigureGenerator('OfflineStorage', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .1; // Distance between 2 top lines const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h).close()); const fig2 = new go.PathFigure(.5 * param1 * w, param1 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .5 * param1) * w, param1 * h)); // ??? geo.spot1 = new go.Spot(l / 4 + .5 * param1, param1); // ??? geo.spot2 = new go.Spot(3 * l / 4 + .5 * param1, param1 + .5 * l); return geo; }); go.Shape.defineFigureGenerator('OffPageConnector', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .75 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); geo.spot1 = go.Spot.TopLeft; geo.spot2 = new go.Spot(.75, 1); return geo; }); go.Shape.defineFigureGenerator('Or', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .5; const radius = .5; const fig = new go.PathFigure(w, radius * h, true); geo.add(fig); // Circle fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, h, w, (radius + cpOffset) * h, (radius + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, radius * h, (radius - cpOffset) * w, h, 0, (radius + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, 0, 0, (radius - cpOffset) * h, (radius - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, radius * h, (radius + cpOffset) * w, 0, w, (radius - cpOffset) * h)); const fig2 = new go.PathFigure(w, .5 * h, false); geo.add(fig2); // + fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .5 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); return geo; }); go.Shape.defineFigureGenerator('PaperTape', (shape, w, h) => { const geo = new go.Geometry(); h = h / .8; const fig = new go.PathFigure(0, .7 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .3 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .3 * h, .5 * w, .6 * h, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, .7 * h, .5 * w, .4 * h, .5 * w, h).close()); geo.spot1 = new go.Spot(0, .49); geo.spot2 = new go.Spot(1, .75); return geo; }); go.Shape.defineFigureGenerator('PrimitiveFromCall', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; let param2 = shape ? shape.parameter2 : NaN; if (isNaN(param1)) param1 = .1; // Distance of left line from left if (isNaN(param2)) param2 = .3; // Distance of point from right const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - param2) * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); // ??? geo.spot1 = new go.Spot(param1, 0); // ??? geo.spot2 = new go.Spot(1 - param2, 1); return geo; }); go.Shape.defineFigureGenerator('PrimitiveToCall', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; let param2 = shape ? shape.parameter2 : NaN; if (isNaN(param1)) param1 = .1; // Distance of left line from left if (isNaN(param2)) param2 = .3; // Distance of top and bottom right corners from right const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - param2) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - param2) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); // ??? geo.spot1 = new go.Spot(param1, 0); // ??? geo.spot2 = new go.Spot(1 - param2, 1); return geo; }); go.Shape.defineFigureGenerator('Procedure', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; // Distance of left and right lines from edge if (isNaN(param1)) param1 = .1; const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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()); const fig2 = new go.PathFigure((1 - param1) * w, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - param1) * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Move, param1 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); // ??? geo.spot1 = new go.Spot(param1, 0); // ??? geo.spot2 = new go.Spot(1 - param1, 1); return geo; }); go.Shape.defineFigureGenerator('Process', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .1; // Distance of left line from left edge const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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()); const fig2 = new go.PathFigure(param1 * w, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); // ??? geo.spot1 = new go.Spot(param1, 0); geo.spot2 = go.Spot.BottomRight; return geo; }); go.Shape.defineFigureGenerator('Sort', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .5 * h).close()); const fig2 = new go.PathFigure(0, .5 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); geo.spot1 = new go.Spot(.25, .25); geo.spot2 = new go.Spot(.75, .5); return geo; }); go.Shape.defineFigureGenerator('Start', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = 0.25; const fig = new go.PathFigure(param1 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 180, .75 * w, 0.5 * h, .25 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Arc, 90, 180, .25 * w, 0.5 * h, .25 * w, .5 * h)); const fig2 = new go.PathFigure(param1 * w, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, param1 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Move, (1 - param1) * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - param1) * w, h)); geo.spot1 = new go.Spot(param1, 0); geo.spot2 = new go.Spot((1 - param1), 1); return geo; }); go.Shape.defineFigureGenerator('Terminator', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.25 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 180, .75 * w, 0.5 * h, .25 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Arc, 90, 180, .25 * w, 0.5 * h, .25 * w, .5 * h)); geo.spot1 = new go.Spot(.23, 0); geo.spot2 = new go.Spot(.77, 1); return geo; }); go.Shape.defineFigureGenerator('TransmittalTape', (shape, w, h) => { const geo = new go.Geometry(); let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1)) param1 = .1; // Bottom line's distance from the point on the triangle const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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, .75 * w, (1 - param1) * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, (1 - param1) * h).close()); geo.spot1 = go.Spot.TopLeft; // ??? geo.spot2 = new go.Spot(1, 1 - param1); return geo; }); go.Shape.defineFigureGenerator('AndGate', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .5; const fig = new go.PathFigure(0, 0, true); geo.add(fig); // The gate body fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, (.5 + cpOffset) * w, 0, w, (.5 - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, h, w, (.5 + cpOffset) * h, (.5 + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); geo.spot1 = go.Spot.TopLeft; geo.spot2 = new go.Spot(.55, 1); return geo; }); go.Shape.defineFigureGenerator('Buffer', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(.5, .75); return geo; }); go.Shape.defineFigureGenerator('Clock', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .5; const radius = .5; const fig = new go.PathFigure(w, radius * h, true); geo.add(fig); // Ellipse fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, h, w, (radius + cpOffset) * h, (radius + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, radius * h, (radius - cpOffset) * w, h, 0, (radius + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, 0, 0, (radius - cpOffset) * h, (radius - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, radius * h, (radius + cpOffset) * w, 0, w, (radius - cpOffset) * h)); const fig2 = new go.PathFigure(w, radius * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, radius * h)); const fig3 = new go.PathFigure(.8 * w, .75 * h, false); geo.add(fig3); // Inside clock // This first line solves a GDI+ graphical error with // more complex gradient brushes fig3.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .25 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .6 * w, .25 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .6 * w, .75 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .4 * w, .75 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .4 * w, .25 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .25 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .75 * h)); return geo; }); go.Shape.defineFigureGenerator('Ground', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.5 * w, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .4 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, .2 * w, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, .3 * w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, .4 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .6 * w, h)); return geo; }); go.Shape.defineFigureGenerator('Inverter', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .1; const radius = .1; const centerx = .9; const centery = .5; const fig = new go.PathFigure(.8 * w, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .5 * h)); const fig2 = new go.PathFigure((centerx + radius) * w, centery * h, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(.4, .75); return geo; }); go.Shape.defineFigureGenerator('NandGate', (shape, w, h) => { const geo = new go.Geometry(); const cpxOffset = KAPPA * .5; const cpyOffset = KAPPA * .4; const cpOffset = KAPPA * .1; const radius = .1; const centerx = .9; const centery = .5; const fig = new go.PathFigure(.8 * w, .5 * h, true); geo.add(fig); // The gate body fig.add(new go.PathSegment(go.PathSegment.Bezier, .4 * w, h, .8 * w, (.5 + cpyOffset) * h, (.4 + cpxOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .4 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .8 * w, .5 * h, (.4 + cpxOffset) * w, 0, .8 * w, (.5 - cpyOffset) * h)); const fig2 = new go.PathFigure((centerx + radius) * w, centery * h, true); geo.add(fig2); // Inversion fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, (centery) * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); geo.spot1 = new go.Spot(0, .05); geo.spot2 = new go.Spot(.55, .95); return geo; }); go.Shape.defineFigureGenerator('NorGate', (shape, w, h) => { const geo = new go.Geometry(); let radius = .5; let cpOffset = KAPPA * radius; let centerx = 0; let centery = .5; const fig = new go.PathFigure(.8 * w, .5 * h, true); geo.add(fig); // Normal fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h, .7 * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, .25 * w, .75 * h, .25 * w, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .8 * w, .5 * h, (centerx + cpOffset) * w, (centery - radius) * h, .7 * w, (centery - cpOffset) * h)); radius = .1; cpOffset = KAPPA * .1; centerx = .9; centery = .5; const fig2 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig2); // Inversion fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); geo.spot1 = new go.Spot(.2, .25); geo.spot2 = new go.Spot(.6, .75); return geo; }); go.Shape.defineFigureGenerator('OrGate', (shape, w, h) => { const geo = new go.Geometry(); const radius = .5; const cpOffset = KAPPA * radius; const centerx = 0; const centery = .5; const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, (centerx + cpOffset + cpOffset) * w, (centery - radius) * h, .8 * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h, .8 * w, (centery + cpOffset) * h, (centerx + cpOffset + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0, .25 * w, .75 * h, .25 * w, .25 * h).close()); geo.spot1 = new go.Spot(.2, .25); geo.spot2 = new go.Spot(.75, .75); return geo; }); go.Shape.defineFigureGenerator('XnorGate', (shape, w, h) => { const geo = new go.Geometry(); let radius = .5; let cpOffset = KAPPA * radius; let centerx = .2; let centery = .5; const fig = new go.PathFigure(.1 * w, 0, false); geo.add(fig); // Normal fig.add(new go.PathSegment(go.PathSegment.Bezier, .1 * w, h, .35 * w, .25 * h, .35 * w, .75 * h)); const fig2 = new go.PathFigure(.8 * w, .5 * h, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .2 * w, h, .7 * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .2 * w, 0, .45 * w, .75 * h, .45 * w, .25 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .8 * w, .5 * h, (centerx + cpOffset) * w, (centery - radius) * h, .7 * w, (centery - cpOffset) * h)); radius = .1; cpOffset = KAPPA * .1; centerx = .9; centery = .5; const fig3 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig3); // Inversion fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); geo.spot1 = new go.Spot(.4, .25); geo.spot2 = new go.Spot(.65, .75); return geo; }); go.Shape.defineFigureGenerator('XorGate', (shape, w, h) => { const geo = new go.Geometry(); const radius = .5; const cpOffset = KAPPA * radius; const centerx = .2; const centery = .5; const fig = new go.PathFigure(.1 * w, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, .1 * w, h, .35 * w, .25 * h, .35 * w, .75 * h)); const fig2 = new go.PathFigure(.2 * w, 0, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, (centerx + cpOffset) * w, (centery - radius) * h, .9 * w, (centery - cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .2 * w, h, .9 * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .2 * w, 0, .45 * w, .75 * h, .45 * w, .25 * h).close()); geo.spot1 = new go.Spot(.4, .25); geo.spot2 = new go.Spot(.8, .75); return geo; }); go.Shape.defineFigureGenerator('Capacitor', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); // Two vertical lines fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Move, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); return geo; }); go.Shape.defineFigureGenerator('Resistor', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .5 * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .4 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .6 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, .5 * h)); return geo; }); go.Shape.defineFigureGenerator('Inductor', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .1; const radius = .1; let centerx = .1; // Up const fig = new go.PathFigure((centerx - cpOffset * .5) * w, h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, 0, (centerx - cpOffset) * w, h, (centerx - radius) * w, 0)); // Down up centerx = .3; fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, h, (centerx + radius) * w, 0, (centerx + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, 0, (centerx - cpOffset) * w, h, (centerx - radius) * w, 0)); // Down up centerx = .5; fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, h, (centerx + radius) * w, 0, (centerx + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, 0, (centerx - cpOffset) * w, h, (centerx - radius) * w, 0)); // Down up centerx = .7; fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, h, (centerx + radius) * w, 0, (centerx + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, 0, (centerx - cpOffset) * w, h, (centerx - radius) * w, 0)); // Down up centerx = .9; fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + cpOffset * .5) * w, h, (centerx + radius) * w, 0, (centerx + cpOffset) * w, h)); return geo; }); go.Shape.defineFigureGenerator('ACvoltageSource', (shape, w, h) => { const geo = new go.Geometry(); const cpOffset = KAPPA * .5; const radius = .5; const centerx = .5; const centery = .5; const fig = new go.PathFigure((centerx - radius) * w, centery * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Move, (centerx - radius + .1) * w, centery * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius - .1) * w, centery * h, centerx * w, (centery - radius) * h, centerx * w, (centery + radius) * h)); return geo; }); go.Shape.defineFigureGenerator('DCvoltageSource', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .75 * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .25 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); return geo; }); go.Shape.defineFigureGenerator('Diode', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); geo.spot1 = new go.Spot(0, .25); geo.spot2 = new go.Spot(.5, .75); return geo; }); go.Shape.defineFigureGenerator('Wifi', (shape, w, h) => { const geo = new go.Geometry(); const origw = w; const origh = h; w = w * .38; h = h * .6; let cpOffset = KAPPA * .8; let radius = .8; let centerx = 0; let centery = .5; const xOffset = (origw - w) / 2; const yOffset = (origh - h) / 2; const fig = new go.PathFigure(centerx * w + xOffset, (centery + radius) * h + yOffset, true); geo.add(fig); // Left curves fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w + xOffset, centery * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery + radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery + cpOffset) * h + yOffset)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery - cpOffset) * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery - radius) * h + yOffset)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius + cpOffset * .5) * w + xOffset, centery * h + yOffset, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx - radius + cpOffset * .5) * w + xOffset, (centery - cpOffset) * h + yOffset)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx - radius + cpOffset * .5) * w + xOffset, (centery + cpOffset) * h + yOffset, centerx * w + xOffset, (centery + radius) * h + yOffset).close()); cpOffset = KAPPA * .4; radius = .4; centerx = .2; centery = .5; const fig2 = new go.PathFigure(centerx * w + xOffset, (centery + radius) * h + yOffset, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w + xOffset, centery * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery + radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery + cpOffset) * h + yOffset)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery - cpOffset) * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery - radius) * h + yOffset)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius + cpOffset * .5) * w + xOffset, centery * h + yOffset, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx - radius + cpOffset * .5) * w + xOffset, (centery - cpOffset) * h + yOffset)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx - radius + cpOffset * .5) * w + xOffset, (centery + cpOffset) * h + yOffset, centerx * w + xOffset, (centery + radius) * h + yOffset).close()); cpOffset = KAPPA * .2; radius = .2; centerx = .5; centery = .5; const fig3 = new go.PathFigure((centerx - radius) * w + xOffset, centery * h + yOffset, true); geo.add(fig3); // Center circle fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery - cpOffset) * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery - radius) * h + yOffset)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w + xOffset, centery * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery - radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery - cpOffset) * h + yOffset)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery + cpOffset) * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery + radius) * h + yOffset)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w + xOffset, centery * h + yOffset, (centerx - cpOffset) * w + xOffset, (centery + radius) * h + yOffset, (centerx - radius) * w + xOffset, (centery + cpOffset) * h + yOffset)); cpOffset = KAPPA * .4; radius = .4; centerx = .8; centery = .5; const fig4 = new go.PathFigure(centerx * w + xOffset, (centery - radius) * h + yOffset, true); geo.add(fig4); // Right curves fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w + xOffset, centery * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery - radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery - cpOffset) * h + yOffset)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery + cpOffset) * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery + radius) * h + yOffset)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius - cpOffset * .5) * w + xOffset, centery * h + yOffset, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx + radius - cpOffset * .5) * w + xOffset, (centery + cpOffset) * h + yOffset)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx + radius - cpOffset * .5) * w + xOffset, (centery - cpOffset) * h + yOffset, centerx * w + xOffset, (centery - radius) * h + yOffset).close()); cpOffset = KAPPA * .8; radius = .8; centerx = 1; centery = .5; const fig5 = new go.PathFigure(centerx * w + xOffset, (centery - radius) * h + yOffset, true); geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w + xOffset, centery * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery - radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery - cpOffset) * h + yOffset)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx + radius) * w + xOffset, (centery + cpOffset) * h + yOffset, (centerx + cpOffset) * w + xOffset, (centery + radius) * h + yOffset)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius - cpOffset * .5) * w + xOffset, centery * h + yOffset, centerx * w + xOffset, (centery + radius) * h + yOffset, (centerx + radius - cpOffset * .5) * w + xOffset, (centery + cpOffset) * h + yOffset)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w + xOffset, (centery - radius) * h + yOffset, (centerx + radius - cpOffset * .5) * w + xOffset, (centery - cpOffset) * h + yOffset, centerx * w + xOffset, (centery - radius) * h + yOffset).close()); return geo; }); go.Shape.defineFigureGenerator('Email', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0).close()); const fig2 = new go.PathFigure(0, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .45 * w, .54 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .55 * w, .54 * h)); return geo; }); go.Shape.defineFigureGenerator('Ethernet', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.35 * w, 0, true); geo.add(fig); // Boxes above the wire fig.add(new go.PathSegment(go.PathSegment.Line, .65 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .65 * w, .4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .35 * w, .4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .35 * w, 0).close()); const fig2 = new go.PathFigure(.10 * w, h, true, true); geo.add(fig2); // Boxes under the wire fig2.add(new go.PathSegment(go.PathSegment.Line, .40 * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .40 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .10 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .10 * w, h).close()); const fig3 = new go.PathFigure(.60 * w, h, true, true); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, .90 * w, h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .90 * w, .6 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .60 * w, .6 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .60 * w, h).close()); const fig4 = new go.PathFigure(0, .5 * h, false); geo.add(fig4); // Wire fig4.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig4.add(new go.PathSegment(go.PathSegment.Move, .5 * w, .5 * h)); fig4.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .4 * h)); fig4.add(new go.PathSegment(go.PathSegment.Move, .75 * w, .5 * h)); fig4.add(new go.PathSegment(go.PathSegment.Line, .75 * w, .6 * h)); fig4.add(new go.PathSegment(go.PathSegment.Move, .25 * w, .5 * h)); fig4.add(new go.PathSegment(go.PathSegment.Line, .25 * w, .6 * h)); return geo; }); go.Shape.defineFigureGenerator('Power', (shape, w, h) => { const geo = new go.Geometry(); let cpOffset = KAPPA * .4; let radius = .4; const centerx = .5; const centery = .5; const unused = tempPoint(); const mid = tempPoint(); const c1 = tempPoint(); const c2 = tempPoint(); // Find the 45 degree midpoint for the first bezier breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .5, unused, unused, mid, c1, c2); const start = tempPointAt(mid.x, mid.y); let fig = new go.PathFigure(mid.x * w, mid.y * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, c1.x * w, c1.y * h, c2.x * w, c2.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); // Find the 45 degree midpoint of for the fourth bezier breakUpBezier(centerx - radius, centery, centerx - radius, centery - cpOffset, centerx - cpOffset, centery - radius, centerx, centery - radius, .5, c1, c2, mid, unused, unused); fig.add(new go.PathSegment(go.PathSegment.Bezier, mid.x * w, mid.y * h, c1.x * w, c1.y * h, c2.x * w, c2.y * h)); // now make a smaller circle cpOffset = KAPPA * .3; radius = .3; // Find the 45 degree midpoint for the first bezier breakUpBezier(centerx - radius, centery, centerx - radius, centery - cpOffset, centerx - cpOffset, centery - radius, centerx, centery - radius, .5, c1, c2, mid, unused, unused); fig.add(new go.PathSegment(go.PathSegment.Line, mid.x * w, mid.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, c2.x * w, c2.y * h, c1.x * w, c1.y * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h, (centerx - cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h)); // Find the 45 degree midpoint for the fourth bezier breakUpBezier(centerx, centery - radius, centerx + cpOffset, centery - radius, centerx + radius, centery - cpOffset, centerx + radius, centery, .5, unused, unused, mid, c1, c2); fig.add(new go.PathSegment(go.PathSegment.Bezier, mid.x * w, mid.y * h, c2.x * w, c2.y * h, c1.x * w, c1.y * h).close()); fig = new go.PathFigure(.45 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .45 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .55 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .55 * w, 0).close()); freePoint(unused); freePoint(mid); freePoint(c1); freePoint(c2); freePoint(start); geo.spot1 = new go.Spot(.25, .45); geo.spot2 = new go.Spot(.75, .8); return geo; }); go.Shape.defineFigureGenerator('Fallout', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h / 2, true); geo.add(fig); // Containing circle fig.add(new go.PathSegment(go.PathSegment.Arc, 180, 360, w / 2, h / 2, w / 2, h / 2)); function drawTriangle(f: go.PathFigure, offsetx: number, offsety: number) { f.add(new go.PathSegment(go.PathSegment.Move, (.3 + offsetx) * w, (.8 + offsety) * h)); f.add(new go.PathSegment(go.PathSegment.Line, (.5 + offsetx) * w, (.5 + offsety) * h)); f.add(new go.PathSegment(go.PathSegment.Line, (.1 + offsetx) * w, (.5 + offsety) * h)); f.add(new go.PathSegment(go.PathSegment.Line, (.3 + offsetx) * w, (.8 + offsety) * h).close()); } // Triangles drawTriangle(fig, 0, 0); drawTriangle(fig, 0.4, 0); drawTriangle(fig, 0.2, -0.3); return geo; }); go.Shape.defineFigureGenerator('IrritationHazard', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.2 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .3 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .8 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .7 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .2 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .2 * h).close()); geo.spot1 = new go.Spot(.3, .3); geo.spot2 = new go.Spot(.7, .7); return geo; }); go.Shape.defineFigureGenerator('ElectricalHazard', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.37 * w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .11 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .77 * w, .04 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .33 * w, .49 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .37 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .63 * w, .86 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .77 * w, .91 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .34 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .34 * w, .78 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .44 * w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .65 * w, .56 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .68 * h).close()); return geo; }); go.Shape.defineFigureGenerator('FireHazard', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.1 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, .29 * w, 0, -.25 * w, .63 * h, .45 * w, .44 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .51 * w, .42 * h, .48 * w, .17 * h, .54 * w, .35 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .59 * w, .18 * h, .59 * w, .29 * h, .58 * w, .28 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .75 * w, .6 * h, .8 * w, .34 * h, .88 * w, .43 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .88 * w, .31 * h, .87 * w, .48 * h, .88 * w, .43 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .9 * w, h, 1.17 * w, .76 * h, .82 * w, .8 * h).close()); geo.spot1 = new go.Spot(.07, .445); geo.spot2 = new go.Spot(.884, .958); return geo; }); go.Shape.defineFigureGenerator('BpmnActivityLoop', (shape, w, h) => { const geo = new go.Geometry(); const r = .5; const cx = 0; // offset from Center x const cy = 0; // offset from Center y const d = r * KAPPA; const mx1 = (.4 * Math.SQRT2 / 2 + .5); const my1 = (.5 - .5 * Math.SQRT2 / 2); const x1 = 1; const y1 = .5; const x2 = .5; const y2 = 0; const fig = new go.PathFigure(mx1 * w, (1 - my1) * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, x1 * w, y1 * h, x1 * w, .7 * h, x1 * w, y1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (x2 + cx) * w, (y2 + cx) * h, (.5 + r + cx) * w, (.5 - d + cx) * h, (.5 + d + cx) * w, (.5 - r + cx) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.5 - r + cx) * w, (.5 + cy) * h, (.5 - d + cx) * w, (.5 - r + cy) * h, (.5 - r + cx) * w, (.5 - d + cy) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (.35 + cx) * w, .9 * h, (.5 - r + cx) * w, (.5 + d + cy) * h, (.5 - d + cx) * w, .9 * h)); // Arrowhead fig.add(new go.PathSegment(go.PathSegment.Move, (.25 + cx) * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.35 + cx) * w, 0.9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, (.20 + cx) * w, 0.95 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnActivityParallel', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Move, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Move, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); return geo; }); go.Shape.defineFigureGenerator('BpmnActivitySequential', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Move, 0, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); return geo; }); go.Shape.defineFigureGenerator('BpmnActivityAdHoc', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); const fig2 = new go.PathFigure(w, h, false); geo.add(fig2); const fig3 = new go.PathFigure(0, .5 * h, false); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Bezier, .5 * w, .5 * h, .2 * w, .35 * h, .3 * w, .35 * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, w, .5 * h, .7 * w, .65 * h, .8 * w, .65 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnActivityCompensation', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, .5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h).close()); return geo; }); go.Shape.defineFigureGenerator('BpmnTaskMessage', (shape, w, h) => { const geo = new go.Geometry(); let fig = new go.PathFigure(0, .2 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, .2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .8 * h).close()); fig = new go.PathFigure(0, .2 * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, .2 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnTaskScript', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.7 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .3 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.3 * w, 0, .6 * w, .5 * h, 0, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .7 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, .7 * w, h, .4 * w, .5 * h, w, .5 * h).close()); const fig2 = new go.PathFigure(.45 * w, .73 * h, false); geo.add(fig2); // Lines on script fig2.add(new go.PathSegment(go.PathSegment.Line, .7 * w, .73 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .38 * w, .5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .63 * w, .5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .31 * w, .27 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .56 * w, .27 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnTaskUser', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); const fig2 = new go.PathFigure(.335 * w, (1 - .555) * h, true); geo.add(fig2); // Shirt fig2.add(new go.PathSegment(go.PathSegment.Line, .335 * w, (1 - .405) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .335) * w, (1 - .405) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .335) * w, (1 - .555) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w, .68 * h, (1 - .12) * w, .46 * h, (1 - .02) * w, .54 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, .68 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, .335 * w, (1 - .555) * h, .02 * w, .54 * h, .12 * w, .46 * h)); // Start of neck fig2.add(new go.PathSegment(go.PathSegment.Line, .365 * w, (1 - .595) * h)); const radiushead = .5 - .285; const centerx = .5; const centery = radiushead; const alpha2 = Math.PI / 4; const KAPPA2 = ((4 * (1 - Math.cos(alpha2))) / (3 * Math.sin(alpha2))); const radiusw = radiushead; const radiush = radiushead; const offsetw = KAPPA2 * radiusw; const offseth = KAPPA2 * radiush; // Circle (head) fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radiusw) * w, centery * h, (centerx - ((offsetw + radiusw) / 2)) * w, (centery + ((radiush + offseth) / 2)) * h, (centerx - radiusw) * w, (centery + offseth) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radiush) * h, (centerx - radiusw) * w, (centery - offseth) * h, (centerx - offsetw) * w, (centery - radiush) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radiusw) * w, centery * h, (centerx + offsetw) * w, (centery - radiush) * h, (centerx + radiusw) * w, (centery - offseth) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (1 - .365) * w, (1 - .595) * h, (centerx + radiusw) * w, (centery + offseth) * h, (centerx + ((offsetw + radiusw) / 2)) * w, (centery + ((radiush + offseth) / 2)) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .365) * w, (1 - .595) * h)); // Neckline fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .335) * w, (1 - .555) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, (1 - .335) * w, (1 - .405) * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .335 * w, (1 - .405) * h)); const fig3 = new go.PathFigure(.2 * w, h, false); geo.add(fig3); // Arm lines fig3.add(new go.PathSegment(go.PathSegment.Line, .2 * w, .8 * h)); const fig4 = new go.PathFigure(.8 * w, h, false); geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .8 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnEventConditional', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(.1 * w, 0, true); geo.add(fig); // Body fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .9 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, h).close()); const fig2 = new go.PathFigure(.2 * w, .2 * h, false); geo.add(fig2); // Inside lines fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .2 * w, .4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .2 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .6 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, .2 * w, .8 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .8 * w, .8 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnEventError', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, .33 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .66 * w, .50 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, .66 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, .33 * w, .50 * h).close()); return geo; }); go.Shape.defineFigureGenerator('BpmnEventEscalation', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); // Set dimensions const fig2 = new go.PathFigure(w, h, false); geo.add(fig2); const fig3 = new go.PathFigure(.1 * w, h, true); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0)); fig3.add(new go.PathSegment(go.PathSegment.Line, .9 * w, h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .5 * w, .5 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Caution', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.05 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.1 * w, .8 * h, 0, h, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, .1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.55 * w, .1 * h, 0.5 * w, 0, 0.5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.95 * w, 0.9 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.9 * w, h, w, h, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.05 * w, h)); const radius = 0.05; // Bottom circle of exclamation point fig.add(new go.PathSegment(go.PathSegment.Move, (0.5 - radius) * w, 0.875 * h)); fig.add(new go.PathSegment(go.PathSegment.Arc, 180, -360, 0.5 * w, 0.875 * h, radius * w, radius * h)); // Upper rectangle of exclamation point fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.325 * h, 0.575 * w, 0.725 * h, 0.625 * w, 0.375 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.75 * h, 0.375 * w, 0.375 * h, 0.425 * w, 0.725 * h)); return geo; }); go.Shape.defineFigureGenerator('Recycle', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.45 * w, 0.95 * h, false); geo.add(fig); // Bottom left arrow fig.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.95 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.185 * w, 0.85 * h, 0.17 * w, 0.95 * h, 0.15 * w, 0.9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.235 * w, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.30 * w, 0.625 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.35 * w, 0.65 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.275 * w, 0.45 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.05 * w, 0.45 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.05 * w, 0.575 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.1875 * w, 0.95 * h, 0, 0.675 * h, 0, 0.7 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.45 * w, 0.95 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.775 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.22 * w, 0.775 * h)); const fig2 = new go.PathFigure(0.475 * w, 0.2 * h, false); geo.add(fig2); // Top arrow fig2.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.225 * w, 0.3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.275 * w, 0.175 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.325 * w, 0.05 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.4 * w, 0.05 * h, 0.35 * w, 0, 0.375 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.575 * w, 0.375 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.525 * w, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0.475 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, 0.315 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.32 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.05 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.575 * w, 0, 0.65 * w, 0.05 * h, 0.625 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.38 * w, 0.0105 * h)); const fig3 = new go.PathFigure(0.675 * w, 0.575 * h, false); geo.add(fig3); // Bottom right arrow fig3.add(new go.PathSegment(go.PathSegment.Line, 0.875 * w, 0.525 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, w, 0.775 * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, 0.85 * w, 0.95 * h, w, 0.8 * h, w, 0.85 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.95 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.85 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.725 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.775 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.7 * w, 0.775 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, w, 0.775 * h)); fig3.add(new go.PathSegment(go.PathSegment.Move, 0.675 * w, 0.575 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.775 * w, 0.775 * h)); return geo; }); go.Shape.defineFigureGenerator('BpmnEventTimer', (shape, w, h) => { const geo = new go.Geometry(); const radius = .5; const cpOffset = KAPPA * .5; const fig = new go.PathFigure(w, radius * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, h, w, (radius + cpOffset) * h, (radius + cpOffset) * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, radius * h, (radius - cpOffset) * w, h, 0, (radius + cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, radius * w, 0, 0, (radius - cpOffset) * h, (radius - cpOffset) * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, radius * h, (radius + cpOffset) * w, 0, w, (radius - cpOffset) * h)); const fig2 = new go.PathFigure(radius * w, 0, false); geo.add(fig2); // Hour lines fig2.add(new go.PathSegment(go.PathSegment.Line, radius * w, .15 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, radius * w, h)); fig2.add(new go.PathSegment(go.PathSegment.Line, radius * w, .85 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, radius * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .15 * w, radius * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, w, radius * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .85 * w, radius * h)); // Clock hands fig2.add(new go.PathSegment(go.PathSegment.Move, radius * w, radius * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .58 * w, 0.1 * h)); fig2.add(new go.PathSegment(go.PathSegment.Move, radius * w, radius * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .78 * w, .54 * h)); return geo; }); go.Shape.defineFigureGenerator('Package', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.15 * h, true); geo.add(fig); // Package bottom rectangle fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.15 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); const fig2 = new go.PathFigure(0, 0.15 * h, true); geo.add(fig2); // Package top flap fig2.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.15 * h).close()); geo.spot1 = new go.Spot(0, 0.1); geo.spot2 = new go.Spot(1, 1); return geo; }); go.Shape.defineFigureGenerator('Class', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); // Class box 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)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0).close()); const fig2 = new go.PathFigure(0, 0.2 * h, false); geo.add(fig2); // Top box separater fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0.2 * h).close()); const fig3 = new go.PathFigure(0, 0.5 * h, false); geo.add(fig3); // Middle box separater fig3.add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Component', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, h, true); geo.add(fig); // Component Box fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h).close()); const fig2 = new go.PathFigure(0, 0.2 * h, true); geo.add(fig2); // Component top sub box fig2.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.2 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, 0.2 * h).close()); const fig3 = new go.PathFigure(0, 0.6 * h, true); geo.add(fig3); // Component bottom sub box fig3.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.6 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.8 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0, 0.8 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0, 0.6 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Boat Shipment', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.15 * w, 0.6 * h, true); geo.add(fig); // Boat shipment flag fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, 0.6 * h)); const fig2 = new go.PathFigure(0.15 * w, 0.6 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, 0.6 * h)); return geo; }); go.Shape.defineFigureGenerator('Customer/Supplier', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.66 * w, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.66 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.33 * w, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.33 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h).close()); return geo; }); go.Shape.defineFigureGenerator('Workcell', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); 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.65 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.65 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.35 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.35 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); return geo; }); go.Shape.defineFigureGenerator('Supermarket', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, w, 0.33 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.66 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.66 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, w, 0.66 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); return geo; }); go.Shape.defineFigureGenerator('TruckShipment', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); // Left rectangle fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0).close()); const fig2 = new go.PathFigure(w, 0.8 * h, true); geo.add(fig2); // Right rectangle fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.8 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0.8 * h).close()); let radius = .1; let cpOffset = KAPPA * .1; let centerx = .2; let centery = .9; const fig3 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig3); // Left wheel fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig3.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); radius = .1; cpOffset = KAPPA * .1; centerx = .8; centery = .9; const fig4 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig4); // Right wheel fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); return geo; }); go.Shape.defineFigureGenerator('KanbanPost', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.2 * w, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, .5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, h)); return geo; }); go.Shape.defineFigureGenerator('Forklift', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); const fig2 = new go.PathFigure(0, 0.5 * h, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, 0.8 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.8 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)); const fig3 = new go.PathFigure(0.50 * w, 0.8 * h, true); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.50 * w, 0.1 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.1 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.8 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.50 * w, 0.8 * h)); const fig4 = new go.PathFigure(0.5 * w, 0.7 * h, false); geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, w, 0.7 * h)); let radius = .1; let cpOffset = KAPPA * .1; let centerx = .1; let centery = .9; const fig5 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); radius = .1; cpOffset = KAPPA * .1; centerx = .4; centery = .9; const fig6 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig6); fig6.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); return geo; }); go.Shape.defineFigureGenerator('RailShipment', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.1 * w, 0.4 * h, true); geo.add(fig); // Left cart fig.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.45 * w, 0.9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.9 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.4 * h).close()); const fig2 = new go.PathFigure(0.45 * w, 0.7 * h, false); geo.add(fig2); // Line connecting carts fig2.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.7 * h)); const fig3 = new go.PathFigure(0.55 * w, 0.4 * h, true); geo.add(fig3); // Right cart fig3.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.4 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.9 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.9 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, 0.4 * h).close()); let radius = .05; let cpOffset = KAPPA * .05; let centerx = .175; let centery = .95; const fig4 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig4); // Wheels fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); radius = .05; cpOffset = KAPPA * .05; centerx = .375; centery = .95; const fig5 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig5.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); radius = .05; cpOffset = KAPPA * .05; centerx = .625; centery = .95; const fig6 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig6); fig6.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig6.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); radius = .05; cpOffset = KAPPA * .05; centerx = .825; centery = .95; const fig7 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig7); fig7.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig7.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig7.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig7.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); const fig8 = new go.PathFigure(0, h, false); geo.add(fig8); fig8.add(new go.PathSegment(go.PathSegment.Line, w, h).close()); return geo; }); go.Shape.defineFigureGenerator('Warehouse', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); 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)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0).close()); const fig2 = new go.PathFigure(0, 0.2 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0.2 * h).close()); const fig3 = new go.PathFigure(0.15 * w, h, true); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, 0.5 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.40 * w, 0.5 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.40 * w, h)); fig3.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, h).close()); const radius = .05; const cpOffset = KAPPA * .05; const centerx = .35; const centery = .775; const fig4 = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig4); // Door handle fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig4.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); return geo; }); go.Shape.defineFigureGenerator('ControlCenter', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.1 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.8 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Bluetooth', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.75 * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.25 * h)); return geo; }); go.Shape.defineFigureGenerator('Bookmark', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.4 * h)); return geo; }); go.Shape.defineFigureGenerator('Bookmark', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.4 * h)); return geo; }); go.Shape.defineFigureGenerator('Globe', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.5 * w, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, 0.5 * h, 0.75 * w, 0, w, 0.25 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, h, w, 0.75 * h, 0.75 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0.5 * h, 0.25 * w, h, 0, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0, 0, 0.25 * h, 0.25 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, h, 0.15 * w, 0.25 * h, 0.15 * w, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0, 0.85 * w, 0.75 * h, 0.85 * w, 0.25 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.1675 * w, 0.15 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.8325 * w, 0.15 * h, 0.35 * w, 0.3 * h, 0.65 * w, 0.3 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.1675 * w, 0.85 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.8325 * w, 0.85 * h, 0.35 * w, 0.7 * h, 0.65 * w, 0.7 * h)); return geo; }); go.Shape.defineFigureGenerator('Wave', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.25 * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.3 * w, 0.25 * h, 0.10 * w, 0, 0.2 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.7 * w, 0.25 * h, 0.425 * w, 0.5 * h, 0.575 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, 0.25 * h, 0.8 * w, 0, 0.9 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0, 0.25 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.75 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.3 * w, 0.75 * h, 0.10 * w, 0.5 * h, 0.2 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.7 * w, 0.75 * h, 0.425 * w, h, 0.575 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, 0.75 * h, 0.8 * w, 0.5 * h, 0.9 * w, 0.5 * h)); return geo; }); go.Shape.defineFigureGenerator('Operator', (shape, w, h) => { const geo = new go.Geometry(); const radius = .3; const cpOffset = KAPPA * .3; const centerx = .5; const centery = .7; const fig = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); const fig2 = new go.PathFigure(0, 0.7 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, w, 0.7 * h, 0, 0, w, 0)); return geo; }); go.Shape.defineFigureGenerator('TripleFanBlades', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.5 * w, 0, true); geo.add(fig); // Top blade fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.65 * h, 0.65 * w, 0.3 * h, 0.65 * w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0, 0.35 * w, 0.5 * h, 0.35 * w, 0.3 * h)); // Bottom left blade fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.65 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h, 0.3 * w, 0.6 * h, 0.1 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.65 * h, 0.2 * w, h, 0.35 * w, 0.95 * h)); // Bottom right blade fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.65 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, h, 0.7 * w, 0.6 * h, 0.9 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.65 * h, 0.8 * w, h, 0.65 * w, 0.95 * h)); return geo; }); go.Shape.defineFigureGenerator('CentrifugalPump', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0.5 * h, 0, 0.075 * h, 0, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.4 * w, h, 0, h, 0.4 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.8 * w, 0.4 * h, 0.8 * w, h, 0.85 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0)); return geo; }); go.Shape.defineFigureGenerator('Battery', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.4 * w, 0.1 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.1 * h)); const fig2 = new go.PathFigure(0, 0.6 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Move, 0, 0.4 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, w, 0.4 * h)); return geo; }); go.Shape.defineFigureGenerator('Delete', (shape, w, h) => { const geo = new go.Geometry(); const radius = .5; const cpOffset = KAPPA * .5; const centerx = .5; const centery = .5; const fig = new go.PathFigure((centerx - radius) * w, centery * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h)); const fig2 = new go.PathFigure(0.15 * w, 0.5 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, 0.5 * h)); return geo; }); go.Shape.defineFigureGenerator('Flag', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.1 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0, 0.1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.1 * h, 0.15 * w, 0, 0.35 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, 0.1 * h, 0.65 * w, 0.2 * h, 0.85 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.5 * h, 0.85 * w, 0.6 * h, 0.65 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0.5 * h, 0.35 * w, 0.4 * h, 0.15 * w, 0.4 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Help', (shape, w, h) => { const geo = new go.Geometry(); let radius = .5; let cpOffset = KAPPA * .5; let centerx = .5; let centery = .5; const fig = new go.PathFigure((centerx - radius) * w, centery * h, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); radius = .05; cpOffset = KAPPA * .05; centerx = .5; centery = .8; const fig2 = new go.PathFigure((centerx - radius) * w, centery * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery - radius) * h, (centerx - radius) * w, (centery - cpOffset) * h, (centerx - cpOffset) * w, (centery - radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx + radius) * w, centery * h, (centerx + cpOffset) * w, (centery - radius) * h, (centerx + radius) * w, (centery - cpOffset) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, centerx * w, (centery + radius) * h, (centerx + radius) * w, (centery + cpOffset) * h, (centerx + cpOffset) * w, (centery + radius) * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, (centerx - radius) * w, centery * h, (centerx - cpOffset) * w, (centery + radius) * h, (centerx - radius) * w, (centery + cpOffset) * h).close()); fig2.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.7 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0.2 * h, 0.75 * w, 0.475 * h, 0.75 * w, 0.225 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.3 * w, 0.35 * h, 0.4 * w, 0.2 * h, 0.3 * w, 0.25 * h)); return geo; }); go.Shape.defineFigureGenerator('Location', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0.5 * w, h, true) .add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0.5 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.5 * w, 0, .975 * w, 0.025 * h, 0.5 * w, 0)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.25 * w, 0.5 * h, 0.5 * w, 0, 0.025 * w, 0.025 * h).close()) .add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.2 * h)) .add(new go.PathSegment(go.PathSegment.Arc, 270, 360, 0.5 * w, 0.3 * h, 0.1 * w, 0.1 * h).close())); }); go.Shape.defineFigureGenerator('Lock', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)); const fig2 = new go.PathFigure(0.2 * w, 0.5 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.8 * w, 0.3 * h, 0.25 * w, 0, 0.75 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.3 * h)); return geo; }); go.Shape.defineFigureGenerator('Unlocked', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.5 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, 0.5 * h)); const fig2 = new go.PathFigure(0.2 * w, 0.5 * h, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.5 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.3 * h)); fig2.add(new go.PathSegment(go.PathSegment.Bezier, 0.8 * w, 0.3 * h, 0.25 * w, 0, 0.75 * w, 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, 0.8 * w, 0.35 * h)); return geo; }); go.Shape.defineFigureGenerator('Gear', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0.9375 * w, 0.56246875 * h, true) .add(new go.PathSegment(go.PathSegment.Line, 0.9375 * w, 0.4375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.80621875 * w, 0.4375 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.763 * w, 0.3316875 * h, 0.79840625 * w, 0.39915625 * h, 0.7834375 * w, 0.3635 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.8566875 * w, 0.23796875 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.76825 * w, 0.14959375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.67596875 * w, 0.24184375 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.5625 * w, 0.19378125 * h, 0.64228125 * w, 0.2188125 * h, 0.603875 * w, 0.2021875 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5625 * w, 0.0625 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.4375 * w, 0.0625 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.4375 * w, 0.19378125 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.32775 * w, 0.239375 * h, 0.39759375 * w, 0.20190625 * h, 0.36053125 * w, 0.2176875 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.2379375 * w, 0.14959375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.14953125 * w, 0.2379375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.23934375 * w, 0.3278125 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.19378125 * w, 0.4375 * h, 0.21765625 * w, 0.36059375 * h, 0.201875 * w, 0.397625 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.0625 * w, 0.4375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.0625 * w, 0.5625 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.1938125 * w, 0.5625 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.241875 * w, 0.67596875 * h, 0.20221875 * w, 0.603875 * h, 0.21884375 * w, 0.64228125 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.1495625 * w, 0.76825 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.238 * w, 0.8566875 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.3316875 * w, 0.76296875 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.43753125 * w, 0.80621875 * h, 0.36353125 * w, 0.78340625 * h, 0.3991875 * w, 0.79840625 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.43753125 * w, 0.9375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5625 * w, 0.9375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5625 * w, 0.80621875 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.67225 * w, 0.760625 * h, 0.602375 * w, 0.79809375 * h, 0.63946875 * w, 0.78234375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.76828125 * w, 0.8566875 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.85671875 * w, 0.76825 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.76065625 * w, 0.67221875 * h)) .add(new go.PathSegment(go.PathSegment.Bezier, 0.80621875 * w, 0.56246875 * h, 0.78234375 * w, 0.63940625 * h, 0.798125 * w, 0.602375 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.9375 * w, 0.56246875 * h).close()) .add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.6 * h)) .add(new go.PathSegment(go.PathSegment.Arc, 90, 360, 0.5 * w, 0.5 * h, 0.1 * w, 0.1 * h).close())); }); go.Shape.defineFigureGenerator('Hand', function(shape, w, h) { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.5 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.1 * w, 0.3 * h, 0, 0.375 * h, 0.05 * w, 0.325 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.45 * w, 0.075 * h, 0.3 * w, 0.225 * h, 0.4 * w, 0.175 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.525 * w, 0.075 * h, 0.46 * w, 0.05 * h, 0.525 * w, 0.05 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.3 * w, 0.4 * h, 0.525 * w, 0.275 * h, 0.475 * w, 0.325 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.4 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.9 * w, 0.55 * h, w, 0.4 * h, w, 0.55 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.425 * w, 0.55 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.55 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.6 * w, 0.7 * h, 0.675 * w, 0.55 * h, 0.675 * w, 0.7 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.7 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.575 * w, 0.7 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.575 * w, 0.85 * h, 0.65 * w, 0.7 * h, 0.65 * w, 0.85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.85 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.525 * w, 0.85 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.535 * w, h, 0.61 * w, 0.85 * h, 0.61 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, 0.9 * h, 0.435 * w, h, 0, h).close()); return geo; }); go.Shape.defineFigureGenerator('Map', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0.2 * h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0.25 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.25 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h).close()); fig.add(new go.PathSegment(go.PathSegment.Move, 0.25 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.25 * w, 0.8 * h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.5 * w, 0.2 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, h)); fig.add(new go.PathSegment(go.PathSegment.Move, 0.75 * w, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.75 * w, 0.8 * h)); return geo; }); go.Shape.defineFigureGenerator('Eject', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h, true); geo.add(fig); // bottam rectangle section fig.add(new go.PathSegment(go.PathSegment.Line, w, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h * .7)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * .7).close()); const fig2 = new go.PathFigure(0, (h * .6), true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w, (.6 * h))); fig2.add(new go.PathSegment(go.PathSegment.Line, .5 * w, 0).close()); return geo; }); go.Shape.defineFigureGenerator('Pencil', (shape, w, h) => { return new go.Geometry() .add(new go.PathFigure(0, 0, true) .add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.1 * h)) .add(new go.PathSegment(go.PathSegment.Line, w, 0.9 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, h)) .add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.2 * h).close())); }); go.Shape.defineFigureGenerator('Building', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 1, h * 1, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * 1)); // bottom part fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * .85)); fig.add(new go.PathSegment(go.PathSegment.Line, .046 * w, h * .85)); fig.add(new go.PathSegment(go.PathSegment.Line, .046 * w, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * .30)); fig.add(new go.PathSegment(go.PathSegment.Line, .046 * w, h * .30)); fig.add(new go.PathSegment(go.PathSegment.Line, .5 * w, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - .046) * w, h * .30)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h * .30)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - .046) * w, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, (1 - .046) * w, h * .85)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h * .85).close()); const fig2 = new go.PathFigure(.126 * w, .85 * h, false); // is filled in our not geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, .126 * w, .45 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .322 * w, .45 * h)); fig2.add(new go.PathSegment(go.PathSegment.Line, .322 * w, .85 * h).close()); const fig3 = new go.PathFigure(.402 * w, .85 * h, false); // is filled in our not geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, .402 * w, .45 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .598 * w, .45 * h)); fig3.add(new go.PathSegment(go.PathSegment.Line, .598 * w, .85 * h).close()); const fig4 = new go.PathFigure(.678 * w, .85 * h, false); // is filled in our not geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, .678 * w, .45 * h)); fig4.add(new go.PathSegment(go.PathSegment.Line, .874 * w, .45 * h)); fig4.add(new go.PathSegment(go.PathSegment.Line, .874 * w, .85 * h).close()); // the top inner triangle const fig5 = new go.PathFigure(.5 * w, .1 * h, false); // is filled in our not geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Line, (.046 + .15) * w, .30 * h)); fig5.add(new go.PathSegment(go.PathSegment.Line, (1 - (.046 + .15)) * w, .30 * h).close()); return geo; }); go.Shape.defineFigureGenerator('Staircase', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h * 1, true); geo.add(fig); // Bottom part fig.add(new go.PathSegment(go.PathSegment.Line, w * .20, h * 1)); // bottom left part fig.add(new go.PathSegment(go.PathSegment.Line, w * .20, h * .80)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .80)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .60)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .60)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .40)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .80, h * .40)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .80, h * .20)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .20)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .15)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .15)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .35)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .35)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .35, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .35, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .15, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .15, h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * .95).close()); return geo; }); go.Shape.defineFigureGenerator('5Bars', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, h * 1, true); // bottom left geo.add(fig); // Width of each bar is .184 // space in between each bar is .2 fig.add(new go.PathSegment(go.PathSegment.Line, w * .184, h * 1)); // bottom left part fig.add(new go.PathSegment(go.PathSegment.Line, w * .184, h * (1 - .184)).close()); const fig3 = new go.PathFigure(w * .204, h, true); // is filled in our not geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .204, h * (1 - .184))); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .388, h * (1 - (.184 * 2)))); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .388, h * 1).close()); const fig4 = new go.PathFigure(w * .408, h, true); // is filled in our not geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .408, h * (1 - (.184 * 2)))); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .592, h * (1 - (.184 * 3)))); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .592, h * 1).close()); const fig5 = new go.PathFigure(w * .612, h, true); // is filled in our not geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Line, w * .612, h * (1 - (.184 * 3)))); fig5.add(new go.PathSegment(go.PathSegment.Line, w * .796, h * (1 - (.184 * 4)))); fig5.add(new go.PathSegment(go.PathSegment.Line, w * .796, h * 1).close()); const fig6 = new go.PathFigure(w * .816, h, true); // is filled in our not geo.add(fig6); fig6.add(new go.PathSegment(go.PathSegment.Line, w * .816, h * (1 - (.184 * 4)))); fig6.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * (1 - (.184 * 5)))); fig6.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1).close()); return geo; }); // desktop go.Shape.defineFigureGenerator('PC', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, true); // top right geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .3, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .3, 0).close()); // Drive looking rectangle 1 const fig2 = new go.PathFigure(w * .055, .07 * h, true); // is filled in our not geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .07)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .1)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .055, h * .1).close()); // Drive looking rectangle 2 const fig3 = new go.PathFigure(w * .055, .13 * h, true); // is filled in our not geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .13)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .16)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .055, h * .16).close()); // Drive/cd rom looking rectangle 3 const fig4 = new go.PathFigure(w * .055, .18 * h, true); // is filled in our not geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .18)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .245, h * .21)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .055, h * .21).close()); const fig5 = new go.PathFigure(w * 1, 0, true); // is filled in our not geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Line, w * .4, 0)); fig5.add(new go.PathSegment(go.PathSegment.Line, w * .4, h * .65)); fig5.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .65).close()); return geo; }); go.Shape.defineFigureGenerator('Plane', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0.55 * w, h, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.7 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, .1 * w, 0.475 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.35 * w, 0.525 * h, 0, 0.4 * h, 0.225 * w, 0.45 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.475 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.15 * w, 0.35 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.325 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.325 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.85 * w, 0.1 * h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0.9 * w, 0.2 * h, 0.975 * w, 0, w, .08 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.7 * w, 0.45 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.6 * w, 0.95 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0.55 * w, h).close()); return geo; }); go.Shape.defineFigureGenerator('Key', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 1, h * .5, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .90, .40 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .50, .40 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .50, .35 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, .35 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, .20 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .15, .20 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .35 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, .65 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .15, .80 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, .80 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, .65 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .50, .65 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .50, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .60, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .65, .55 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .70, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, .55 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .80, .6 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .85, .575 * h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .9, 0.60 * h).close()); fig.add(new go.PathSegment(go.PathSegment.Move, 0.17 * w, 0.425 * h)); fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 360, 0.17 * w, 0.5 * h, 0.075 * w, 0.075 * h).close()); return geo; }); // movie like logo go.Shape.defineFigureGenerator('FilmTape', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(0, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Arc, 270, 180, w * 0, w * 0.3, w * 0.055)); // left semi-circle fig.add(new go.PathSegment(go.PathSegment.Line, 0, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .08, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .08, h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 1), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 1), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 2), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 2), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 3), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 3), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 4), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 4), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 5), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 5), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 6), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 6), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 7), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 7), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 8), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 8), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 9), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 9), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 10), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 10), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 11), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 11), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 12), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 12), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 13), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 13), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 14), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 14), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 15), h * .95)); fig.add(new go.PathSegment(go.PathSegment.Line, w * (.08 + .056 * 15), h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); const fig2 = new go.PathFigure(0, 0, false); // is filled in our not geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 0)); fig2.add(new go.PathSegment(go.PathSegment.Arc, 270, -180, w * 1, w * 0.3, w * 0.055)); // right semi circle fig2.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); // Each of the little square boxes on the tape const fig3 = new go.PathFigure(w * .11, h * .1, false); // is filled in our not geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 1) + (.028 * 0)), h * .1)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 1) + (.028 * 0)), h * .8)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .11, h * .8).close()); const fig4 = new go.PathFigure(w * (.11 + (.24133333 * 1) + (.028 * 1)), h * .1, false); // is filled in our not geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 2) + (.028 * 1)), h * .1)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 2) + (.028 * 1)), h * .8)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 1) + (.028 * 1)), h * .8).close()); const fig5 = new go.PathFigure(w * (.11 + (.24133333 * 2) + (.028 * 2)), h * .1, false); // is filled in our not geo.add(fig5); fig5.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 3) + (.028 * 2)), h * .1)); fig5.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 3) + (.028 * 2)), h * .8)); fig5.add(new go.PathSegment(go.PathSegment.Line, w * (.11 + (.24133333 * 2) + (.028 * 2)), h * .8).close()); return geo; }); go.Shape.defineFigureGenerator('FloppyDisk', (shape, w, h) => { const geo = new go.Geometry(); const roundValue = 8; const cpOffset = roundValue * KAPPA; const fig = new go.PathFigure(roundValue, 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .86, 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .14)); fig.add(new go.PathSegment(go.PathSegment.Line, w, h - roundValue)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w - roundValue, h, w, h - cpOffset, w - cpOffset, h)); fig.add(new go.PathSegment(go.PathSegment.Line, roundValue, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h - roundValue, cpOffset, h, 0, h - cpOffset)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, roundValue)); fig.add(new go.PathSegment(go.PathSegment.Bezier, roundValue, 0, 0, cpOffset, cpOffset, 0).close()); // interior slightly rectangle const fig2 = new go.PathFigure(w * .83, 0, false); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .83, h * .3)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .17, h * .3)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .17, h * 0).close()); const fig3 = new go.PathFigure(w * .83, h * 1, false); geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .83, h * .5)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .17, h * .5)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .17, h * 1).close()); const fig4 = new go.PathFigure(w * .78, h * .05, false); geo.add(fig4); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * .05)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * .25)); fig4.add(new go.PathSegment(go.PathSegment.Line, w * .78, h * .25).close()); return geo; }); go.Shape.defineFigureGenerator('SpeechBubble', (shape, w, h) => { let param1 = shape ? shape.parameter1 : NaN; if (isNaN(param1) || param1 < 0) param1 = 15; // default corner param1 = Math.min(param1, w / 3); param1 = Math.min(param1, h / 3); const cpOffset = param1 * KAPPA; const bubbleH = h * .8; // leave some room at bottom for pointer const geo = new go.Geometry(); const fig = new go.PathFigure(param1, 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w - param1, 0)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w, param1, w - cpOffset, 0, w, cpOffset)); fig.add(new go.PathSegment(go.PathSegment.Line, w, bubbleH - param1)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w - param1, bubbleH, w, bubbleH - cpOffset, w - cpOffset, bubbleH)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .70, bubbleH)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .70, h)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, bubbleH)); fig.add(new go.PathSegment(go.PathSegment.Line, param1, bubbleH)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, bubbleH - param1, cpOffset, bubbleH, 0, bubbleH - cpOffset)); fig.add(new go.PathSegment(go.PathSegment.Line, 0, param1)); fig.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, .8, -cpOffset, -cpOffset); } else { geo.spot1 = go.Spot.TopLeft; geo.spot2 = new go.Spot(1, .8); } return geo; }); go.Shape.defineFigureGenerator('Repeat', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 0, h * .45, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .25, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .50, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, h * .90)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .90)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .65, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .20, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .20, h * .45).close()); const fig2 = new go.PathFigure(w * 1, h * .55, true); // is filled in our not geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * 1)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .50, h * .55)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .70, h * .55)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .70, h * .10)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .10)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .35, h * 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .80, h * 0)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .80, h * .55).close()); return geo; }); go.Shape.defineFigureGenerator('Windows', (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)) .add(new go.PathSegment(go.PathSegment.Line, 0, h).close()) .add(new go.PathSegment(go.PathSegment.Move, 0.4 * w, 0.4 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.4 * w, 0.8 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.8 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.9 * w, 0.4 * h).close()) .add(new go.PathSegment(go.PathSegment.Move, 0.2 * w, 0.1 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.2 * w, 0.6 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.7 * w, 0.6 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.7 * w, 0.1 * h).close()) .add(new go.PathSegment(go.PathSegment.Move, 0.1 * w, 0.6 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.1 * w, 0.9 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.9 * h)) .add(new go.PathSegment(go.PathSegment.Line, 0.5 * w, 0.6 * h).close())); }); go.Shape.defineFigureGenerator('Terminal', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 0, h * .10, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .10)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .90)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 0, h * .90).close()); const fig2 = new go.PathFigure(w * .10, h * .20, true); // is filled in our not geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .10, h * .25)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .22, h * .285)); // midpoint fig2.add(new go.PathSegment(go.PathSegment.Line, w * .10, h * .32)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .10, h * .37)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .275, h * .32)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .275, h * .25).close()); const fig3 = new go.PathFigure(w * .28, h * .37, true); // is filled in our not geo.add(fig3); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .37)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .41)); fig3.add(new go.PathSegment(go.PathSegment.Line, w * .28, h * .41).close()); return geo; }); go.Shape.defineFigureGenerator('Beaker', (shape, w, h) => { const geo = new go.Geometry(); const param1 = 15; const cpOffset = param1 * KAPPA; const fig = new go.PathFigure(w * .62, h * .475, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w, h - param1)); fig.add(new go.PathSegment(go.PathSegment.Bezier, w - param1, h, w, h - cpOffset, w - cpOffset, h)); fig.add(new go.PathSegment(go.PathSegment.Line, param1, h)); fig.add(new go.PathSegment(go.PathSegment.Bezier, 0, h - param1, cpOffset, h, 0, h - cpOffset)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .38, h * .475)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .38, h * .03)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .36, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .64, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .62, h * .03).close()); if (cpOffset > 1) { geo.spot1 = new go.Spot(0, 0, cpOffset, cpOffset); geo.spot2 = new go.Spot(1, 1, -cpOffset, -cpOffset); } else { geo.spot1 = go.Spot.TopLeft; geo.spot2 = go.Spot.BottomRight; } return geo; }); go.Shape.defineFigureGenerator('Download', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 0, h * 1, true); geo.add(fig); const third = .1 / .3; // just to keep values consistent // outer frame // starts bottom left fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .8, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .755, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .93, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .64, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .61, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .5, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .39, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .36, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .07, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .755), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .8), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * 0, h * (1 - third)).close()); // arrow pointing down const fig2 = new go.PathFigure(w * .40, h * 0, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .44)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .26, h * .44)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .5, h * .66)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .26), h * .44)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .44)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * 0).close()); return geo; }); go.Shape.defineFigureGenerator('Bin', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 0, h * 1, true); geo.add(fig); const third = .1 / .3; // just to keep values consistent // outer frame // starts bottom left fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .8, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .755, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .93, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .64, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .61, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .5, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .39, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .36, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .07, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .755), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .8), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * 0, h * (1 - third)).close()); return geo; }); go.Shape.defineFigureGenerator('Upload', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * 0, h * 1, true); geo.add(fig); const third = .1 / .3; // just to keep values consistent // outer frame // starts bottom left fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .8, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .66, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .755, h * .055)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .93, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .64, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .61, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .5, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .39, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .36, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * .07, h * (1 - third))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .755), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (.055))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .66), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * (1 - .8), h * (0))); fig.add(new go.PathSegment(go.PathSegment.Line, w * 0, h * (1 - third)).close()); const fig2 = new go.PathFigure(w * .5, h * 0, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .26, h * .25)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .25)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .40, h * .63)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .63)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .60, h * .25)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .74, h * .25).close()); return geo; }); go.Shape.defineFigureGenerator('EmptyDrink', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * .15, h * 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .85, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .70, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, h * 1).close()); return geo; }); go.Shape.defineFigureGenerator('Drink', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * .15, h * 0, false); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .85, h * 0)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .70, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .30, h * 1).close()); const fig2 = new go.PathFigure(w * .235, h * .28, true); geo.add(fig2); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .765, h * .28)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .655, h * .97)); fig2.add(new go.PathSegment(go.PathSegment.Line, w * .345, h * .97).close()); return geo; }); go.Shape.defineFigureGenerator('4Arrows', (shape, w, h) => { const geo = new go.Geometry(); const fig = new go.PathFigure(w * .5, h * 0, true); geo.add(fig); fig.add(new go.PathSegment(go.PathSegment.Line, w * .65, h * .25)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .25)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .35)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 1, h * .5)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .65)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .75, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .55, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .65, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .5, h * 1)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .35, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .75)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .25, h * .55)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .25, h * .65)); fig.add(new go.PathSegment(go.PathSegment.Line, w * 0, h * .5)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .25, h * .35)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .25, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .45)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .45, h * .25)); fig.add(new go.PathSegment(go.PathSegment.Line, w * .35, h * .25).close()); return geo; }); go.Shape.defineFigureGenerator('Connector', 'Ellipse'); go.Shape.defineFigureGenerator('Alternative', 'TriangleUp'); go.Shape.defineFigureGenerator('Merge', 'TriangleUp'); go.Shape.defineFigureGenerator('Decision', 'Diamond'); go.Shape.defineFigureGenerator('DataTransmissions', 'Hexagon'); go.Shape.defineFigureGenerator('Gate', 'Crescent'); go.Shape.defineFigureGenerator('Delay', 'HalfEllipse'); go.Shape.defineFigureGenerator('Input', 'Parallelogram1'); go.Shape.defineFigureGenerator('ManualLoop', 'ManualOperation'); go.Shape.defineFigureGenerator('ISOProcess', 'Chevron'); go.Shape.defineFigureGenerator('MessageToUser', 'SquareArrow'); go.Shape.defineFigureGenerator('MagneticData', 'Cylinder1'); go.Shape.defineFigureGenerator('DirectData', 'Cylinder4'); go.Shape.defineFigureGenerator('StoredData', 'DataStorage'); go.Shape.defineFigureGenerator('SequentialData', 'MagneticTape'); go.Shape.defineFigureGenerator('Subroutine', 'Procedure');