@tsparticles/engine 3.9.1 → 4.0.0-alpha.1

package/esm/Core/Utils/EventListeners.js

@@ -1,5 +1,5 @@
-import { double, lengthOffset, millisecondsToSeconds, minCoordinate, mouseDownEvent, mouseLeaveEvent, mouseMoveEvent, mouseOutEvent, mouseUpEvent, resizeEvent, touchCancelEvent, touchDelay, touchEndEvent, touchMoveEvent, touchStartEvent, visibilityChangeEvent, } from "./Constants.js";
-import { executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
+import { double, lengthOffset, millisecondsToSeconds, mouseDownEvent, mouseLeaveEvent, mouseMoveEvent, mouseOutEvent, mouseUpEvent, resizeEvent, touchCancelEvent, touchDelay, touchEndEvent, touchMoveEvent, touchStartEvent, visibilityChangeEvent, } from "./Constants.js";
+import { executeOnSingleOrMultiple, safeDocument, safeMatchMedia } from "../../Utils/Utils.js";
 import { InteractivityDetect } from "../../Enums/InteractivityDetect.js";
 import { isBoolean } from "../../Utils/TypeUtils.js";
 function manageListener(element, event, handler, add, options) {
@@ -21,6 +21,7 @@ function manageListener(element, event, handler, add, options) {
 export class EventListeners {
     constructor(container) {
         this.container = container;
+        this._canPush = true;
         this._doMouseTouchClick = e => {
             const container = this.container, options = container.actualOptions;
             if (this._canPush) {
@@ -29,12 +30,16 @@ export class EventListeners {
                     return;
                 }
                 mouseInteractivity.clickPosition = { ...mousePos };
-                mouseInteractivity.clickTime = new Date().getTime();
+                mouseInteractivity.clickTime = Date.now();
                 const onClick = options.interactivity.events.onClick;
-                executeOnSingleOrMultiple(onClick.mode, mode => this.container.handleClickMode(mode));
+                executeOnSingleOrMultiple(onClick.mode, mode => {
+                    this.container.handleClickMode(mode);
+                });
             }
             if (e.type === "touchend") {
-                setTimeout(() => this._mouseTouchFinish(), touchDelay);
+                setTimeout(() => {
+                    this._mouseTouchFinish();
+                }, touchDelay);
             }
         };
         this._handleThemeChange = (e) => {
@@ -49,17 +54,17 @@ export class EventListeners {
             if (!options.pauseOnBlur) {
                 return;
             }
-            if (document?.hidden) {
+            if (safeDocument().hidden) {
                 container.pageHidden = true;
                 container.pause();
             }
             else {
                 container.pageHidden = false;
                 if (container.animationStatus) {
-                    void container.play(true);
+                    container.play(true);
                 }
                 else {
-                    void container.draw(true);
+                    container.draw(true);
                 }
             }
         };
@@ -70,7 +75,7 @@ export class EventListeners {
             }
             const handleResize = async () => {
                 const canvas = this.container.canvas;
-                await canvas?.windowResize();
+                await canvas.windowResize();
             };
             this._resizeTimeout = setTimeout(() => void handleResize(), this.container.actualOptions.interactivity.events.resize.delay * millisecondsToSeconds);
         };
@@ -87,14 +92,14 @@ export class EventListeners {
             manageListener(interactivityEl, mouseMoveEvent, handlers.mouseMove, add);
             manageListener(interactivityEl, touchStartEvent, handlers.touchStart, add);
             manageListener(interactivityEl, touchMoveEvent, handlers.touchMove, add);
-            if (!options.interactivity.events.onClick.enable) {
-                manageListener(interactivityEl, touchEndEvent, handlers.touchEnd, add);
-            }
-            else {
+            if (options.interactivity.events.onClick.enable) {
                 manageListener(interactivityEl, touchEndEvent, handlers.touchEndClick, add);
                 manageListener(interactivityEl, mouseUpEvent, handlers.mouseUp, add);
                 manageListener(interactivityEl, mouseDownEvent, handlers.mouseDown, add);
             }
+            else {
+                manageListener(interactivityEl, touchEndEvent, handlers.touchEnd, add);
+            }
             manageListener(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);
             manageListener(interactivityEl, touchCancelEvent, handlers.touchCancel, add);
         };
@@ -114,36 +119,22 @@ export class EventListeners {
             this._manageMediaMatch(add);
             this._manageResize(add);
             this._manageInteractivityListeners(mouseLeaveTmpEvent, add);
-            if (document) {
-                manageListener(document, visibilityChangeEvent, handlers.visibilityChange, add, false);
-            }
+            manageListener(document, visibilityChangeEvent, handlers.visibilityChange, add, false);
         };
         this._manageMediaMatch = add => {
-            const handlers = this._handlers, mediaMatch = safeMatchMedia("(prefers-color-scheme: dark)");
-            if (!mediaMatch) {
+            const handlers = this._handlers;
+            if (!this._matchMedia) {
                 return;
             }
-            if (mediaMatch.addEventListener !== undefined) {
-                manageListener(mediaMatch, "change", handlers.themeChange, add);
-                return;
-            }
-            if (mediaMatch.addListener === undefined) {
-                return;
-            }
-            if (add) {
-                mediaMatch.addListener(handlers.oldThemeChange);
-            }
-            else {
-                mediaMatch.removeListener(handlers.oldThemeChange);
-            }
+            manageListener(this._matchMedia, "change", handlers.themeChange, add);
         };
         this._manageResize = add => {
             const handlers = this._handlers, container = this.container, options = container.actualOptions;
-            if (!options.interactivity.events.resize) {
+            if (!options.interactivity.events.resize.enable) {
                 return;
             }
             if (typeof ResizeObserver === "undefined") {
-                manageListener(window, resizeEvent, handlers.resize, add);
+                manageListener(globalThis, resizeEvent, handlers.resize, add);
                 return;
             }
             const canvasEl = container.canvas.element;
@@ -166,11 +157,7 @@ export class EventListeners {
             }
         };
         this._mouseDown = () => {
-            const { interactivity } = this.container;
-            if (!interactivity) {
-                return;
-            }
-            const { mouse } = interactivity;
+            const { interactivity } = this.container, { mouse } = interactivity;
             mouse.clicking = true;
             mouse.downPosition = mouse.position;
         };
@@ -197,11 +184,7 @@ export class EventListeners {
             mouse.clicking = false;
         };
         this._mouseTouchFinish = () => {
-            const interactivity = this.container.interactivity;
-            if (!interactivity) {
-                return;
-            }
-            const mouse = interactivity.mouse;
+            const { interactivity } = this.container, { mouse } = interactivity;
             delete mouse.position;
             delete mouse.clickPosition;
             delete mouse.downPosition;
@@ -211,7 +194,7 @@ export class EventListeners {
         };
         this._mouseTouchMove = e => {
             const container = this.container, options = container.actualOptions, interactivity = container.interactivity, canvasEl = container.canvas.element;
-            if (!interactivity?.element) {
+            if (!interactivity.element) {
                 return;
             }
             interactivity.mouse.inside = true;
@@ -230,7 +213,7 @@ export class EventListeners {
                 }
                 else if (options.interactivity.detectsOn === InteractivityDetect.parent) {
                     const source = mouseEvent.target, target = mouseEvent.currentTarget;
-                    if (source && target && canvasEl) {
+                    if (canvasEl) {
                         const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();
                         pos = {
                             x: mouseEvent.offsetX + double * sourceRect.left - (targetRect.left + canvasRect.left),
@@ -239,15 +222,15 @@ export class EventListeners {
                     }
                     else {
                         pos = {
-                            x: mouseEvent.offsetX ?? mouseEvent.clientX,
-                            y: mouseEvent.offsetY ?? mouseEvent.clientY,
+                            x: mouseEvent.offsetX,
+                            y: mouseEvent.offsetY,
                         };
                     }
                 }
                 else if (mouseEvent.target === canvasEl) {
                     pos = {
-                        x: mouseEvent.offsetX ?? mouseEvent.clientX,
-                        y: mouseEvent.offsetY ?? mouseEvent.clientY,
+                        x: mouseEvent.offsetX,
+                        y: mouseEvent.offsetY,
                     };
                 }
             }
@@ -255,9 +238,12 @@ export class EventListeners {
                 this._canPush = e.type !== "touchmove";
                 if (canvasEl) {
                     const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - lengthOffset], canvasRect = canvasEl.getBoundingClientRect();
+                    if (!lastTouch) {
+                        return;
+                    }
                     pos = {
-                        x: lastTouch.clientX - (canvasRect.left ?? minCoordinate),
-                        y: lastTouch.clientY - (canvasRect.top ?? minCoordinate),
+                        x: lastTouch.clientX - canvasRect.left,
+                        y: lastTouch.clientY - canvasRect.top,
                     };
                 }
             }
@@ -290,21 +276,45 @@ export class EventListeners {
             }
             this._mouseTouchMove(e);
         };
-        this._canPush = true;
+        this._matchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
         this._touches = new Map();
         this._handlers = {
-            mouseDown: () => this._mouseDown(),
-            mouseLeave: () => this._mouseTouchFinish(),
-            mouseMove: (e) => this._mouseTouchMove(e),
-            mouseUp: (e) => this._mouseTouchClick(e),
-            touchStart: (e) => this._touchStart(e),
-            touchMove: (e) => this._mouseTouchMove(e),
-            touchEnd: (e) => this._touchEnd(e),
-            touchCancel: (e) => this._touchEnd(e),
-            touchEndClick: (e) => this._touchEndClick(e),
-            visibilityChange: () => this._handleVisibilityChange(),
-            themeChange: (e) => this._handleThemeChange(e),
-            oldThemeChange: (e) => this._handleThemeChange(e),
+            mouseDown: () => {
+                this._mouseDown();
+            },
+            mouseLeave: () => {
+                this._mouseTouchFinish();
+            },
+            mouseMove: (e) => {
+                this._mouseTouchMove(e);
+            },
+            mouseUp: (e) => {
+                this._mouseTouchClick(e);
+            },
+            touchStart: (e) => {
+                this._touchStart(e);
+            },
+            touchMove: (e) => {
+                this._mouseTouchMove(e);
+            },
+            touchEnd: (e) => {
+                this._touchEnd(e);
+            },
+            touchCancel: (e) => {
+                this._touchEnd(e);
+            },
+            touchEndClick: (e) => {
+                this._touchEndClick(e);
+            },
+            visibilityChange: () => {
+                this._handleVisibilityChange();
+            },
+            themeChange: (e) => {
+                this._handleThemeChange(e);
+            },
+            oldThemeChange: (e) => {
+                this._handleThemeChange(e);
+            },
             resize: () => {
                 this._handleWindowResize();
             },

package/esm/Core/Utils/QuadTree.js

@@ -1,6 +1,6 @@
 import { Circle, Rectangle } from "./Ranges.js";
 import { double, half, subdivideCount } from "./Constants.js";
-import { getDistance } from "../../Utils/NumberUtils.js";
+import { getDistance } from "../../Utils/MathUtils.js";
 export class QuadTree {
     constructor(rectangle, capacity) {
         this.rectangle = rectangle;

package/esm/Core/Utils/Ranges.js

@@ -1,5 +1,5 @@
-import { RangeType } from "../../Types/RangeType.js";
-import { getDistance } from "../../Utils/NumberUtils.js";
+import { RangeType } from "../../Enums/RangeType.js";
+import { getDistance } from "../../Utils/MathUtils.js";
 import { squareExp } from "./Constants.js";
 export class BaseRange {
     constructor(x, y, type) {

package/esm/Core/Utils/Vectors.js

@@ -1,25 +1,13 @@
-import { errorPrefix, inverseFactorNumerator, none, originPoint, squareExp } from "./Constants.js";
-import { isNumber } from "../../Utils/TypeUtils.js";
+import { inverseFactorNumerator, none, originPoint, squareExp } from "./Constants.js";
 export class Vector3d {
-    constructor(xOrCoords, y, z) {
+    constructor(x = originPoint.x, y = originPoint.y, z = originPoint.z) {
         this._updateFromAngle = (angle, length) => {
             this.x = Math.cos(angle) * length;
             this.y = Math.sin(angle) * length;
         };
-        if (!isNumber(xOrCoords) && xOrCoords) {
-            this.x = xOrCoords.x;
-            this.y = xOrCoords.y;
-            const coords3d = xOrCoords;
-            this.z = coords3d.z ? coords3d.z : originPoint.z;
-        }
-        else if (xOrCoords !== undefined && y !== undefined) {
-            this.x = xOrCoords;
-            this.y = y;
-            this.z = z ?? originPoint.z;
-        }
-        else {
-            throw new Error(`${errorPrefix} Vector3d not initialized correctly`);
-        }
+        this.x = x;
+        this.y = y;
+        this.z = z;
     }
     static get origin() {
         return Vector3d.create(originPoint.x, originPoint.y, originPoint.z);
@@ -40,7 +28,10 @@ export class Vector3d {
         return Vector3d.create(source.x, source.y, source.z);
     }
     static create(x, y, z) {
-        return new Vector3d(x, y, z);
+        if (typeof x === "number") {
+            return new Vector3d(x, y ?? originPoint.y, z ?? originPoint.z);
+        }
+        return new Vector3d(x.x, x.y, Object.hasOwn(x, "z") ? x.z : originPoint.z);
     }
     add(v) {
         return Vector3d.create(this.x + v.x, this.y + v.y, this.z + v.z);
@@ -103,8 +94,8 @@ export class Vector3d {
     }
 }
 export class Vector extends Vector3d {
-    constructor(xOrCoords, y) {
-        super(xOrCoords, y, originPoint.z);
+    constructor(x = originPoint.x, y = originPoint.y) {
+        super(x, y, originPoint.z);
     }
     static get origin() {
         return Vector.create(originPoint.x, originPoint.y);
@@ -113,6 +104,9 @@ export class Vector extends Vector3d {
         return Vector.create(source.x, source.y);
     }
     static create(x, y) {
-        return new Vector(x, y);
+        if (typeof x === "number") {
+            return new Vector(x, y ?? originPoint.y);
+        }
+        return new Vector(x.x, x.y);
     }
 }

package/esm/Enums/RangeType.js

@@ -0,0 +1,5 @@
+export var RangeType;
+(function (RangeType) {
+    RangeType["circle"] = "circle";
+    RangeType["rectangle"] = "rectangle";
+})(RangeType || (RangeType = {}));

package/esm/Options/Classes/AnimatableColor.js

@@ -26,11 +26,11 @@ export class AnimatableColor extends OptionsColor {
         }
         const colorAnimation = data.animation;
         if (colorAnimation !== undefined) {
-            if (colorAnimation.enable !== undefined) {
-                this.animation.h.load(colorAnimation);
+            if (colorAnimation.enable === undefined) {
+                this.animation.load(data.animation);
             }
             else {
-                this.animation.load(data.animation);
+                this.animation.h.load(colorAnimation);
             }
         }
     }

package/esm/Options/Classes/AnimationOptions.js

@@ -1,7 +1,7 @@
 import { AnimationMode } from "../../Enums/Modes/AnimationMode.js";
 import { StartValueType } from "../../Enums/Types/StartValueType.js";
 import { isNull } from "../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../Utils/MathUtils.js";
 export class AnimationOptions {
     constructor() {
         this.count = 0;

package/esm/Options/Classes/ColorAnimation.js

@@ -1,6 +1,6 @@
 import { AnimationOptions } from "./AnimationOptions.js";
 import { isNull } from "../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../Utils/MathUtils.js";
 export class ColorAnimation extends AnimationOptions {
     constructor() {
         super();

package/esm/Options/Classes/Options.js

@@ -1,7 +1,6 @@
 import { deepExtend, executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
 import { isBoolean, isNull } from "../../Utils/TypeUtils.js";
 import { Background } from "./Background/Background.js";
-import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
 import { FullScreen } from "./FullScreen/FullScreen.js";
 import { Interactivity } from "./Interactivity/Interactivity.js";
 import { ManualParticle } from "./ManualParticle.js";
@@ -10,7 +9,7 @@ import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
 import { Theme } from "./Theme/Theme.js";
 import { ThemeMode } from "../../Enums/Modes/ThemeMode.js";
 import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
-import { setRangeValue } from "../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../Utils/MathUtils.js";
 export class Options {
     constructor(engine, container) {
         this._findDefaultTheme = mode => {
@@ -24,7 +23,6 @@ export class Options {
         this._container = container;
         this.autoPlay = true;
         this.background = new Background();
-        this.backgroundMask = new BackgroundMask();
         this.clear = true;
         this.defaultThemes = {};
         this.delay = 0;
@@ -32,6 +30,7 @@ export class Options {
         this.detectRetina = true;
         this.duration = 0;
         this.fpsLimit = 120;
+        this.hdr = true;
         this.interactivity = new Interactivity(engine, container);
         this.manualParticles = [];
         this.particles = loadParticlesOptions(this._engine, this._container);
@@ -48,7 +47,9 @@ export class Options {
             return;
         }
         if (data.preset !== undefined) {
-            executeOnSingleOrMultiple(data.preset, preset => this._importPreset(preset));
+            executeOnSingleOrMultiple(data.preset, preset => {
+                this._importPreset(preset);
+            });
         }
         if (data.autoPlay !== undefined) {
             this.autoPlay = data.autoPlay;
@@ -76,6 +77,9 @@ export class Options {
         if (fpsLimit !== undefined) {
             this.fpsLimit = fpsLimit;
         }
+        if (data.hdr !== undefined) {
+            this.hdr = data.hdr;
+        }
         if (data.pauseOnBlur !== undefined) {
             this.pauseOnBlur = data.pauseOnBlur;
         }
@@ -93,7 +97,6 @@ export class Options {
         else {
             this.fullScreen.load(fullScreen);
         }
-        this.backgroundMask.load(data.backgroundMask);
         this.interactivity.load(data.interactivity);
         if (data.manualParticles) {
             this.manualParticles = data.manualParticles.map(t => {
@@ -127,14 +130,14 @@ export class Options {
         if (data.themes !== undefined) {
             for (const theme of data.themes) {
                 const existingTheme = this.themes.find(t => t.name === theme.name);
-                if (!existingTheme) {
+                if (existingTheme) {
+                    existingTheme.load(theme);
+                }
+                else {
                     const optTheme = new Theme();
                     optTheme.load(theme);
                     this.themes.push(optTheme);
                 }
-                else {
-                    existingTheme.load(theme);
-                }
             }
         }
         this.defaultThemes.dark = this._findDefaultTheme(ThemeMode.dark)?.name;
@@ -142,7 +145,7 @@ export class Options {
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find(t => t.mode === ResponsiveMode.screen && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
+        const responsiveOptions = this.responsive.find(t => t.mode === ResponsiveMode.screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
         this.load(responsiveOptions?.options);
         return responsiveOptions?.maxWidth;
     }

package/esm/Options/Classes/Particles/Move/Move.js

@@ -5,10 +5,9 @@ import { MoveAttract } from "./MoveAttract.js";
 import { MoveCenter } from "./MoveCenter.js";
 import { MoveGravity } from "./MoveGravity.js";
 import { MovePath } from "./Path/MovePath.js";
-import { MoveTrail } from "./MoveTrail.js";
 import { OutModes } from "./OutModes.js";
 import { Spin } from "./Spin.js";
-import { setRangeValue } from "../../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../../Utils/MathUtils.js";
 export class Move {
     constructor() {
         this.angle = new MoveAngle();
@@ -27,7 +26,6 @@ export class Move {
         this.speed = 2;
         this.spin = new Spin();
         this.straight = false;
-        this.trail = new MoveTrail();
         this.vibrate = false;
         this.warp = false;
     }
@@ -84,7 +82,6 @@ export class Move {
         if (data.straight !== undefined) {
             this.straight = data.straight;
         }
-        this.trail.load(data.trail);
         if (data.vibrate !== undefined) {
             this.vibrate = data.vibrate;
         }

package/esm/Options/Classes/Particles/Move/MoveAngle.js

@@ -1,5 +1,5 @@
 import { isNull } from "../../../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../../Utils/MathUtils.js";
 export class MoveAngle {
     constructor() {
         this.offset = 0;

package/esm/Options/Classes/Particles/Move/MoveAttract.js

@@ -1,5 +1,5 @@
 import { isNull } from "../../../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../../Utils/MathUtils.js";
 export class MoveAttract {
     constructor() {
         this.distance = 200;

package/esm/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,5 +1,5 @@
 import { isNull } from "../../../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../../Utils/MathUtils.js";
 export class MoveGravity {
     constructor() {
         this.acceleration = 9.81;

package/esm/Options/Classes/Particles/Move/Spin.js

@@ -1,6 +1,6 @@
 import { deepExtend } from "../../../../Utils/Utils.js";
 import { isNull } from "../../../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../../Utils/MathUtils.js";
 export class Spin {
     constructor() {
         this.acceleration = 0;

package/esm/Options/Classes/Particles/ParticlesOptions.js

@@ -1,12 +1,10 @@
 import { deepExtend, executeOnSingleOrMultiple } from "../../../Utils/Utils.js";
 import { AnimatableColor } from "../AnimatableColor.js";
-import { Collisions } from "./Collisions/Collisions.js";
 import { Effect } from "./Effect/Effect.js";
 import { Move } from "./Move/Move.js";
 import { Opacity } from "./Opacity/Opacity.js";
 import { ParticlesBounce } from "./Bounce/ParticlesBounce.js";
 import { ParticlesNumber } from "./Number/ParticlesNumber.js";
-import { Shadow } from "./Shadow.js";
 import { Shape } from "./Shape/Shape.js";
 import { Size } from "./Size/Size.js";
 import { Stroke } from "./Stroke.js";
@@ -17,7 +15,6 @@ export class ParticlesOptions {
         this._engine = engine;
         this._container = container;
         this.bounce = new ParticlesBounce();
-        this.collisions = new Collisions();
         this.color = new AnimatableColor();
         this.color.value = "#fff";
         this.effect = new Effect();
@@ -26,7 +23,6 @@ export class ParticlesOptions {
         this.number = new ParticlesNumber();
         this.opacity = new Opacity();
         this.reduceDuplicates = false;
-        this.shadow = new Shadow();
         this.shape = new Shape();
         this.size = new Size();
         this.stroke = new Stroke();
@@ -58,9 +54,7 @@ export class ParticlesOptions {
         this.opacity.load(data.opacity);
         this.shape.load(data.shape);
         this.size.load(data.size);
-        this.shadow.load(data.shadow);
         this.zIndex.load(data.zIndex);
-        this.collisions.load(data.collisions);
         if (data.interactivity !== undefined) {
             this.interactivity = deepExtend({}, data.interactivity);
         }

package/esm/Options/Classes/Particles/Stroke.js

@@ -1,6 +1,6 @@
 import { AnimatableColor } from "../AnimatableColor.js";
 import { isNull } from "../../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../../Utils/MathUtils.js";
 export class Stroke {
     constructor() {
         this.width = 0;

package/esm/Options/Classes/ValueWithRandom.js

@@ -1,6 +1,6 @@
 import { AnimationOptions, RangedAnimationOptions } from "./AnimationOptions.js";
 import { isNull } from "../../Utils/TypeUtils.js";
-import { setRangeValue } from "../../Utils/NumberUtils.js";
+import { setRangeValue } from "../../Utils/MathUtils.js";
 export class ValueWithRandom {
     constructor() {
         this.value = 0;