plotboilerplate 1.14.0 → 1.17.0

package/src/esm/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/esm/interfaces/DrawLib.js

@@ -15,6 +15,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.
  **/
 export {};
 //# sourceMappingURL=DrawLib.js.map

package/src/esm/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/esm/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/esm/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/esm/module.js

@@ -10,7 +10,7 @@ import { Circle } from "./Circle";
 import { CircleSector } from "./CircleSector";
 import { CubicBezierCurve } from "./CubicBezierCurve";
 import { drawutils } from "./draw";
-import { drawutilsgl } from "./drawgl";
+// import { drawutilsgl } from "./drawgl";
 import { geomutils } from "./geomutils";
 import { Grid } from "./Grid";
 import { KeyHandler } from "./KeyHandler";
@@ -19,7 +19,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";
@@ -30,8 +29,10 @@ 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, 
+export { BezierPath, Bounds, Circle, CircleSector, CubicBezierCurve, drawutils, 
+// drawutilsgl,
+geomutils, Grid, 
 // ...interf,
-KeyHandler, Line, MouseHandler, PBImage, PlotBoilerplate, Polygon, SVGBuilder, Triangle, UIDGenerator, Vector, VEllipse, VEllipseSector, Vertex, VertexAttr, VertexListeners, VertTuple, drawutilssvg };
+KeyHandler, Line, MouseHandler, PBImage, PlotBoilerplate, Polygon, Triangle, UIDGenerator, Vector, VEllipse, VEllipseSector, Vertex, VertexAttr, VertexListeners, VertTuple, drawutilssvg };
 export default PlotBoilerplate;
 //# sourceMappingURL=module.js.map

package/src/esm/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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EACL,UAAU,EACV,MAAM,EACN,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,SAAS,EACT,IAAI;AACJ,aAAa;AACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,eAAe,EACf,OAAO,EACP,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,cAAc,EACd,MAAM,EACN,UAAU,EACV,eAAe,EACf,SAAS,EACT,YAAY,EACb,CAAC;AACF,eAAe,eAAe,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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,0CAA0C;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EACL,UAAU,EACV,MAAM,EACN,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS;AACT,eAAe;AACf,SAAS,EACT,IAAI;AACJ,aAAa;AACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,cAAc,EACd,MAAM,EACN,UAAU,EACV,eAAe,EACf,SAAS,EACT,YAAY,EACb,CAAC;AACF,eAAe,eAAe,CAAC"}

package/src/esm/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/esm/utils/datastructures/Girih.js

@@ -41,7 +41,6 @@ export class Girih {
         this.tiles = [];
         this.initTemplates(edgeLength);
     }
