plotboilerplate 1.27.0 → 1.28.0

package/src/_cjs/utils/datastructures/VoronoiCell.js

@@ -0,0 +1,183 @@
+"use strict";
+/**
+ * @classdesc A simple voronoi cell (part of a voronoi diagram), stored as an array of
+ * adjacent triangles.
+ *
+ * @requires Line
+ * @requires Triangle
+ * @requires Polygon
+ * @requires Vertex
+ *
+ * @author   Ikaros Kappler
+ * @date     2018-04-11
+ * @modified 2018-05-04 Added the 'sharedVertex' param to the constructor. Extended open cells into 'infinity'.
+ * @modified 2019-10-25 Fixed a serious bug in the toPathArray function; cell with only one vertex (extreme cases) returned invalid arrays which broke the rendering.
+ * @modified 2019-12-09 Removed an unnecesary if-condition from the _calculateOpenEdgePoint(...) helper function.
+ * @modified 2020-05-18 Added function VoronoiCell.toPolygon().
+ * @modified 2020-08-12 Ported this class from vanilla JS to TypeScript.
+ * @modified 2020-08-17 Added some missing type declarations.
+ * @modified 2021-01-20 Members `triangles` and `sharedVertex` are now public.
+ * @version  1.1.3
+ *
+ * @file VoronoiCell
+ * @public
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VoronoiCell = void 0;
+var Line_1 = require("../../Line");
+var Polygon_1 = require("../../Polygon");
+var Vertex_1 = require("../../Vertex");
+var VoronoiCell = /** @class */ (function () {
+    /**
+     * The constructor.
+     *
+     * @constructor
+     * @name VoronoiCell
+     * @param {Triangle[]} triangles    The passed triangle array must contain an ordered sequence of
+     *                                  adjacent triangles.
+     * @param {Vertex}     sharedVertex This is the 'center' of the voronoi cell; all triangles must share
+     *                                  that vertex.
+     **/
+    function VoronoiCell(triangles, sharedVertex) {
+        if (typeof triangles === 'undefined')
+            triangles = [];
+        if (typeof sharedVertex === 'undefined')
+            sharedVertex = new Vertex_1.Vertex(0, 0);
+        this.triangles = triangles;
+        this.sharedVertex = sharedVertex;
+    }
+    ;
+    /**
+     * Check if the first and the last triangle in the path are NOT connected.
+     *
+     * @method isOpen
+     * @instance
+     * @memberof VoronoiCell
+     * @return {boolean}
+     **/
+    VoronoiCell.prototype.isOpen = function () {
+        // There must be at least three triangles
+        return this.triangles.length < 3 || !this.triangles[0].isAdjacent(this.triangles[this.triangles.length - 1]);
+    };
+    ;
+    /**
+     * Convert this Voronoi cell to a path polygon, consisting of all Voronoi cell corner points.
+     *
+     * Note that open Voronoi cell cannot properly converted to Polygons as they are considered
+     * infinite. 'Open' Voronoi edges will be cut off at their innermose vertices.
+     *
+     * @method toPolygon
+     * @instance
+     * @memberof VoronoiCell
+     * @return {Polygon}
+     **/
+    VoronoiCell.prototype.toPolygon = function () {
+        return new Polygon_1.Polygon(this.toPathArray(), this.isOpen());
+    };
+    ;
+    /**
+     * Convert the voronoi cell path data to an SVG polygon data string.
+     *
+     * "x0,y0 x1,y1 x2,y2 ..."
+     *
+     * @method toPathSVGString
+     * @instance
+     * @memberof VoronoiCell
+     * @return {string}
+     **/
+    VoronoiCell.prototype.toPathSVGString = function () {
+        if (this.triangles.length == 0)
+            return "";
+        var arr = this.toPathArray();
+        return arr.map(function (vert) { return '' + vert.x + ',' + vert.y; }).join(' ');
+    };
+    ;
+    /**
+     * Convert the voronoi cell path data to an array.
+     *
+     * [vertex0, vertex1, vertex2, ... ]
+     *
+     * @method toPathArray
+     * @instance
+     * @memberof VoronoiCell
+     * @return {Vertex[]}
+     **/
+    VoronoiCell.prototype.toPathArray = function () {
+        if (this.triangles.length == 0)
+            return [];
+        if (this.triangles.length == 1)
+            return [this.triangles[0].getCircumcircle().center];
+        var arr = [];
+        // Working for path begin
+        if (false && this.isOpen())
+            arr.push(VoronoiCell._calcOpenEdgePoint(this.triangles[0], this.triangles[1], this.sharedVertex));
+        for (var t = 0; t < this.triangles.length; t++) {
+            var cc = this.triangles[t].getCircumcircle();
+            arr.push(cc.center);
+        }
+        // Urgh, this is not working right now.
+        /* if( false && this.isOpen() )
+            arr.push( VoronoiCell._calcOpenEdgePoint( this.triangles[ this.triangles.length-1 ], this.triangles[ this.triangles.length-2 ], this.sharedVertex ) );
+        */
+        return arr;
+    };
+    /**
+     * A helper function.
+     *
+     * Calculate the 'infinite' open edge point based on the open path triangle
+     * 'tri' and its neighbour 'neigh'.
+     *
+     * This function is used to determine outer hull points.
+     *
+     * @method _calcOpenEdhePoint
+     * @private
+     * @static
+     * @instance
+     * @memberof VoronoiCell
+     * @return {Vertex}
+     **/
+    VoronoiCell._calcOpenEdgePoint = function (tri, neigh, sharedVertex) {
+        var center = tri.getCircumcircle().center;
+        // Find non-adjacent edge (=outer edge)
+        var edgePoint = VoronoiCell._findOuterEdgePoint(tri, neigh, sharedVertex);
+        // const perpendicular : Vertex = VoronoiCell._perpendicularLinePoint( sharedVertex, edgePoint, center );
+        var perpendicular = new Line_1.Line(sharedVertex, edgePoint).getClosestPoint(center);
+        // It is not necesary to make a difference on the determinant here
+        var openEdgePoint = new Vertex_1.Vertex(perpendicular.x + (center.x - perpendicular.x) * 1000, perpendicular.y + (center.y - perpendicular.y) * 1000);
+        return openEdgePoint;
+    };
+    ;
+    /**
+     * A helper function.
+     *
+     * Find the outer (not adjacent) vertex in triangle 'tri' which has triangle 'neighbour'.
+     *
+     * This function is used to determine outer hull points.
+     *
+     * @return {Vertex}
+     **/
+    VoronoiCell._findOuterEdgePoint = function (tri, neighbour, sharedVertex) {
+        if (tri.a.equals(sharedVertex)) {
+            if (neighbour.a.equals(tri.b) || neighbour.b.equals(tri.b) || neighbour.c.equals(tri.b))
+                return tri.c;
+            else
+                return tri.b;
+        }
+        if (tri.b.equals(sharedVertex)) {
+            if (neighbour.a.equals(tri.a) || neighbour.b.equals(tri.a) || neighbour.c.equals(tri.a))
+                return tri.c;
+            else
+                return tri.a;
+        }
+        // Here:
+        //    tri.c.equals(sharedVertex) 
+        if (neighbour.a.equals(tri.a) || neighbour.b.equals(tri.a) || neighbour.c.equals(tri.a))
+            return tri.b;
+        else
+            return tri.a;
+    };
+    ;
+    return VoronoiCell;
+}());
+exports.VoronoiCell = VoronoiCell;
+//# sourceMappingURL=VoronoiCell.js.map

