plotboilerplate 1.16.0 → 1.17.0

package/src/cjs/interfaces/DrawLib.d.ts

@@ -15,7 +15,10 @@
  * @modified 2021-11-12 Added `text()` params fontSize, fontFamily, rotation, textAlign.
  * @modified 2021-11-16 Added `text()` params fontWeight and fontStyle.
  * @modified 2021-11-19 Added the `color` param to the `label(...)` function.
+ * @modified 2022-02-03 Added the `lineWidth` param to the `crosshair` function.
+ * @modified 2022-02-03 Added the `cross(...)` function.
  **/
+import { Bounds } from "../Bounds";
 import { Polygon } from "../Polygon";
 import { Vertex } from "../Vertex";
 import { SVGPathParams, UID, XYCoords } from "./core";
@@ -104,7 +107,7 @@ export interface DrawLib<R> {
      * @param {number=1} lineWidth? - [optional] The line's width.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      **/
     line: (zA: Vertex, zB: Vertex, color: string, lineWidth?: number) => R;
     /**
@@ -117,7 +120,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      **/
     arrow: (zA: Vertex, zB: Vertex, color: string, lineWidth?: number) => R;
     /**
@@ -131,9 +134,25 @@ export interface DrawLib<R> {
      * @param {Vertex} size - The x/y-size to draw the image with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      **/
     image: (image: HTMLImageElement, position: Vertex, size: Vertex) => R;
+    /**
+     * Draw an image at the given position with the given size.<br>
+     * <br>
+     * Note: SVG images may have resizing issues at the moment.Draw a line and an arrow at the end (zB) of the given line with the specified (CSS-) color.
+     *
+     * @method texturedPoly
+     * @param {Image} textureImage - The image object to draw.
+     * @param {Bounds} textureSize - The texture size to use; these are the original bounds to map the polygon vertices to.
+     * @param {Polygon} polygon - The polygon to use as clip path.
+     * @param {Vertex} polygonPosition - The polygon's position (relative), measured at the bounding box's center.
+     * @param {number} rotation - The rotation to use for the polygon (and for the texture).
+     * @return {void}
+     * @instance
+     * @memberof DrawLib
+     **/
+    texturedPoly: (textureImage: HTMLImageElement, textureSize: Bounds, polygon: Polygon, polygonPosition: Vertex, rotation: number) => R;
     /**
      * Draw the given (cubic) bézier curve.
      *
@@ -146,7 +165,7 @@ export interface DrawLib<R> {
      * @param {number} lineWidth - (optional) The line width to use.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     cubicBezier: (startPoint: Vertex, endPoint: Vertex, startControlPoint: Vertex, endControlPoint: Vertex, color: string, lineWidth?: number) => R;
     /**
@@ -162,7 +181,7 @@ export interface DrawLib<R> {
      * @param {number=1} lineWidth - (optional) The line width to use.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     cubicBezierPath: (path: Array<Vertex>, color: string, lineWidth?: number) => R;
     /**
@@ -175,7 +194,7 @@ export interface DrawLib<R> {
      * @param {Vertex} endPoint - The end point of the handle.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     handle: (startPoint: Vertex, endPoint: Vertex) => R;
     /**
@@ -186,7 +205,7 @@ export interface DrawLib<R> {
      * @param {Vertex} endPoint - The end point to draw the handle at.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     handleLine: (startPoint: Vertex, endPoint: Vertex) => R;
     /**
@@ -197,7 +216,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the dot with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     dot: (p: Vertex, color: string) => R;
     /**
@@ -208,7 +227,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the point with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     point: (p: Vertex, color: string) => R;
     /**
@@ -223,7 +242,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     circle: (center: Vertex, radius: number, color: string, lineWidth?: number) => R;
     /**
@@ -238,7 +257,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     circleArc: (center: Vertex, radius: number, startAngle: number, endAngle: number, color: string, lineWidth?: number) => R;
     /**
@@ -253,7 +272,7 @@ export interface DrawLib<R> {
      * @param {number=} rotation - (optional, default=0) The rotation of the ellipse.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     ellipse: (center: Vertex, radiusX: number, radiusY: number, color: string, lineWidth?: number, rotation?: number) => R;
     /**
@@ -268,7 +287,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     square: (center: XYCoords, size: number, color: string, lineWidth?: number) => R;
     /**
@@ -282,7 +301,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     rect: (upperLeft: XYCoords, width: number, height: number, color: string, lineWidth?: number) => R;
     /**
@@ -297,7 +316,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the grid with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     grid: (center: Vertex, width: number, height: number, sizeX: number, sizeY: number, color: string) => R;
     /**
@@ -314,7 +333,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the raster with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     raster: (center: Vertex, width: number, height: number, sizeX: number, sizeY: number, color: string) => R;
     /**
@@ -330,7 +349,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the diamond with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     diamondHandle: (center: Vertex, size: number, color: string) => R;
     /**
@@ -346,7 +365,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the square with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     squareHandle: (center: Vertex, size: number, color: string) => R;
     /**
@@ -362,7 +381,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the circle with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     circleHandle: (center: Vertex, size: number, color: string) => R;
     /**
@@ -374,11 +393,27 @@ export interface DrawLib<R> {
      * @param {XYCoords} center - The center of the crosshair.
      * @param {number} radius - The radius of the crosshair.
      * @param {string} color - The CSS color to draw the crosshair with.
+     * @param {number=0.5} lineWidth - (optional, default=0.5) The line width to use.
+     * @return {void}
+     * @instance
+     * @memberof DrawLib
+     */
+    crosshair: (center: XYCoords, radius: number, color: string, lineWidth?: number) => R;
+    /**
+     * Draw a cross with diagonal axes with given radius, color and lineWidth at the given position.<br>
+     * <br>
+     * Note that the x's radius will not be affected by scaling.
+     *
+     * @method crosshair
+     * @param {XYCoords} center - The center of the crosshair.
+     * @param {number} radius - The radius of the crosshair.
+     * @param {string} color - The CSS color to draw the crosshair with.
+     * @param {number=1} lineWidth - (optional, default=1.0) The line width to use.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
-    crosshair: (center: XYCoords, radius: number, color: string) => R;
+    cross: (center: XYCoords, radius: number, color: string, lineWidth?: number) => R;
     /**
      * Draw a polygon.
      *
@@ -387,7 +422,7 @@ export interface DrawLib<R> {
      * @param {string} color - The CSS color to draw the polygon with.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     polygon: (polygon: Polygon, color: string, lineWidth?: number) => R;
     /**
@@ -400,7 +435,7 @@ export interface DrawLib<R> {
      * @param {number=} lineWidth - (optional) The line width to use; default is 1.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     polyline: (vertices: Array<Vertex>, isOpen: boolean, color: string, lineWidth?: number) => R;
     /**
@@ -420,7 +455,7 @@ export interface DrawLib<R> {
      * @param {string=} options.textAlign - The text align to use. According to the specifiactions (https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign) valid values are `"left" || "right" || "center" || "start" || "end"`.
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     text: (text: string, x: number, y: number, options?: FontOptions) => R;
     /**
@@ -434,7 +469,7 @@ export interface DrawLib<R> {
      * @param {string="black"} color - The color to use (default is black).
      * @return {void}
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      */
     label: (text: string, x: number, y: number, rotation?: number, color?: string) => R;
     /**
@@ -446,7 +481,7 @@ export interface DrawLib<R> {
      * @param {number=1} lineWidth - (optional) the line width to use (default is 1).
      * @param {boolean=false} options.inplace - (optional) If set to true then path transforamtions (scale and translate) will be done in-place in the array. This can boost the performance.
      * @instance
-     * @memberof drawutils
+     * @memberof DrawLib
      * @return {R} An instance representing the drawn path.
      */
     path: (pathData: SVGPathParams, color?: string, lineWidth?: number, options?: {

package/src/cjs/interfaces/DrawLib.js

@@ -16,6 +16,8 @@
  * @modified 2021-11-12 Added `text()` params fontSize, fontFamily, rotation, textAlign.
  * @modified 2021-11-16 Added `text()` params fontWeight and fontStyle.
  * @modified 2021-11-19 Added the `color` param to the `label(...)` function.
+ * @modified 2022-02-03 Added the `lineWidth` param to the `crosshair` function.
+ * @modified 2022-02-03 Added the `cross(...)` function.
  **/
 Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=DrawLib.js.map

package/src/cjs/interfaces/DrawLib.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawLib.js","sourceRoot":"","sources":["../../ts/interfaces/DrawLib.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;IAiBI"}
+{"version":3,"file":"DrawLib.js","sourceRoot":"","sources":["../../ts/interfaces/DrawLib.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;IAmBI"}

package/src/cjs/interfaces/core.d.ts

@@ -169,18 +169,6 @@ export interface SVGSerializable {
      * Required to generate proper CSS classes and other class related IDs.
      **/
     readonly className: string;
-    /**
-     * Convert this vertex to SVG code.
-     *
-     * @method toSVGString
-     * @param {object=} options - An optional set of options, like 'className'.
-     * @return {string} A string representing the SVG code for this vertex.
-     * @instance
-     * @memberof Vertex
-     **/
-    toSVGString: (options: {
-        className?: string;
-    }) => string;
 }
 /**
  * A type for SVG <path d="..." /> params.

package/src/cjs/module.d.ts

@@ -4,7 +4,6 @@ import { Circle } from "./Circle";
 import { CircleSector } from "./CircleSector";
 import { CubicBezierCurve } from "./CubicBezierCurve";
 import { drawutils } from "./draw";
-import { drawutilsgl } from "./drawgl";
 import { geomutils } from "./geomutils";
 import { Grid } from "./Grid";
 import { KeyHandler } from "./KeyHandler";
@@ -13,7 +12,6 @@ import { MouseHandler } from "./MouseHandler";
 import { PBImage } from "./PBImage";
 import { PlotBoilerplate } from "./PlotBoilerplate";
 import { Polygon } from "./Polygon";
-import { SVGBuilder } from "./SVGBuilder";
 import { Triangle } from "./Triangle";
 import { UIDGenerator } from "./UIDGenerator";
 import { Vector } from "./Vector";
@@ -24,5 +22,5 @@ import { VertexAttr } from "./VertexAttr";
 import { VertexListeners } from "./VertexListeners";
 import { VertTuple } from "./VertTuple";
 import { drawutilssvg } from "./drawutilssvg";
-export { BezierPath, Bounds, Circle, CircleSector, CubicBezierCurve, drawutils, drawutilsgl, geomutils, Grid, KeyHandler, Line, MouseHandler, PBImage, PlotBoilerplate, Polygon, SVGBuilder, Triangle, UIDGenerator, Vector, VEllipse, VEllipseSector, Vertex, VertexAttr, VertexListeners, VertTuple, drawutilssvg };
+export { BezierPath, Bounds, Circle, CircleSector, CubicBezierCurve, drawutils, geomutils, Grid, KeyHandler, Line, MouseHandler, PBImage, PlotBoilerplate, Polygon, Triangle, UIDGenerator, Vector, VEllipse, VEllipseSector, Vertex, VertexAttr, VertexListeners, VertTuple, drawutilssvg };
 export default PlotBoilerplate;

package/src/cjs/module.js

@@ -6,7 +6,7 @@
 //
 // @date 2021-02
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawutilssvg = exports.VertTuple = exports.VertexListeners = exports.VertexAttr = exports.Vertex = exports.VEllipseSector = exports.VEllipse = exports.Vector = exports.UIDGenerator = exports.Triangle = exports.SVGBuilder = exports.Polygon = exports.PlotBoilerplate = exports.PBImage = exports.MouseHandler = exports.Line = exports.KeyHandler = exports.Grid = exports.geomutils = exports.drawutilsgl = exports.drawutils = exports.CubicBezierCurve = exports.CircleSector = exports.Circle = exports.Bounds = exports.BezierPath = void 0;
+exports.drawutilssvg = exports.VertTuple = exports.VertexListeners = exports.VertexAttr = exports.Vertex = exports.VEllipseSector = exports.VEllipse = exports.Vector = exports.UIDGenerator = exports.Triangle = exports.Polygon = exports.PlotBoilerplate = exports.PBImage = exports.MouseHandler = exports.Line = exports.KeyHandler = exports.Grid = exports.geomutils = exports.drawutils = exports.CubicBezierCurve = exports.CircleSector = exports.Circle = exports.Bounds = exports.BezierPath = void 0;
 var BezierPath_1 = require("./BezierPath");
 Object.defineProperty(exports, "BezierPath", { enumerable: true, get: function () { return BezierPath_1.BezierPath; } });
 var Bounds_1 = require("./Bounds");
@@ -19,8 +19,7 @@ var CubicBezierCurve_1 = require("./CubicBezierCurve");
 Object.defineProperty(exports, "CubicBezierCurve", { enumerable: true, get: function () { return CubicBezierCurve_1.CubicBezierCurve; } });
 var draw_1 = require("./draw");
 Object.defineProperty(exports, "drawutils", { enumerable: true, get: function () { return draw_1.drawutils; } });
-var drawgl_1 = require("./drawgl");
-Object.defineProperty(exports, "drawutilsgl", { enumerable: true, get: function () { return drawgl_1.drawutilsgl; } });
+// import { drawutilsgl } from "./drawgl";
 var geomutils_1 = require("./geomutils");
 Object.defineProperty(exports, "geomutils", { enumerable: true, get: function () { return geomutils_1.geomutils; } });
 var Grid_1 = require("./Grid");
@@ -37,8 +36,6 @@ var PlotBoilerplate_1 = require("./PlotBoilerplate");
 Object.defineProperty(exports, "PlotBoilerplate", { enumerable: true, get: function () { return PlotBoilerplate_1.PlotBoilerplate; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return Polygon_1.Polygon; } });
-var SVGBuilder_1 = require("./SVGBuilder");
-Object.defineProperty(exports, "SVGBuilder", { enumerable: true, get: function () { return SVGBuilder_1.SVGBuilder; } });
 var Triangle_1 = require("./Triangle");
 Object.defineProperty(exports, "Triangle", { enumerable: true, get: function () { return Triangle_1.Triangle; } });
 var UIDGenerator_1 = require("./UIDGenerator");

package/src/cjs/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../ts/module.ts"],"names":[],"mappings":";AAAA,mBAAmB;AACnB,uEAAuE;AACvE,MAAM;AACN,+EAA+E;AAC/E,EAAE;AACF,gBAAgB;;;AAEhB,2CAA0C;AA4BxC,2FA5BO,uBAAU,OA4BP;AA3BZ,mCAAkC;AA4BhC,uFA5BO,eAAM,OA4BP;AA3BR,mCAAkC;AA4BhC,uFA5BO,eAAM,OA4BP;AA3BR,+CAA8C;AA4B5C,6FA5BO,2BAAY,OA4BP;AA3Bd,uDAAsD;AA4BpD,iGA5BO,mCAAgB,OA4BP;AA3BlB,+BAAmC;AA4BjC,0FA5BO,gBAAS,OA4BP;AA3BX,mCAAuC;AA4BrC,4FA5BO,oBAAW,OA4BP;AA3Bb,yCAAwC;AA4BtC,0FA5BO,qBAAS,OA4BP;AA3BX,+BAA8B;AA4B5B,qFA5BO,WAAI,OA4BP;AA3BN,2CAA0C;AA6BxC,2FA7BO,uBAAU,OA6BP;AA5BZ,+BAA8B;AA6B5B,qFA7BO,WAAI,OA6BP;AA5BN,+CAA8C;AA6B5C,6FA7BO,2BAAY,OA6BP;AA5Bd,qCAAoC;AA6BlC,wFA7BO,iBAAO,OA6BP;AA5BT,qDAAoD;AA6BlD,gGA7BO,iCAAe,OA6BP;AA5BjB,qCAAoC;AA6BlC,wFA7BO,iBAAO,OA6BP;AA5BT,2CAA0C;AA6BxC,2FA7BO,uBAAU,OA6BP;AA5BZ,uCAAsC;AA6BpC,yFA7BO,mBAAQ,OA6BP;AA5BV,+CAA8C;AA6B5C,6FA7BO,2BAAY,OA6BP;AA5Bd,mCAAkC;AA6BhC,uFA7BO,eAAM,OA6BP;AA5BR,uCAAsC;AA6BpC,yFA7BO,mBAAQ,OA6BP;AA5BV,mDAAkD;AA6BhD,+FA7BO,+BAAc,OA6BP;AA5BhB,mCAAkC;AA6BhC,uFA7BO,eAAM,OA6BP;AA5BR,2CAA0C;AA6BxC,2FA7BO,uBAAU,OA6BP;AA5BZ,qDAAoD;AA6BlD,gGA7BO,iCAAe,OA6BP;AA5BjB,yCAAwC;AA6BtC,0FA7BO,qBAAS,OA6BP;AA5BX,+CAA8C;AA6B5C,6FA7BO,2BAAY,OA6BP;AAEd,kBAAe,iCAAe,CAAC"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../ts/module.ts"],"names":[],"mappings":";AAAA,mBAAmB;AACnB,uEAAuE;AACvE,MAAM;AACN,+EAA+E;AAC/E,EAAE;AACF,gBAAgB;;;AAEhB,2CAA0C;AA2BxC,2FA3BO,uBAAU,OA2BP;AA1BZ,mCAAkC;AA2BhC,uFA3BO,eAAM,OA2BP;AA1BR,mCAAkC;AA2BhC,uFA3BO,eAAM,OA2BP;AA1BR,+CAA8C;AA2B5C,6FA3BO,2BAAY,OA2BP;AA1Bd,uDAAsD;AA2BpD,iGA3BO,mCAAgB,OA2BP;AA1BlB,+BAAmC;AA2BjC,0FA3BO,gBAAS,OA2BP;AA1BX,0CAA0C;AAC1C,yCAAwC;AA2BtC,0FA3BO,qBAAS,OA2BP;AA1BX,+BAA8B;AA2B5B,qFA3BO,WAAI,OA2BP;AA1BN,2CAA0C;AA4BxC,2FA5BO,uBAAU,OA4BP;AA3BZ,+BAA8B;AA4B5B,qFA5BO,WAAI,OA4BP;AA3BN,+CAA8C;AA4B5C,6FA5BO,2BAAY,OA4BP;AA3Bd,qCAAoC;AA4BlC,wFA5BO,iBAAO,OA4BP;AA3BT,qDAAoD;AA4BlD,gGA5BO,iCAAe,OA4BP;AA3BjB,qCAAoC;AA4BlC,wFA5BO,iBAAO,OA4BP;AA3BT,uCAAsC;AA4BpC,yFA5BO,mBAAQ,OA4BP;AA3BV,+CAA8C;AA4B5C,6FA5BO,2BAAY,OA4BP;AA3Bd,mCAAkC;AA4BhC,uFA5BO,eAAM,OA4BP;AA3BR,uCAAsC;AA4BpC,yFA5BO,mBAAQ,OA4BP;AA3BV,mDAAkD;AA4BhD,+FA5BO,+BAAc,OA4BP;AA3BhB,mCAAkC;AA4BhC,uFA5BO,eAAM,OA4BP;AA3BR,2CAA0C;AA4BxC,2FA5BO,uBAAU,OA4BP;AA3BZ,qDAAoD;AA4BlD,gGA5BO,iCAAe,OA4BP;AA3BjB,yCAAwC;AA4BtC,0FA5BO,qBAAS,OA4BP;AA3BX,+CAA8C;AA4B5C,6FA5BO,2BAAY,OA4BP;AAEd,kBAAe,iCAAe,CAAC"}

package/src/cjs/utils/creategui.js

@@ -11,6 +11,16 @@
  **/
 var utils = (globalThis.utils = globalThis.utils || {});
 
+/**
+ * Need to access the dat.gui folders of plotboilerplate? You will find them here.
+ *
+ * Following keys are currently available:
+ *  - editor_settings
+ *  - editor_settings.export  (if enableSVGExport=true)
+ *  - draw_settings
+ */
+globalThis.utils.guiFolders = globalThis.utils.guiFolders || {};
+
 /**
  * Creates a control GUI (a dat.gui instance) for this
  * plot boilerplate instance.
@@ -255,9 +265,13 @@ globalThis.utils.createGUI = function (pb, props) {
   fold0.add(dummy, "resetScale").title("Reset the draw scale to (1.,1.).");
 
   if (pb.config.enableSVGExport) {
-    var fold1 = gui.addFolder("Export");
-    fold1.add(pb.config, "saveFile").name("SVG Image").title("Save as SVG.");
+    var foldExport = gui.addFolder("Export");
+    foldExport.add(pb.config, "saveFile").name("SVG Image").title("Save as SVG.");
+    globalThis.utils.guiFolders["editor_settings.export"] = foldExport;
   }
 
+  globalThis.utils.guiFolders["editor_settings"] = fold0;
+  globalThis.utils.guiFolders["draw_settings"] = fold01;
+
   return gui;
 }; // END creategui

package/src/cjs/utils/datastructures/Girih.d.ts

@@ -86,6 +86,11 @@ export declare class Girih {
      * @return {void}
      */
     removeTileAt(index: number): void;
+    /**
+     *
+     * @param tiles
+     */
+    replaceTiles(tiles: GirihTile): void;
     /**
      * Find that tile (index) which contains the given position. First match will be returned.
      *

package/src/cjs/utils/datastructures/Girih.js

@@ -44,7 +44,6 @@ var Girih = /** @class */ (function () {
         this.tiles = [];
         this.initTemplates(edgeLength);
     }
-    ;
     /**
      * Initialize the TILE_TEMPLATES array.
      *
@@ -72,7 +71,6 @@ var Girih = /** @class */ (function () {
         this.TILE_TEMPLATES.push(decagon.transformTilePositionToAdjacency(5, bowtie));
         this.TILE_TEMPLATES.push(pentagon.transformTilePositionToAdjacency(4, rhombus));
     };
-    ;
     /**
      * Add a new tile to this Girih pattern.
      *
@@ -85,7 +83,6 @@ var Girih = /** @class */ (function () {
     Girih.prototype.addTile = function (tile) {
         this.tiles.push(tile);
     };
-    ;
     /**
      * Remove the tile at given array position. The index must be inside valid bounds.
      *
@@ -98,7 +95,16 @@ var Girih = /** @class */ (function () {
     Girih.prototype.removeTileAt = function (index) {
         this.tiles.splice(index, 1);
     };
-    ;
+    /**
+     *
+     * @param tiles
+     */
+    Girih.prototype.replaceTiles = function (tiles) {
+        this.tiles.splice(0, this.tiles.length);
+        for (var i in tiles) {
+            this.addTile(tiles[i]);
+        }
+    };
     /**
      * Find that tile (index) which contains the given position. First match will be returned.
      *
@@ -115,7 +121,6 @@ var Girih = /** @class */ (function () {
         }
         return -1;
     };
-    ;
     /**
      * Turn the tile the mouse is hovering over.
      * The turnCount is ab abstract number: -1 for one turn left, +1 for one turn right.
@@ -130,12 +135,12 @@ var Girih = /** @class */ (function () {
      * @return {void}
      */
     Girih.prototype.turnTile = function (tileIndex, turnCount) {
-        if (tileIndex == -1) // TODO: still required?
+        if (tileIndex == -1)
+            // TODO: still required?
             return;
         var tile = this.tiles[tileIndex];
-        tile.rotate(turnCount * Math.PI * 2 / tile.symmetry);
+        tile.rotate((turnCount * Math.PI * 2) / tile.symmetry);
     };
-    ;
     /**
      * Move that tile the mouse is hovering over.
      * The move amounts are abstract numbers, 1 indicating one unit along each axis.
@@ -149,12 +154,12 @@ var Girih = /** @class */ (function () {
      * @return {void}
      */
     Girih.prototype.moveTile = function (tileIndex, moveXAmount, moveYAmount) {
-        if (tileIndex == -1) // TODO: still required?
+        if (tileIndex == -1)
+            // TODO: still required?
             return;
         var tile = this.tiles[tileIndex];
         tile.move({ x: moveXAmount * 10, y: moveYAmount * 10 });
     };
-    ;
     /**
      * Find all possible adjadent tiles and their locations (type, rotation and offset). The
      * function will return an array of all possible tiles matching at the given tile and edge.
@@ -168,7 +173,8 @@ var Girih = /** @class */ (function () {
      */
     Girih.prototype.findPossibleAdjacentTiles = function (tileIndex, edgeIndex) {
         var adjTiles = [];
-        if (tileIndex == -1 || edgeIndex == -1) // TODO: still required?
+        if (tileIndex == -1 || edgeIndex == -1)
+            // TODO: still required?
             return [];
         var template = null;
         for (var i in this.TILE_TEMPLATES) {
@@ -183,9 +189,7 @@ var Girih = /** @class */ (function () {
         // previewTilePointer = Math.min( adjTiles.length-1, previewTiilePointer );
         return adjTiles;
     };
-    ;
     return Girih;
-}());
+}()); // END class Girih
 exports.Girih = Girih;
-; // END class Girih
 //# sourceMappingURL=Girih.js.map

package/src/cjs/utils/datastructures/Girih.js.map

@@ -1 +1 @@
-{"version":3,"file":"Girih.js","sourceRoot":"","sources":["../../../ts/utils/datastructures/Girih.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Girih.js","sourceRoot":"","sources":["../../../ts/utils/datastructures/Girih.ts"],"names":[],"mappings":"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"}