plotboilerplate 1.27.1 → 1.28.0

package/src/_cjs/utils/creategui.js

@@ -0,0 +1,434 @@
+/**
+ * A utility class used by PlotBoilerplate: creategui.
+ * The PlotBoilerplate will try to use this for the initialization of the input GUI.
+ *
+ * Requires the label() polyfill for dat.gui.GUI.
+ *
+ * @author   Ikaros Kappler
+ * @date     2020-03-30
+ * @modified 2020-04-03 Added empty default global object 'utils'. Added createGUI as an optional child.
+ * @modified 2023-09-29 Added try-catch for color attributes; invalid values might break construction of whole gui.
+ * @modified 2024-06-25 Replacing dat.gui by equivalent lil-gui calls. Collapsing all lil-gui folders (are open by default).
+ * @modified 2024-08-25 Added `CSSBackdropEffects` to the GUI (if present).
+ * @version  1.2.0
+ **/
+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.
+ *
+ * Requires the label() polyfill for dat.gui.GUI.
+ *
+ * @method createGUI
+ * @memberof utils
+ * @param {PlotBoilerplate} pb
+ * @param {DatGuiProps|LilGuiProps} props
+ * @return {dat.gui.GUI|lil-gui.GUI|null}
+ **/
+globalThis.utils.createGUI = (function () {
+  var _tryGetFilterGETParams = function () {
+    // Rule is:
+    // * GET PARAMS first
+    // * pre-defnined params second
+    // * default values third
+    var globalPredefinedValues =
+      typeof globalThis["cssBackdropfilterValues"] === "object" ? globalThis["cssBackdropfilterValues"] : {};
+    var preDefinedValues = Object.assign(Object.assign({}, CSSBackdropEffects.DEFAULT_FILTER_VALUES), globalPredefinedValues);
+    if (typeof gup === "undefined") {
+      return preDefinedValues; // CSSBackdropEffects.DEFAULT_FILTER_VALUES;
+    }
+    var GUP = gup();
+    var params = new Params(GUP);
+    var initialFilterValues = {
+      isBackdropFiltersEnabled: false,
+      // This is just for the global effect color
+      effectFilterColor: params.getString("filter:effectFilterColor", preDefinedValues.effectFilterColor), // "#204a87",
+      isEffectsColorEnabled: params.hasParam("filter:effectFilterColor"),
+      // These are real filter values
+      opacity: params.getNumber("filter:opacity", preDefinedValues.opacity),
+      isOpacityEnabled: params.hasParam("filter:opacity") || preDefinedValues.isOpacityEnabled,
+      invert: params.getNumber("filter:invert", preDefinedValues.invert),
+      isInvertEnabled: params.hasParam("filter:invert") || preDefinedValues.isInvertEnabled,
+      sepia: params.getNumber("filter:sepia", preDefinedValues.sepia),
+      isSepiaEnabled: params.hasParam("filter:sepia") || preDefinedValues.isSepiaEnabled,
+      blur: params.getNumber("filter:blur", preDefinedValues.blur), // px
+      isBlurEnabled: params.hasParam("filter:blur") || preDefinedValues.isBlurEnabled,
+      brightness: params.getNumber("filter:brightness", preDefinedValues.brightness),
+      isBrightnessEnabled: params.hasParam("filter:brightness") || preDefinedValues.isBrightnessEnabled,
+      contrast: params.getNumber("filter:contrast", preDefinedValues.contrast),
+      isContrastEnabled: params.hasParam("filter:contrast") || preDefinedValues.isContrastEnabled,
+      dropShadow: params.getNumber("filter:dropShadow", preDefinedValues.dropShadow), // px
+      dropShadowColor: "#00ffff", // HOW TO DISABLE THIS PROPERLY?
+      isDropShadowEnabled: params.hasParam("filter:dropShadow") || preDefinedValues.isDropShadowEnabled,
+      grayscale: params.getNumber("filter:grayscale", preDefinedValues.grayscale),
+      isGrayscaleEnabled: params.hasParam("filter:grayscale") || preDefinedValues.isGrayscaleEnabled,
+      hueRotate: params.getNumber("filter:hueRotate", preDefinedValues.hueRotate), // deg
+      isHueRotateEnabled: params.hasParam("filter:hueRotate") || preDefinedValues.isHueRotateEnabled,
+      saturate: params.getNumber("filter:saturate", preDefinedValues.saturate),
+      isSaturateEnabled: params.hasParam("filter:saturate") || preDefinedValues.isSaturateEnabled
+    };
+    initialFilterValues.isBackdropFiltersEnabled =
+      initialFilterValues.isOpacityEnabled ||
+      initialFilterValues.isEffectsColorEnabled ||
+      initialFilterValues.isInvertEnabled ||
+      initialFilterValues.isSepiaEnabled ||
+      initialFilterValues.isBlurEnabled ||
+      initialFilterValues.isBrightnessEnabled ||
+      initialFilterValues.isContrastEnabled ||
+      initialFilterValues.isDropShadowEnabled ||
+      initialFilterValues.isGrayscaleEnabled ||
+      initialFilterValues.isHueRotateEnabled ||
+      initialFilterValues.isSaturateEnabled;
+
+    return initialFilterValues;
+  };
+
+  var _tryGetGUIInstance = function (props) {
+    if (
+      globalThis.hasOwnProperty("lil") &&
+      typeof globalThis["lil"] == "object" &&
+      globalThis["lil"].hasOwnProperty("GUI") &&
+      typeof globalThis["lil"]["GUI"] == "function"
+    ) {
+      // console.log("Creating lil");
+      return new lil.GUI(props);
+    } else if (
+      globalThis.hasOwnProperty("dat") &&
+      typeof globalThis["dat"] == "object" &&
+      globalThis["dat"].hasOwnProperty("gui") &&
+      typeof globalThis["dat"]["gui"] == "object"
+    ) {
+      // console.log("Creating dat.gui");
+      return new dat.gui.GUI(props);
+    } else {
+      console.warn("Warning: cannot create GUI. Nor dat.gui not lil-gui seem present.");
+      return null;
+    }
+  };
+
+  var _tryDetectMobileDevice = function () {
+    return globalThis.hasOwnProperty("isMobileDevice") && typeof globalThis["isMobileDevice"] == "function" && isMobileDevice();
+  };
+
+  var _tryGetGUISizeToggler = function (gui, dummyConfig) {
+    if (!gui) {
+      return null;
+    }
+    if (globalThis.hasOwnProperty("guiSizeToggler") && typeof globalThis["guiSizeToggler"] == "function") {
+      return guiSizeToggler(gui, dummyConfig, { transformOrigin: "top right" });
+    } else {
+      console.warn("Warning: cannot create GUI's double size checkbox. guiSizeToggler is not present.");
+      return null;
+    }
+  };
+
+  var createGuiFun = function (pb, props) {
+    var dummy = {
+      resetOffset: function () {
+        var viewport = pb.viewport();
+        pb.setOffset({ x: (viewport.width / 2.0) * pb.draw.scale.x, y: (viewport.height / 2.0) * pb.draw.scale.y });
+        pb.redraw();
+      },
+      resetScale: function () {
+        pb.setZoom(1.0, 1.0, new Vertex(0, 0));
+        pb.redraw();
+      },
+      guiDoubleSize: false
+    };
+
+    // Try to initialise dat.gui (old demos) or lil-gui (new demos). They have the ~same~ signature.
+    var gui = _tryGetGUIInstance(props);
+    var mobileDevice = _tryDetectMobileDevice();
+    var guiSize = _tryGetGUISizeToggler(gui, dummy);
+    if (mobileDevice && guiSize) {
+      dummy.guiDoubleSize = true;
+      guiSize.update();
+    }
+
+    var _self = pb;
+    if (guiSize) {
+      gui
+        .add(dummy, "guiDoubleSize")
+        .name("doubleGUISize")
+        .onChange(function () {
+          guiSize.update();
+        });
+    }
+    var fold0 = gui.addFolder("Editor settings");
+    fold0.close(); // important only for lil-gui
+    var fold00 = fold0.addFolder("Canvas size");
+    fold00.close(); // important only for lil-gui
+
+    fold00
+      .add(pb.config, "fullSize")
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Toggles the fullpage mode.")
+      .listen();
+    fold00
+      .add(pb.config, "fitToParent")
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Toggles the fit-to-parent mode to fit to parent container (overrides fullsize).")
+      .listen();
+    fold00
+      .add(pb.config, "defaultCanvasWidth")
+      .min(1)
+      .step(10)
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Specifies the fallback width.");
+    fold00
+      .add(pb.config, "defaultCanvasHeight")
+      .min(1)
+      .step(10)
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Specifies the fallback height.");
+    fold00
+      .add(pb.config, "canvasWidthFactor")
+      .min(0.1)
+      .step(0.1)
+      .max(10)
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Specifies a factor for the current width.")
+      .listen();
+    fold00
+      .add(pb.config, "canvasHeightFactor")
+      .min(0.1)
+      .step(0.1)
+      .max(10)
+      .onChange(function () {
+        _self.resizeCanvas();
+      })
+      .title("Specifies a factor for the current height.")
+      .listen();
+    fold00
+      .add(pb.config, "cssScaleX")
+      .min(0.01)
+      .step(0.01)
+      .max(1.0)
+      .onChange(function () {
+        if (_self.config.cssUniformScale) _self.config.cssScaleY = _self.config.cssScaleX;
+        _self.updateCSSscale();
+      })
+      .title("Specifies the visual x scale (CSS).")
+      .listen();
+    fold00
+      .add(pb.config, "cssScaleY")
+      .min(0.01)
+      .step(0.01)
+      .max(1.0)
+      .onChange(function () {
+        if (_self.config.cssUniformScale) _self.config.cssScaleX = _self.config.cssScaleY;
+        _self.updateCSSscale();
+      })
+      .title("Specifies the visual y scale (CSS).")
+      .listen();
+    fold00
+      .add(pb.config, "cssUniformScale")
+      .onChange(function () {
+        if (_self.config.cssUniformScale) _self.config.cssScaleY = _self.config.cssScaleX;
+        _self.updateCSSscale();
+      })
+      .title("CSS uniform scale (x-scale equlsa y-scale).");
+    fold00.add(pb.config, "setToRetina").name("Set to highres fullsize").title("Set canvas to high-res retina resoultion (x2).");
+
+    var fold01 = fold0.addFolder("Draw settings");
+    fold01.close(); // important only for lil-gui
+
+    fold01
+      .add(pb.drawConfig, "drawBezierHandlePoints")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Draw Bézier handle points.");
+    fold01
+      .add(pb.drawConfig, "drawBezierHandleLines")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Draw Bézier handle lines.");
+    fold01
+      .add(pb.drawConfig, "drawHandlePoints")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Draw handle points (overrides all other settings).");
+    fold01
+      .add(pb.drawConfig, "drawHandleLines")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Draw handle lines in general (overrides all other settings).");
+    fold01
+      .add(pb.drawConfig, "drawVertices")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Draw vertices in general.");
+
+    const fold0100 = fold01.addFolder("Colors and Lines");
+    fold0100.close(); // important only for lil-gui
+
+    const _addDrawConfigElement = function (fold, basePath, conf) {
+      for (var i in conf) {
+        if (typeof conf[i] == "object") {
+          if (conf[i].hasOwnProperty("color")) {
+            try {
+              fold
+                .addColor(conf[i], "color")
+                .onChange(function () {
+                  _self.redraw();
+                })
+                .name(basePath + i + ".color")
+                .title(basePath + i + ".color")
+                .listen();
+            } catch (e) {
+              console.error("[createGUI] Invalid color value, gui library cannot recognize.", conf[i]["color"]);
+            }
+          }
+          // console.log("basePath", basePath, i, conf[i], conf[i].hasOwnProperty("lineWidth"));
+          if (conf[i].hasOwnProperty("lineWidth")) {
+            try {
+              // console.log("adding ", basePath, i);
+              fold
+                .add(conf[i], "lineWidth")
+                .min(1)
+                .max(10)
+                .step(1)
+                .onChange(function () {
+                  _self.redraw();
+                })
+                .name(basePath + i + ".lineWidth")
+                .title(basePath + i + ".lineWidth")
+                .listen();
+              // console.log("adding 2", basePath, i);
+            } catch (e) {
+              console.error("[createGUI] Invalid lineWidth value, gui library cannot recognize.", conf[i]["lineWidth"]);
+            }
+          }
+          for (var e in conf[i]) {
+            if (conf[i].hasOwnProperty(e) && typeof conf[i][e] == "object") {
+              // console.log(e);
+              _addDrawConfigElement(fold, (basePath != "" ? basePath + "." : "") + i + "." + e, conf[i]);
+            }
+          }
+        }
+      }
+    };
+    _addDrawConfigElement(fold0100, "", pb.drawConfig);
+
+    fold0
+      .add(pb.config, "scaleX")
+      .title("Scale x.")
+      .min(0.01)
+      .max(10.0)
+      .step(0.01)
+      .onChange(function () {
+        _self.draw.scale.x = _self.fill.scale.x = _self.config.scaleX;
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "scaleY")
+      .title("Scale y.")
+      .min(0.01)
+      .max(10.0)
+      .step(0.01)
+      .onChange(function () {
+        _self.draw.scale.y = _self.fill.scale.y = _self.config.scaleY;
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "offsetX")
+      .title("Offset x.")
+      .step(10.0)
+      .onChange(function () {
+        _self.draw.offset.x = _self.fill.offset.x = _self.config.offsetX;
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "offsetY")
+      .title("Offset y.")
+      .step(10.0)
+      .onChange(function () {
+        _self.draw.offset.y = _self.fill.offset.y = _self.config.offsetY;
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "drawOrigin")
+      .title("Draw the origin (0,0).")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "rasterGrid")
+      .title("Draw a fine raster instead a full grid.")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .listen();
+    fold0
+      .add(pb.config, "drawRaster")
+      .title("If set to false no raster or grid will be drawn at all.")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .listen();
+    fold0.add(pb.config, "redrawOnResize").title("Automatically redraw the data if window or canvas is resized.").listen();
+    fold0
+      .addColor(pb.config, "backgroundColor")
+      .onChange(function () {
+        _self.redraw();
+      })
+      .title("Choose a background color.");
+    fold0.add(dummy, "resetOffset").title("Reset the draw offset to (0,0).");
+    fold0.add(dummy, "resetScale").title("Reset the draw scale to (1.,1.).");
+
+    if (pb.config.enableSVGExport) {
+      var foldExport = gui.addFolder("Export");
+      foldExport.close(); // important only for lil-gui
+      foldExport.add(pb.config, "saveFile").name("SVG Image").title("Save as SVG.");
+      globalThis.utils.guiFolders["editor_settings.export"] = foldExport;
+    }
+
+    if (typeof CSSBackdropEffects !== "undefined") {
+      try {
+        var backdropEffects = new CSSBackdropEffects(pb, gui, _tryGetFilterGETParams());
+        // CSSBackdropEffects.DEFAULT_FILTER_VALUES);
+        globalThis.utils["cssBackdropEffects"] = backdropEffects;
+      } catch (e) {
+        console.warn("[creategui] Failed to create backdrop effect input for gui.", e);
+      }
+    }
+
+    globalThis.utils.guiFolders["editor_settings"] = fold0;
+    globalThis.utils.guiFolders["draw_settings"] = fold01;
+
+    return gui;
+  };
+
+  return createGuiFun;
+})(); // END creategui

package/src/_cjs/utils/dat.gui.arrowbounce.polyfill.js

@@ -0,0 +1,128 @@
+/**
+ * This snippet adds an 'arrowBounce' prototype function to all dat.GUI components.
+ *
+ * It's an adaption of the 'title' polyfill found at
+ *    https://stackoverflow.com/questions/27362914/how-to-add-tooltips-to-dat-gui
+ *    by greginvm
+ *
+ * @author   Ikaros Kappler
+ * @date     2020-02-13
+ * @modified 2020-10-14 Changed 'window' to 'globalthis'.
+ * @version   1.0.1
+ * @DEPRECATED dat.gui was replaced by lil-gui.
+ **/
+
+(function () {
+  /* dat.GUI copies the prototype of superclass Controller to all other controllers, so it is not enough to add it only to 
+       the super class as the reference is not maintained */
+  var eachController = function (fnc) {
+    for (var controllerName in dat.controllers) {
+      if (dat.controllers.hasOwnProperty(controllerName)) {
+        fnc(dat.controllers[controllerName]);
+      }
+    }
+  };
+
+  var setArrowBounce = function (v, options) {
+    options = options || {};
+    if (typeof options.fadeDelay == "undefined") options.fadeDelay = 5000;
+    options.fadeDelay = options.fadeDelay / 1000;
+
+    var randomkey = "arrowbounce-" + Math.round(Math.random() * Math.pow(2, 16));
+
+    var _self = this;
+    removeElement = function () {
+      _self.__li.querySelectorAll(".arrowBounce").forEach(function (elem) {
+        elem.parentElement.removeChild(elem);
+      });
+      _self.__li.style.overflow = "hidden"; // Restore old overflow
+      _self.__li.style.position = "static";
+    };
+
+    // __li is the root dom element of each controller
+    if (v) {
+      this.__li.style.position = "relative";
+      this.__li.style.overflow = "visible";
+      //this.__li.style.overflowX = 'visible';
+      //this.__li.style.overflowY = 'hidden';
+      var node = document.createElement("div");
+      node.style.position = "absolute";
+      // node.style.lineHeight = '24px';
+      node.style.left = 0;
+      node.style.top = 0;
+      node.style.transform = "translateX(-100%)";
+      node.classList =
+        randomkey + " arrowBounce hideAfterNs" + (typeof options.className != "undefined" ? " " + options.className : "");
+      // BEGIN custom Styling
+      node.style.paddingRight = "1em";
+      // node.style.paddingTop = node.style.paddingBottom = '0em';
+      node.style.color = "rgb(0,0,0)";
+      // END custom Styling
+
+      node.innerHTML = '<div class="bounce">' + v + '&nbsp;<span style="margin-left: 3em;">➤</span></div>';
+      this.__li.prepend(node);
+      if (typeof options.detachAfter == "number")
+        globalThis.setTimeout(function () {
+          removeElement();
+        }, options.detachAfter);
+    } else {
+      removeElement();
+    }
+
+    // --- Unfortunately IE does not support ES6 Template Literals ---
+    // --- So use '§' instead '$' here plus string.replace(...)    ---
+    // Define a dynamic and local CSS class
+    var style = document.createElement("style");
+    style.type = "text/css";
+    style.innerHTML = `.§{randomkey}.hideAfterNs {  
+	  animation: fadeout 0.5s 1;
+	  -webkit-animation: fadeout 0.5s 1;
+	  animation-fill-mode: forwards;
+
+	  animation-delay: ${options.fadeDelay}s;
+	  -webkit-animation-delay:§{options.fadeDelay}s; /* Safari and Chrome */
+	  -webkit-animation-fill-mode: forwards;
+	}`.replace(/§\{fadeTime\}/g, (options.fadeDelay / 1000).toString());
+    document.getElementsByTagName("head")[0].appendChild(style);
+    return this;
+  };
+
+  // Define a global CSS class
+  var style = document.createElement("style");
+  style.type = "text/css";
+  style.innerHTML = `.bounce {
+	    animation: bounce 2s infinite;
+            background: rgba(255,255,255,0.7);
+            border-radius: 8px;
+            padding-left: 1em;
+            padding-right: 1em;
+	}
+
+	@keyframes bounce {
+	    0%, 20%, 50%, 80%, 100% {
+		transform: translateX(0);
+	    }
+	    40% {
+		transform: translateX(-30px);
+	    }
+	    60% {
+		transform: translateX(-15px);
+	    }
+	}
+        @keyframes fadeout {
+	   from {opacity :1;}
+	   to {opacity :0; display:none;}
+        }
+        @-webkit-keyframes fadeout {
+	   from {opacity :1;}
+	   to {opacity :0;display:none;}
+        }`;
+  document.getElementsByTagName("head")[0].appendChild(style);
+
+  // Install the new feature
+  eachController(function (controller) {
+    if (!controller.prototype.hasOwnProperty("arrowBounce")) {
+      controller.prototype.arrowBounce = setArrowBounce;
+    }
+  });
+})();

package/src/_cjs/utils/dat.gui.title.polyfill.js

@@ -0,0 +1,35 @@
+/**
+ * This snippet adds a 'title' prorotype function to all dat.GUI components.
+ *
+ * Found at
+ *    https://stackoverflow.com/questions/27362914/how-to-add-tooltips-to-dat-gui
+ *    Thanks to greginvm
+ *
+ * @DEPRECATED dat.gui was replaced by lil-gui.
+ **/
+
+/* dat.GUI copies the prototype of superclass Controller to all other controllers, so it is not enough to add it only to 
+the super class as the reference is not maintained */
+var eachController = function (fnc) {
+  for (var controllerName in dat.controllers) {
+    if (dat.controllers.hasOwnProperty(controllerName)) {
+      fnc(dat.controllers[controllerName]);
+    }
+  }
+};
+
+var setTitle = function (v) {
+  // __li is the root dom element of each controller
+  if (v) {
+    this.__li.setAttribute("title", v);
+  } else {
+    this.__li.removeAttribute("title");
+  }
+  return this;
+};
+
+eachController(function (controller) {
+  if (!controller.prototype.hasOwnProperty("title")) {
+    controller.prototype.title = setTitle;
+  }
+});

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

@@ -0,0 +1,83 @@
+/**
+ * @classdesc A circular interval set.
+ *
+ * @author   Ikaros Kappler
+ * @date     2020-10-02
+ * @modified 2020-10-18 Ported to Typescript from vanilla JS.
+ * @modified 2020-10-22 Added the removeAt funcion.
+ * @version  1.0.1
+ * @name CircularIntervalSet
+ **/
+export declare class CircularIntervalSet {
+    /**
+     * @member {number} start
+     * @memberof CircularIntervalSet
+     * @type {number}
+     * @instance
+     */
+    readonly start: number;
+    /**
+     * @member {number} end
+     * @memberof CircularIntervalSet
+     * @type {number}
+     * @instance
+     */
+    readonly end: number;
+    /**
+     * @member {Array<Array<number>>} intervals
+     * @memberof CircularIntervalSet
+     * @type {Array<Array<number>>}
+     * @instance
+     */
+    intervals: Array<Array<number>>;
+    /**
+     * Create a new CircularIntervalSet with the given lower and upperBound (start and end).
+     *
+     * The intervals inside lower and upper bound will initially be added to this set (full range).
+     *
+     * @param {number} start
+     * @param {number} end
+     * @method clear
+     * @memberof CircularIntervalSet
+     **/
+    constructor(start: number, end: number);
+    /**
+     * Clear this set (will be empty after this operation).
+     *
+     * @method clear
+     * @instance
+     * @memberof CircularIntervalSet
+     * @return {void}
+     **/
+    clear(): void;
+    /**
+     * Remove the interval at given index.
+     *
+     * @param {number} index
+     * @method removeAt
+     * @instance
+     * @memberof CircularIntervalSet
+     * @return {void}
+     **/
+    removeAt(index: number): void;
+    /**
+     * Intersect all sub intervalls with the given range (must be inside bounds).
+     *
+     * @param {number} start
+     * @param {number} end
+     * @method intersect
+     * @instance
+     * @memberof CircularIntervalSet
+     * @return {void}
+     **/
+    intersect(start: number, end: number): void;
+    /**
+     * Convert this set to a human readable string.
+     *
+     * @method toString
+     * @instance
+     * @memberof CircularIntervalSet
+     * @return {string}
+     **/
+    toString(): string;
+}