package/src/_cjs/utils/datastructures/VoronoiCell.js.map

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

package/src/_cjs/utils/datastructures/interfaces.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Some often-used interfaces.
+ *
+ * @author  Ikaros Kappler
+ * @date    2020-10-23
+ * @version 1.0.0
+ **/
+export type Interval = [number, number];
+export type IndexPair = {
+    i: number;
+    j: number;
+};
+export type Matrix<T> = Array<Array<T>>;

package/src/_cjs/utils/datastructures/interfaces.js

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ * Some often-used interfaces.
+ *
+ * @author  Ikaros Kappler
+ * @date    2020-10-23
+ * @version 1.0.0
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/src/_cjs/utils/datastructures/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../ts/utils/datastructures/interfaces.ts"],"names":[],"mappings":";AAAA;;;;;;IAMI"}

package/src/_cjs/utils/detectDarkMode.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author  Ikaros Kappler
+ * @date    2021-11-07
+ * @modified 2023-09-25 Ported to Typescript and added system darkmode detection.
+ * @version 1.1.0
+ *
+ * @param {Record<string,string>} GUP
+ * @returns {boolean}
+ */
+export declare const detectDarkMode: (GUP?: Record<string, string>) => boolean;

package/src/_cjs/utils/detectDarkMode.js