-    ;
     /**
      * Initialize the TILE_TEMPLATES array.
      *
@@ -69,7 +68,6 @@ export class Girih {
         this.TILE_TEMPLATES.push(decagon.transformTilePositionToAdjacency(5, bowtie));
         this.TILE_TEMPLATES.push(pentagon.transformTilePositionToAdjacency(4, rhombus));
     }
-    ;
     /**
      * Add a new tile to this Girih pattern.
      *
@@ -82,7 +80,6 @@ export class Girih {
     addTile(tile) {
         this.tiles.push(tile);
     }
-    ;
     /**
      * Remove the tile at given array position. The index must be inside valid bounds.
      *
@@ -95,7 +92,16 @@ export class Girih {
     removeTileAt(index) {
         this.tiles.splice(index, 1);
     }
-    ;
+    /**
+     *
+     * @param tiles
+     */
+    replaceTiles(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.
      *
@@ -112,7 +118,6 @@ export class Girih {
         }
         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.
@@ -127,12 +132,12 @@ export class Girih {
      * @return {void}
      */
     turnTile(tileIndex, turnCount) {
-        if (tileIndex == -1) // TODO: still required?
+        if (tileIndex == -1)
+            // TODO: still required?
             return;
         const 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.
@@ -146,12 +151,12 @@ export class Girih {
      * @return {void}
      */
     moveTile(tileIndex, moveXAmount, moveYAmount) {
-        if (tileIndex == -1) // TODO: still required?
+        if (tileIndex == -1)
+            // TODO: still required?
             return;
         const 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.
@@ -165,7 +170,8 @@ export class Girih {
      */
     findPossibleAdjacentTiles(tileIndex, edgeIndex) {
         var adjTiles = [];
-        if (tileIndex == -1 || edgeIndex == -1) // TODO: still required?
+        if (tileIndex == -1 || edgeIndex == -1)
+            // TODO: still required?
             return [];
         let template = null;
         for (var i in this.TILE_TEMPLATES) {
@@ -180,7 +186,5 @@ export class Girih {
         // previewTilePointer = Math.min( adjTiles.length-1, previewTiilePointer );
         return adjTiles;
     }
-    ;
-}
-; // END class Girih
+} // END class Girih
 //# sourceMappingURL=Girih.js.map

package/src/esm/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":"AAAA;;;;;;IAMI;AAEJ,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,KAAK;IA+BhB;;;;;;OAMG;IACH,YAAY,UAAkB;QAC5B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAE7B,sDAAsD;QACtD,mEAAmE;QACnE,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAEzB,sCAAsC;QACtC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAEhB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAED;;;;;;;;;OASG;IACK,aAAa,CAAC,UAAkB;QACtC,wCAAwC;QACxC,+DAA+D;QAC/D,IAAI,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QAC7D,IAAI,QAAQ,GAAG,IAAI,aAAa,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QAC/D,IAAI,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QAC7D,IAAI,MAAM,GAAG,IAAI,WAAW,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QAC3D,IAAI,OAAO,GAAG,IAAI,YAAY,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;QAC7D,IAAI,OAAO,GAAG,IAAI,mBAAmB,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,qBAAqB;QAEhG,qEAAqE;QACrE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QAChF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;QAChF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;QAC/E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QAC9E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAClF,CAAC;IAED;;;;;;;;OAQG;IACH,OAAO,CAAC,IAAe;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACH,YAAY,CAAC,KAAgB;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxC,KAAK,IAAI,CAAC,IAAI,KAAK,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB;IACH,CAAC;IAED;;;;;;;;QAQI;IACJ,oBAAoB,CAAC,QAAgB;QACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC1C,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAAE,OAAO,CAAC,CAAC;SACpD;QACD,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,SAAiB,EAAE,SAAiB;QAC3C,IAAI,SAAS,IAAI,CAAC,CAAC;YACjB,wBAAwB;YACxB,OAAO;QACT,MAAM,IAAI,GAAc,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC;IAED;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,SAAiB,EAAE,WAAmB,EAAE,WAAmB;QAClE,IAAI,SAAS,IAAI,CAAC,CAAC;YACjB,wBAAwB;YACxB,OAAO;QACT,MAAM,IAAI,GAAc,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,EAAE,EAAE,CAAC,EAAE,WAAW,GAAG,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,SAAiB,EAAE,SAAiB;QAC5D,IAAI,QAAQ,GAAqB,EAAE,CAAC;QACpC,IAAI,SAAS,IAAI,CAAC,CAAC,IAAI,SAAS,IAAI,CAAC,CAAC;YACpC,wBAAwB;YACxB,OAAO,EAAE,CAAC;QAEZ,IAAI,QAAQ,GAAc,IAAI,CAAC;QAC/B,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YACjC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAC1C,0DAA0D;YAC1D,MAAM,UAAU,GAAqB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,0BAA0B,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC3G,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE;gBAC1B,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;aACxC;SACF;QACD,6BAA6B;QAC7B,2EAA2E;QAC3E,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF,CAAC,kBAAkB"}

package/src/esm/utils/datastructures/GirihPenroseRhombus.js

@@ -38,19 +38,21 @@ export class GirihPenroseRhombus extends GirihTile {
         // Overwrite the default symmetries:
         //    the penrose-rhombus tile has a 180° symmetry (5/10 * 360°)
         this.uniqueSymmetries = 5;
-        if (typeof addCenterPolygon == "undefined")
+        if (typeof addCenterPolygon === "undefined") {
             addCenterPolygon = true; // Add by default
+        }
         // Init the actual decahedron shape with the passed size
         let pointA = new Vertex(0, 0);
         let pointB = pointA;
         this.addVertex(pointB);
-        const angles = [0.0,
+        const angles = [
+            0.0,
             36.0,
             144.0 // 108.0
         ];
         let theta = 0.0;
         for (var i = 0; i < angles.length; i++) {
-            theta += (180.0 - angles[i]);
+            theta += 180.0 - angles[i];
             pointA = pointB; // center of rotation
             pointB = pointB.clone();
             pointB.x += this.edgeLength;
@@ -63,55 +65,67 @@ export class GirihPenroseRhombus extends GirihTile {
         for (var i = 0; i < this.vertices.length; i++) {
             this.vertices[i].add(move).add(position);
         }
-        this.textureSource.min.x = 2 / 500.0,
-            this.textureSource.min.y = 8 / 460.0;
+        this.textureSource.min.x = 2 / 500.0;
+        this.textureSource.min.y = 8 / 460.0;
         this.textureSource.max.x = this.textureSource.min.x + 173 / 500.0;
         this.textureSource.max.y = this.textureSource.min.y + 56 / 460.0;
-        ;
         this.baseBounds = this.getBounds();
         this._buildInnerPolygons(this.edgeLength, addCenterPolygon);
         this._buildOuterPolygons(this.edgeLength, addCenterPolygon);
     }
-    ;
     /**
      * @override
      */
     clone() {
         return new GirihPenroseRhombus(this.position.clone(), this.edgeLength, true).rotate(this.rotation);
     }
-    ;
-    _buildInnerPolygons(edgeLength, addCenterPolygon) {
+    _buildInnerPolygons(_edgeLength, addCenterPolygon) {
         const indices = [0, 2];
         const centerTile = new Polygon();
         for (var i = 0; i < indices.length; i++) {
             const innerTile = new Polygon();
             const index = indices[i];
-            const left = this.getVertexAt(index).clone().scale(0.5, this.getVertexAt(index + 1));
-            const right = this.getVertexAt(index + 1).clone().scale(0.5, this.getVertexAt(index + 2));
-            const innerA = this.getVertexAt(index + 1).clone().scale(0.28, this.position);
-            const innerB = this.getVertexAt(index + 1).clone().scale(0.55, this.position);
+            const left = this.getVertexAt(index)
+                .clone()
+                .scale(0.5, this.getVertexAt(index + 1));
+            const right = this.getVertexAt(index + 1)
+                .clone()
+                .scale(0.5, this.getVertexAt(index + 2));
+            const innerA = this.getVertexAt(index + 1)
+                .clone()
+                .scale(0.28, this.position);
+            const innerB = this.getVertexAt(index + 1)
+                .clone()
+                .scale(0.55, this.position);
             innerTile.addVertex(left);
             innerTile.addVertex(innerA);
             innerTile.addVertex(right);
             innerTile.addVertex(innerB);
-            centerTile.addVertex(this.getVertexAt(index).clone().scale(0.1775, this.getVertexAt(index + 2)));
+            centerTile.addVertex(this.getVertexAt(index)
+                .clone()
+                .scale(0.1775, this.getVertexAt(index + 2)));
             centerTile.addVertex(innerA.clone());
             this.innerTilePolygons.push(innerTile);
         }
         if (addCenterPolygon)
             this.innerTilePolygons.push(centerTile);
     }
-    ;
-    _buildOuterPolygons(edgeLength, centerPolygonExists) {
+    _buildOuterPolygons(_edgeLength, centerPolygonExists) {
         // Add left and right 'spikes'.
         const indices = [0, 2];
         for (var i = 0; i < indices.length; i++) {
             const outerTile = new Polygon();
             const index = indices[i];
-            const left = this.getVertexAt(index).clone().scale(0.5, this.getVertexAt(index + 1));
-            const right = this.getVertexAt(index + 1).clone().scale(0.5, this.getVertexAt(index + 2));
+            const left = this.getVertexAt(index)
+                .clone()
+                .scale(0.5, this.getVertexAt(index + 1));
+            const right = this.getVertexAt(index + 1)
+                .clone()
+                .scale(0.5, this.getVertexAt(index + 2));
             // const innerA:Vertex = this.getVertexAt( index+1 ).clone().scale( 0.28, this.position );
-            const innerB = this.getVertexAt(index + 1).clone().scale(0.55, this.position);
+            const innerB = this.getVertexAt(index + 1)
+                .clone()
+                .scale(0.55, this.position);
             outerTile.addVertex(left.clone());
             outerTile.addVertex(this.getVertexAt(index + 1).clone());
             outerTile.addVertex(right.clone());
@@ -126,16 +140,21 @@ export class GirihPenroseRhombus extends GirihTile {
                 const outerTile = new Polygon();
                 const index = indices[i];
                 outerTile.addVertex(this.getVertexAt(index).clone());
-                outerTile.addVertex(this.getVertexAt(index).clone().scale(0.5, this.getVertexAt(index + 1)));
+                outerTile.addVertex(this.getVertexAt(index)
+                    .clone()
+                    .scale(0.5, this.getVertexAt(index + 1)));
                 outerTile.addVertex(this.innerTilePolygons[i].getVertexAt(1).clone());
-                outerTile.addVertex(this.getVertexAt(index).clone().scale(0.1775, this.getVertexAt(index + 2)));
+                outerTile.addVertex(this.getVertexAt(index)
+                    .clone()
+                    .scale(0.1775, this.getVertexAt(index + 2)));
                 outerTile.addVertex(this.innerTilePolygons[(i + 1) % 2].getVertexAt(1).clone());
-                outerTile.addVertex(this.getVertexAt(index - 1).clone().scale(0.5, this.getVertexAt(index)));
+                outerTile.addVertex(this.getVertexAt(index - 1)
+                    .clone()
+                    .scale(0.5, this.getVertexAt(index)));
                 this.outerTilePolygons.push(outerTile);
             }
         }
     }
-    ;
     /**
      * If you want the center polygon not to be drawn the canvas handler needs to
      * know the respective polygon index (inside the this.innerTilePolygons array).
@@ -144,7 +163,5 @@ export class GirihPenroseRhombus extends GirihTile {
     getCenterPolygonIndex() {
         return 2;
     }
-    ;
 }
-;
 //# sourceMappingURL=GirihPenroseRhombus.js.map