@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

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

@@ -1,11 +1,13 @@
-import { CollisionsAbsorb } from "./CollisionsAbsorb";
-import { CollisionsOverlap } from "./CollisionsOverlap";
-import { ParticlesBounce } from "../Bounce/ParticlesBounce";
+import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
+import { CollisionsOverlap } from "./CollisionsOverlap.js";
+import { ParticlesBounce } from "../Bounce/ParticlesBounce.js";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Collisions {
     constructor() {
         this.absorb = new CollisionsAbsorb();
         this.bounce = new ParticlesBounce();
         this.enable = false;
+        this.maxSpeed = 50;
         this.mode = "bounce";
         this.overlap = new CollisionsOverlap();
     }
@@ -18,6 +20,9 @@ export class Collisions {
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
+        if (data.maxSpeed !== undefined) {
+            this.maxSpeed = setRangeValue(data.maxSpeed);
+        }
         if (data.mode !== undefined) {
             this.mode = data.mode;
         }

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

@@ -1,12 +1,13 @@
-import { MoveAngle } from "./MoveAngle";
-import { MoveAttract } from "./MoveAttract";
-import { MoveCenter } from "./MoveCenter";
-import { MoveGravity } from "./MoveGravity";
-import { MovePath } from "./Path/MovePath";
-import { MoveTrail } from "./MoveTrail";
-import { OutModes } from "./OutModes";
-import { Spin } from "./Spin";
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { isNumber, isObject } from "../../../../Utils/Utils.js";
+import { MoveAngle } from "./MoveAngle.js";
+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";
 export class Move {
     constructor() {
         this.angle = new MoveAngle();
@@ -29,41 +30,11 @@ export class Move {
         this.vibrate = false;
         this.warp = false;
     }
-    get bounce() {
-        return this.collisions;
-    }
-    set bounce(value) {
-        this.collisions = value;
-    }
-    get collisions() {
-        return false;
-    }
-    set collisions(_) {
-    }
-    get noise() {
-        return this.path;
-    }
-    set noise(value) {
-        this.path = value;
-    }
-    get outMode() {
-        return this.outModes.default;
-    }
-    set outMode(value) {
-        this.outModes.default = value;
-    }
-    get out_mode() {
-        return this.outMode;
-    }
-    set out_mode(value) {
-        this.outMode = value;
-    }
     load(data) {
-        var _a, _b, _c;
         if (!data) {
             return;
         }
-        this.angle.load(typeof data.angle === "number" ? { value: data.angle } : data.angle);
+        this.angle.load(isNumber(data.angle) ? { value: data.angle } : data.angle);
         this.attract.load(data.attract);
         this.center.load(data.center);
         if (data.decay !== undefined) {
@@ -73,13 +44,12 @@ export class Move {
             this.direction = data.direction;
         }
         if (data.distance !== undefined) {
-            this.distance =
-                typeof data.distance === "number"
-                    ? {
-                        horizontal: data.distance,
-                        vertical: data.distance,
-                    }
-                    : Object.assign({}, data.distance);
+            this.distance = isNumber(data.distance)
+                ? {
+                    horizontal: data.distance,
+                    vertical: data.distance,
+                }
+                : { ...data.distance };
         }
         if (data.drift !== undefined) {
             this.drift = setRangeValue(data.drift);
@@ -88,9 +58,9 @@ export class Move {
             this.enable = data.enable;
         }
         this.gravity.load(data.gravity);
-        const outModes = (_b = (_a = data.outModes) !== null && _a !== void 0 ? _a : data.outMode) !== null && _b !== void 0 ? _b : data.out_mode;
+        const outModes = data.outModes;
         if (outModes !== undefined) {
-            if (typeof outModes === "object") {
+            if (isObject(outModes)) {
                 this.outModes.load(outModes);
             }
             else {
@@ -99,7 +69,7 @@ export class Move {
                 });
             }
         }
-        this.path.load((_c = data.path) !== null && _c !== void 0 ? _c : data.noise);
+        this.path.load(data.path);
         if (data.random !== undefined) {
             this.random = data.random;
         }

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

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

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

@@ -1,4 +1,4 @@
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveAttract {
     constructor() {
         this.distance = 200;
@@ -8,20 +8,7 @@ export class MoveAttract {
             y: 3000,
         };
     }
-    get rotateX() {
-        return this.rotate.x;
-    }
-    set rotateX(value) {
-        this.rotate.x = value;
-    }
-    get rotateY() {
-        return this.rotate.y;
-    }
-    set rotateY(value) {
-        this.rotate.y = value;
-    }
     load(data) {
-        var _a, _b, _c, _d;
         if (!data) {
             return;
         }
@@ -31,13 +18,15 @@ export class MoveAttract {
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
-        const rotateX = (_b = (_a = data.rotate) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : data.rotateX;
-        if (rotateX !== undefined) {
-            this.rotate.x = rotateX;
-        }
-        const rotateY = (_d = (_c = data.rotate) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : data.rotateY;
-        if (rotateY !== undefined) {
-            this.rotate.y = rotateY;
+        if (data.rotate) {
+            const rotateX = data.rotate.x;
+            if (rotateX !== undefined) {
+                this.rotate.x = rotateX;
+            }
+            const rotateY = data.rotate.y;
+            if (rotateY !== undefined) {
+                this.rotate.y = rotateY;
+            }
         }
     }
 }

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

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

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

@@ -1,16 +1,10 @@
-import { MoveTrailFill } from "./MoveTrailFill";
+import { MoveTrailFill } from "./MoveTrailFill.js";
 export class MoveTrail {
     constructor() {
         this.enable = false;
         this.length = 10;
         this.fill = new MoveTrailFill();
     }
-    get fillColor() {
-        return this.fill.color;
-    }
-    set fillColor(value) {
-        this.fill.load({ color: value });
-    }
     load(data) {
         if (!data) {
             return;
@@ -18,8 +12,8 @@ export class MoveTrail {
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
-        if (data.fill !== undefined || data.fillColor !== undefined) {
-            this.fill.load(data.fill || { color: data.fillColor });
+        if (data.fill !== undefined) {
+            this.fill.load(data.fill);
         }
         if (data.length !== undefined) {
             this.length = data.length;

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

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../../OptionsColor";
+import { OptionsColor } from "../../OptionsColor.js";
 export class MoveTrailFill {
     load(data) {
         if (!data) {

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

@@ -3,16 +3,15 @@ export class OutModes {
         this.default = "out";
     }
     load(data) {
-        var _a, _b, _c, _d;
         if (!data) {
             return;
         }
         if (data.default !== undefined) {
             this.default = data.default;
         }
-        this.bottom = (_a = data.bottom) !== null && _a !== void 0 ? _a : data.default;
-        this.left = (_b = data.left) !== null && _b !== void 0 ? _b : data.default;
-        this.right = (_c = data.right) !== null && _c !== void 0 ? _c : data.default;
-        this.top = (_d = data.top) !== null && _d !== void 0 ? _d : data.default;
+        this.bottom = data.bottom ?? data.default;
+        this.left = data.left ?? data.default;
+        this.right = data.right ?? data.default;
+        this.top = data.top ?? data.default;
     }
 }

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

@@ -1,5 +1,5 @@
-import { ValueWithRandom } from "../../../ValueWithRandom";
-import { deepExtend } from "../../../../../Utils/Utils";
+import { ValueWithRandom } from "../../../ValueWithRandom.js";
+import { deepExtend } from "../../../../../Utils/Utils.js";
 export class MovePath {
     constructor() {
         this.clamp = true;

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

@@ -1,5 +1,5 @@
-import { deepExtend } from "../../../../Utils/Utils";
-import { setRangeValue } from "../../../../Utils/NumberUtils";
+import { deepExtend } from "../../../../Utils/Utils.js";
+import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Spin {
     constructor() {
         this.acceleration = 0;
@@ -15,6 +15,8 @@ export class Spin {
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
-        this.position = data.position ? deepExtend({}, data.position) : undefined;
+        if (data.position) {
+            this.position = deepExtend({}, data.position);
+        }
     }
 }

package/esm/Options/Classes/Particles/Number/ParticlesDensity.js

@@ -4,37 +4,18 @@ export class ParticlesDensity {
         this.width = 1920;
         this.height = 1080;
     }
-    get area() {
-        return this.width;
-    }
-    set area(value) {
-        this.width = value;
-    }
-    get factor() {
-        return this.height;
-    }
-    set factor(value) {
-        this.height = value;
-    }
-    get value_area() {
-        return this.area;
-    }
-    set value_area(value) {
-        this.area = value;
-    }
     load(data) {
-        var _a, _b, _c;
         if (!data) {
             return;
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
-        const width = (_b = (_a = data.width) !== null && _a !== void 0 ? _a : data.area) !== null && _b !== void 0 ? _b : data.value_area;
+        const width = data.width;
         if (width !== undefined) {
             this.width = width;
         }
-        const height = (_c = data.height) !== null && _c !== void 0 ? _c : data.factor;
+        const height = data.height;
         if (height !== undefined) {
             this.height = height;
         }

package/esm/Options/Classes/Particles/Number/ParticlesNumber.js

@@ -1,23 +1,16 @@
-import { ParticlesDensity } from "./ParticlesDensity";
+import { ParticlesDensity } from "./ParticlesDensity.js";
 export class ParticlesNumber {
     constructor() {
         this.density = new ParticlesDensity();
         this.limit = 0;
-        this.value = 100;
-    }
-    get max() {
-        return this.limit;
-    }
-    set max(value) {
-        this.limit = value;
+        this.value = 0;
     }
     load(data) {
-        var _a;
         if (!data) {
             return;
         }
         this.density.load(data.density);
-        const limit = (_a = data.limit) !== null && _a !== void 0 ? _a : data.max;
+        const limit = data.limit;
         if (limit !== undefined) {
             this.limit = limit;
         }

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

@@ -1,16 +1,20 @@
-import { OpacityAnimation } from "./OpacityAnimation";
-import { RangedAnimationValueWithRandom } from "../../ValueWithRandom";
-export class Opacity extends RangedAnimationValueWithRandom {
+import { OpacityAnimation } from "./OpacityAnimation.js";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
+export class Opacity extends ValueWithRandom {
     constructor() {
         super();
         this.animation = new OpacityAnimation();
         this.random.minimumValue = 0.1;
         this.value = 1;
     }
-    get anim() {
-        return this.animation;
-    }
-    set anim(value) {
-        this.animation = value;
+    load(data) {
+        if (!data) {
+            return;
+        }
+        super.load(data);
+        const animation = data.animation;
+        if (animation !== undefined) {
+            this.animation.load(animation);
+        }
     }
 }

package/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js

@@ -1,20 +1,11 @@
-import { RangedAnimationOptions } from "../../AnimationOptions";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
 export class OpacityAnimation extends RangedAnimationOptions {
     constructor() {
         super();
         this.destroy = "none";
         this.speed = 2;
     }
-    get opacity_min() {
-        return this.minimumValue;
-    }
-    set opacity_min(value) {
-        this.minimumValue = value;
-    }
     load(data) {
-        if ((data === null || data === void 0 ? void 0 : data.opacity_min) !== undefined && data.minimumValue === undefined) {
-            data.minimumValue = data.opacity_min;
-        }
         super.load(data);
         if (!data) {
             return;

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

@@ -1,15 +1,15 @@
-import { deepExtend, executeOnSingleOrMultiple } from "../../../Utils/Utils";
-import { AnimatableColor } from "../AnimatableColor";
-import { Collisions } from "./Collisions/Collisions";
-import { Move } from "./Move/Move";
-import { Opacity } from "./Opacity/Opacity";
-import { ParticlesBounce } from "./Bounce/ParticlesBounce";
-import { ParticlesNumber } from "./Number/ParticlesNumber";
-import { Shadow } from "./Shadow";
-import { Shape } from "./Shape/Shape";
-import { Size } from "./Size/Size";
-import { Stroke } from "./Stroke";
-import { ZIndex } from "./ZIndex/ZIndex";
+import { deepExtend, executeOnSingleOrMultiple } from "../../../Utils/Utils.js";
+import { AnimatableColor } from "../AnimatableColor.js";
+import { Collisions } from "./Collisions/Collisions.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";
+import { ZIndex } from "./ZIndex/ZIndex.js";
 export class ParticlesOptions {
     constructor(engine, container) {
         this._engine = engine;
@@ -30,7 +30,6 @@ export class ParticlesOptions {
         this.zIndex = new ZIndex();
     }
     load(data) {
-        var _a, _b, _c, _d;
         if (!data) {
             return;
         }
@@ -40,7 +39,7 @@ export class ParticlesOptions {
             for (const group in data.groups) {
                 const item = data.groups[group];
                 if (item !== undefined) {
-                    this.groups[group] = deepExtend((_a = this.groups[group]) !== null && _a !== void 0 ? _a : {}, item);
+                    this.groups[group] = deepExtend(this.groups[group] ?? {}, item);
                 }
             }
         }
@@ -54,24 +53,20 @@ export class ParticlesOptions {
         this.size.load(data.size);
         this.shadow.load(data.shadow);
         this.zIndex.load(data.zIndex);
-        const collisions = (_c = (_b = data.move) === null || _b === void 0 ? void 0 : _b.collisions) !== null && _c !== void 0 ? _c : (_d = data.move) === null || _d === void 0 ? void 0 : _d.bounce;
-        if (collisions !== undefined) {
-            this.collisions.enable = collisions;
-        }
         this.collisions.load(data.collisions);
         if (data.interactivity !== undefined) {
             this.interactivity = deepExtend({}, data.interactivity);
         }
-        const stroke = data.stroke;
-        if (stroke) {
-            this.stroke = executeOnSingleOrMultiple(stroke, (t) => {
+        const strokeToLoad = data.stroke;
+        if (strokeToLoad) {
+            this.stroke = executeOnSingleOrMultiple(strokeToLoad, (t) => {
                 const tmp = new Stroke();
                 tmp.load(t);
                 return tmp;
             });
         }
         if (this._container) {
-            const updaters = this._engine.plugins.updaters.get(this._container);
+            const updaters = this._engine.updaters.get(this._container);
             if (updaters) {
                 for (const updater of updaters) {
                     if (updater.loadOptions) {
@@ -79,7 +74,7 @@ export class ParticlesOptions {
                     }
                 }
             }
-            const interactors = this._engine.plugins.interactors.get(this._container);
+            const interactors = this._engine.interactors.get(this._container);
             if (interactors) {
                 for (const interactor of interactors) {
                     if (interactor.loadParticlesOptions) {

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

@@ -1,4 +1,4 @@
-import { OptionsColor } from "../OptionsColor";
+import { OptionsColor } from "../OptionsColor.js";
 export class Shadow {
     constructor() {
         this.blur = 0;

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

@@ -1,31 +1,30 @@
-import { deepExtend } from "../../../../Utils/Utils";
+import { deepExtend } from "../../../../Utils/Utils.js";
 export class Shape {
     constructor() {
-        this.options = {};
-        this.type = "circle";
         this.close = true;
         this.fill = true;
+        this.options = {};
+        this.type = "circle";
     }
     load(data) {
-        var _a;
         if (!data) {
             return;
         }
-        if (data.close !== undefined) {
-            this.close = data.close;
-        }
-        if (data.fill !== undefined) {
-            this.fill = data.fill;
-        }
         const options = data.options;
         if (options !== undefined) {
             for (const shape in options) {
                 const item = options[shape];
                 if (item) {
-                    this.options[shape] = deepExtend((_a = this.options[shape]) !== null && _a !== void 0 ? _a : {}, item);
+                    this.options[shape] = deepExtend(this.options[shape] ?? {}, item);
                 }
             }
         }
+        if (data.close !== undefined) {
+            this.close = data.close;
+        }
+        if (data.fill !== undefined) {
+            this.fill = data.fill;
+        }
         if (data.type !== undefined) {
             this.type = data.type;
         }

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

@@ -1,16 +1,20 @@
-import { RangedAnimationValueWithRandom } from "../../ValueWithRandom";
-import { SizeAnimation } from "./SizeAnimation";
-export class Size extends RangedAnimationValueWithRandom {
+import { SizeAnimation } from "./SizeAnimation.js";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
+export class Size extends ValueWithRandom {
     constructor() {
         super();
         this.animation = new SizeAnimation();
         this.random.minimumValue = 1;
         this.value = 3;
     }
-    get anim() {
-        return this.animation;
-    }
-    set anim(value) {
-        this.animation = value;
+    load(data) {
+        super.load(data);
+        if (!data) {
+            return;
+        }
+        const animation = data.animation;
+        if (animation !== undefined) {
+            this.animation.load(animation);
+        }
     }
 }

package/esm/Options/Classes/Particles/Size/SizeAnimation.js

@@ -1,20 +1,11 @@
-import { RangedAnimationOptions } from "../../AnimationOptions";
+import { RangedAnimationOptions } from "../../AnimationOptions.js";
 export class SizeAnimation extends RangedAnimationOptions {
     constructor() {
         super();
         this.destroy = "none";
         this.speed = 5;
     }
-    get size_min() {
-        return this.minimumValue;
-    }
-    set size_min(value) {
-        this.minimumValue = value;
-    }
     load(data) {
-        if ((data === null || data === void 0 ? void 0 : data.size_min) !== undefined && data.minimumValue === undefined) {
-            data.minimumValue = data.size_min;
-        }
         super.load(data);
         if (!data) {
             return;

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

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

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

@@ -1,4 +1,4 @@
-import { ValueWithRandom } from "../../ValueWithRandom";
+import { ValueWithRandom } from "../../ValueWithRandom.js";
 export class ZIndex extends ValueWithRandom {
     constructor() {
         super();

package/esm/Options/Classes/Responsive.js

@@ -1,4 +1,4 @@
-import { deepExtend } from "../../Utils/Utils";
+import { deepExtend } from "../../Utils/Utils.js";
 export class Responsive {
     constructor() {
         this.maxWidth = Infinity;

package/esm/Options/Classes/Theme/Theme.js

@@ -1,5 +1,5 @@
-import { ThemeDefault } from "./ThemeDefault";
-import { deepExtend } from "../../../Utils/Utils";
+import { ThemeDefault } from "./ThemeDefault.js";
+import { deepExtend } from "../../../Utils/Utils.js";
 export class Theme {
     constructor() {
         this.name = "";