@@ -0,0 +1,41 @@
+"use strict";
+/**
+ * @author  Ikaros Kappler
+ * @date    2021-11-07
+ * @modified 2023-09-25 Ported to Typescript and added system darkmode detection.
+ * @version 1.1.0
+ *
+ * @param {Record<string,string>} GUP
+ * @returns {boolean}
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectDarkMode = void 0;
+var detectDarkMode = function (GUP) {
+    var isDarkmode = false;
+    // Respect overrides
+    if (typeof GUP !== "undefined" && GUP.hasOwnProperty("darkmode") && GUP["darkmode"]) {
+        // const overrideValue = PlotBoilerplate.utils.fetch.bool(GUP, "darkmode", null);
+        var overrideValue = !!JSON.parse(GUP["darkmode"]);
+        if (overrideValue !== null) {
+            isDarkmode = overrideValue;
+        }
+    }
+    else if (globalThis.matchMedia && globalThis.matchMedia("(prefers-color-scheme: dark)").matches) {
+        // dark mode by system
+        isDarkmode = true;
+    }
+    else {
+        // else: dark mode by daytime
+        var hours = new Date().getHours();
+        var isDayTime = hours > 6 && hours < 18;
+        isDarkmode = !isDayTime;
+    }
+    // console.log("Adding darkmode to <body>", isDarkmode);
+    if (isDarkmode && document.body) {
+        // Add darkmode class to <body> tag
+        document.body.classList.add("darkmode");
+    }
+    return isDarkmode;
+};
+exports.detectDarkMode = detectDarkMode;
+//# sourceMappingURL=detectDarkMode.js.map

package/src/_cjs/utils/detectDarkMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detectDarkMode.js","sourceRoot":"","sources":["../../ts/utils/detectDarkMode.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAEI,IAAM,cAAc,GAAG,UAAC,GAA4B;IACzD,IAAI,UAAU,GAAY,KAAK,CAAC;IAChC,oBAAoB;IACpB,IAAI,OAAO,GAAG,KAAK,WAAW,IAAI,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;QACpF,iFAAiF;QACjF,IAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;QACpD,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC3B,UAAU,GAAG,aAAa,CAAC;QAC7B,CAAC;IACH,CAAC;SAAM,IAAI,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,EAAE,CAAC;QAClG,sBAAsB;QACtB,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC;SAAM,CAAC;QACN,6BAA6B;QAC7B,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;QACpC,IAAM,SAAS,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC;QAC1C,UAAU,GAAG,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,wDAAwD;IACxD,IAAI,UAAU,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChC,mCAAmC;QACnC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB"}

package/src/_cjs/utils/dom/components/ColorGradientPicker.d.ts

@@ -0,0 +1,246 @@
+/**
+ * Approach for a 'simple' color gradient picker for my PlotBoilerplate library.
+ *
+ * As it turned out a bit more complex in the end – due to the fact that color gradient
+ * picking is not a super simple task – so I used JSX here. Thus a JSX library is required
+ * to get this running: NoReact.
+ *
+ *
+ * @author   Ikaros Kappler
+ * @date     2025-06-27
+ * @modified 2025-09-10 Fixing a color select bug on MacOS.
+ * @version  1.0.0
+ */
+import { ColorGradient } from "../../datastructures/ColorGradient";
+export type ColorGradientChangeListener = (colorGradient: ColorGradient, source: ColorGradientPicker) => void;
+export declare class ColorGradientPicker {
+    private readonly baseID;
+    private readonly elementID;
+    private container;
+    private containerRef;
+    private _sliderElementRefs;
+    private colorInputRef;
+    private colorIndicatorColorButtonRef;
+    private colorIndicatorRemoveButtonRef;
+    private colorInputContainerRef;
+    private sliderMin;
+    private sliderMax;
+    private isMobileMode;
+    private css_indicatorWidth_num;
+    private css_indicatorWidth;
+    private css_indicatorHeight;
+    private css_thumbWidth;
+    private css_thumbHeight;
+    private css_containerHeight;
+    private colorGradient;
+    private installedChangeListeners;
+    private __mouseDownPosition;
+    /**
+     * The constructor: creates a new color gradient picker in the given container.
+     * If no container or ID is given then a new unbound `container` will be created (DIV).
+     *
+     * Pass a container ID or nothing – in the latter case the constructor will create
+     * a new DIV element.
+     *
+     * @param {string?} containerID - (optional) If you want to use an existing container (should be a DIV).
+     * @param {boolean?} isMobileMode - (optional) If `true` then the elements are rendered in double size.
+     */
+    constructor(containerID?: string, isMobileMode?: boolean);
+    setGradient(gradient: ColorGradient, fireChangeEvent?: boolean): void;
+    private __removeAllChildNodes;
+    private __initializeDataSets;
+    /**
+     * Adds a new color gradient change listener to this ColorGradientPicker.
+     *
+     * @param {ColorGradientChangeListener} listener - The listener to add.
+     * @returns {boolean} True, if the listener was added and did not exist before.
+     */
+    addChangeListener(listener: ColorGradientChangeListener): boolean;
+    /**
+     *
+     * @param {ColorGradientChangeListener} listener The listener to remove.
+     * @returns {boolean} True, if the listener existed and has been removed.
+     */
+    removeChangeListener(listener: ColorGradientChangeListener): boolean;
+    /**
+     * Fires a change event to all installed listeners.
+     */
+    private __fireChangeEvent;
+    /**
+     * Creates a new color range input element.
+     *
+     * @private
+     * @param {number} baseID
+     * @param index
+     * @param sliderMin
+     * @param sliderMax
+     * @param initialValue
+     * @param initialColor
+     * @returns
+     */
+    private __createColorRangeInput;
+    /**
+     * Get the absolute length of this range, in slider units.
+     * @returns
+     */
+    getRangeLength(): number;
+    /**
+     * Creates a callback function for range slider.
+     *
+     * @returns
+     */
+    private __createSliderChangeHandler;
+    /**
+     * Handles color value changes.
+     *
+     * @returns
+     */
+    __colorChangeHandler(): (_evt: Event) => boolean;
+    /**
+     * Removed the current color slider from the DOM and highlights the left neighbour.
+     *
+     * @returns {boolean} True if the element could be successfully removed.
+     */
+    private __handleRemoveColor;
+    /**
+     * Once a slider element was added or removed then the following indices must be updated.
+     *
+     * @param {number} startIndex - The slider index to start updating at.
+     */
+    __updateSliderDataSetIndices(startIndex: number): void;
+    /**
+     * To avoid too many sliders added on each click, check if the mouse was moved in the meantime (detect drag event).
+     *
+     * @returns
+     */
+    private __containerMouseDownHandler;
+    /**
+     * Creates a handler for click events on the container. If the click event is far
+     * enough from existing sliders, then it can be added.
+     *
+     * @returns
+     */
+    private __containerClickHandler;
+    /**
+     * Find that slider (index) that's value is closest to the given absolute value. The function will return
+     * the closest value and the left index, indicating the containing interval index.
+     *
+     * @param {number} absoluteValue - The value to look for.
+     * @returns {[number,number]} A pair of left slider index and closest value.
+     */
+    private __locateClosestSliderValue;
+    /**
+     * Convert the click event to the relative x value in [0..1].
+     *
+     * @param {MouseEvent} evt - The mouse event.
+     * @returns {number} The relative x value.
+     */
+    private __clickEventToRelativeValue;
+    /**
+     * Adds a slider at the given interval index.
+     *
+     * @param {number} absoluteValue - The absolute new slider value.
+     * @param {number} leftSliderIndex - The new slider's position (interval index).
+     */
+    private __addSliderAt;
+    /**
+     * Get the slider color at the given absolute value. That value must be inside the [MIN_VALUE, MAX_VALUE] interval.
+     * @param absoluteValue
+     * @returns
+     */
+    private __getSliderColorAt;
+    /**
+     * Locate the slider interval that contains the given (absolute) slider value. The given value must be
+     * somewhere between MIN_VALUE and MAX_VALUE (usually between 0 and 100 in the default configuraion.).
+     *
+     * @param {number} absoluteValue - The absolute value to search for.
+     * @returns {number} The left slider inder the containing interval is starting with – or -1 if out of bounds.
+     */
+    private __locateIntervalAt;
+    /**
+     * Converts a relative value in [0..1] to [min..max].
+     * @param relativeValue
+     */
+    private __relativeToAbsolute;
+    /**
+     * Converts a relative value in [0..1] to [min..max].
+     * @param relativeValue
+     */
+    private __absoluteToRelative;
+    /**
+     * Get the value of the n-th rangel slider.
+     *
+     * @param {number} sliderIndex
+     * @param {number} fallback
+     * @returns
+     */
+    private __getSliderValue;
+    /**
+     * Get all current slider values as an array.
+     * @returns
+     */
+    private __getAllSliderValues;
+    /**
+     * Updates the container's background to display the configured color gradient.
+     *
+     * @private
+     */
+    private __updateBackgroundGradient;
+    /**
+     * After changes this function updates the color indicator button.
+     *
+     * @param {number} rangeSliderIndex - The new active slider index.
+     */
+    private __updateColorIndicator;
+    /**
+     * Get a color gradient CSS value string from the current editor settings.
+     *
+     * @instance
+     * @memberof ColorGradientPicker
+     * @returns {ColorGradient}
+     */
+    getColorGradient(): ColorGradient;
+    /**
+     * Get the configured color value of the n-th rangel slider.
+     *
+     * @param {number} sliderIndex
+     * @param {string} fallback
+     * @returns
+     */
+    private __getSliderColorString;
+    /**
+     * Get the configured color value of the n-th rangel slider.
+     *
+     * @param {number} sliderIndex
+     * @param {string} fallback
+     * @returns
+     */
+    private __getSliderColorHEXString;
+    /**
+     * Get get color of this gradient picker at the given slider index.
+     *
+     * @param {number} sliderIndex - The index to get the slider color from. Something between 0 and _sliderElementRefs.length.
+     * @param {Color} fallback
+     * @returns
+     */
+    private __getSliderColor;
+    /**
+     * Get the slider's value in a mapped range of 0.0 ... 1.0.
+     *
+     * @param sliderIndex
+     * @returns
+     */
+    private __getSliderPercentage;
+    /**
+     * Init the container contents.
+     *
+     * @private
+     */
+    private _render;
+    /**
+     * Adds custom styles (global STYLE tag).
+     *
+     * @private
+     */
+    private __createCustomStylesElement;
+}