plotboilerplate 1.23.0 → 1.23.2

package/dist/plotboilerplate.js

@@ -4331,7 +4331,10 @@ exports.PBText = PBText;
  * @modified 2023-02-10 Cleaning up most type errors in the main class (mostly null checks).
  * @modified 2023-02-10 Adding `enableZoom` and `enablePan` (both default true) to have the option to disable these functions.
  * @modified 2023-09-29 Adding proper dicionary key and value types to the params of `PlotBoilerplate.utils.safeMergeByKeys` (was `object` before).
- * @version  1.17.3
+ * @modified 2024-07-08 Adding `PlotBoilerplate.getGUI()` to retrieve the GUI instance.
+ * @modified 2024-08-25 Extending main class `PlotBoilerplate` optional param `isBackdropFiltersEnabled`.
+ *
+ * @version  1.19.0
  *
  * @file PlotBoilerplate
  * @fileoverview The main class.
@@ -4466,6 +4469,10 @@ var PlotBoilerplate = /** @class */ (function () {
          * @private
          */
         this.renderTime = 0;
+        /**
+         * A storage variable for retrieving the GUI instance once it was created.
+         */
+        this._gui = null;
         // This should be in some static block ...
         VertexAttr_1.VertexAttr.model = {
             bezierAutoAdjust: false,
@@ -4532,7 +4539,8 @@ var PlotBoilerplate = /** @class */ (function () {
             enableZoom: f.bool(config, "enableZoom", true), // default=true
             enablePan: f.bool(config, "enablePan", true), // default=true
             // Experimental (and unfinished)
-            enableGL: f.bool(config, "enableGL", false)
+            enableGL: f.bool(config, "enableGL", false),
+            isBackdropFiltersEnabled: f.bool(config, "isBackdropFiltersEnabled", true)
         }; // END confog
         /**
          * Configuration for drawing things.
@@ -6010,7 +6018,8 @@ var PlotBoilerplate = /** @class */ (function () {
                 return { x: pos.x - bounds.left, y: pos.y - bounds.top };
             };
             // Make PB work together with both, AlloyFinger as a esm module or a commonjs function.
-            if (typeof globalThis["AlloyFinger"] === "function" || typeof globalThis["createAlloyFinger"] === "function") {
+            if (typeof globalThis["AlloyFinger"] === "function" ||
+                typeof globalThis["createAlloyFinger"] === "function") {
                 try {
                     var touchMovePos = null;
                     var touchDownPos = null;
@@ -6209,12 +6218,20 @@ var PlotBoilerplate = /** @class */ (function () {
         // if (globalThis["utils"] && typeof globalThis["utils"].createGUI == "function") {
         //   return (globalThis["utils" as keyof Object] as any as ({createGUI : (pb:PlotBoilerplate,props:DatGuiProps|undefined)=>GUI })).createGUI(this, props);
         if (utils && typeof utils.createGUI === "function") {
-            return utils.createGUI(this, props);
+            return (this._gui = utils.createGUI(this, props));
         }
         else {
-            throw "Cannot create dat.GUI instance; did you load the ./utils/creategui helper function an the dat.GUI library?";
+            throw "Cannot create dat.GUI or lil-gui instance; did you load the ./utils/creategui helper function an the dat.GUI/lil-gui library?";
         }
     };
+    /**
+     * Retriebe the GUI once it was created. If the `createGUI` method was not called or failed to create any
+     * GUI then null is returned.
+     * @returns {GUI | null}
+     */
+    PlotBoilerplate.prototype.getGUI = function () {
+        return this._gui;
+    };
     var _a;
     /** @constant {number} */
     PlotBoilerplate.DEFAULT_CANVAS_WIDTH = 1024;
@@ -11768,7 +11785,8 @@ var GLU = /** @class */ (function () {
  * @modified 2023-10-04 Adding `strokeOptions` param to these draw function: line, arrow, cubicBezierArrow, cubicBezier, cubicBezierPath, circle, circleArc, ellipse, square, rect, polygon, polyline.
  * @modified 2024-01-30 Fixing an issue with immutable style sets; changes to the global draw config did not reflect here (do now).
  * @modified 2024-03-10 Fixing some types for Typescript 5 compatibility.
- * @version  1.6.9
+ * @modified 2024-07-24 Caching custom style defs in a private buffer variable.
+ * @version  1.6.10
  **/
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.drawutilssvg = void 0;
@@ -11883,6 +11901,13 @@ var drawutilssvg = /** @class */ (function () {
                 console.warn("Warning: your draw config is missing the key '".concat(k, "' which is required."));
             }
         }
+        if (this.customStyleDefs) {
+            rules.push("\n/* Custom styles */\n");
+            this.customStyleDefs.forEach(function (value, key) {
+                rules.push(key + " { " + value + " }");
+            });
+            // this.nodeStyle.innerHTML += "\n/* Custom styles */\n" + rules.join("\n");
+        }
         this.nodeStyle.innerHTML = rules.join("\n");
     };
     /**
@@ -11906,11 +11931,7 @@ var drawutilssvg = /** @class */ (function () {
      * @param {Map<string,string>} defs
      */
     drawutilssvg.prototype.addCustomStyleDefs = function (defs) {
-        var buffer = [];
-        defs.forEach(function (value, key) {
-            buffer.push(key + " { " + value + " }");
-        });
-        this.nodeStyle.innerHTML += "\n/* Custom styles */\n" + buffer.join("\n");
+        this.customStyleDefs = defs;
     };
     /**
      * Retieve an old (cached) element.