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

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

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MoveAttract = void 0;
-    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+    const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
     class MoveAttract {
         constructor() {
             this.distance = 200;
@@ -20,36 +20,25 @@
                 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;
             }
             if (data.distance !== undefined) {
-                this.distance = (0, NumberUtils_1.setRangeValue)(data.distance);
+                this.distance = (0, NumberUtils_js_1.setRangeValue)(data.distance);
             }
             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/umd/Options/Classes/Particles/Move/MoveGravity.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MoveGravity = void 0;
-    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+    const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
     class MoveGravity {
         constructor() {
             this.acceleration = 9.81;
@@ -23,7 +23,7 @@
                 return;
             }
             if (data.acceleration !== undefined) {
-                this.acceleration = (0, NumberUtils_1.setRangeValue)(data.acceleration);
+                this.acceleration = (0, NumberUtils_js_1.setRangeValue)(data.acceleration);
             }
             if (data.enable !== undefined) {
                 this.enable = data.enable;
@@ -32,7 +32,7 @@
                 this.inverse = data.inverse;
             }
             if (data.maxSpeed !== undefined) {
-                this.maxSpeed = (0, NumberUtils_1.setRangeValue)(data.maxSpeed);
+                this.maxSpeed = (0, NumberUtils_js_1.setRangeValue)(data.maxSpeed);
             }
         }
     }

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

@@ -4,24 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./MoveTrailFill"], factory);
+        define(["require", "exports", "./MoveTrailFill.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MoveTrail = void 0;
-    const MoveTrailFill_1 = require("./MoveTrailFill");
+    const MoveTrailFill_js_1 = require("./MoveTrailFill.js");
     class MoveTrail {
         constructor() {
             this.enable = false;
             this.length = 10;
-            this.fill = new MoveTrailFill_1.MoveTrailFill();
-        }
-        get fillColor() {
-            return this.fill.color;
-        }
-        set fillColor(value) {
-            this.fill.load({ color: value });
+            this.fill = new MoveTrailFill_js_1.MoveTrailFill();
         }
         load(data) {
             if (!data) {
@@ -30,8 +24,8 @@
             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/umd/Options/Classes/Particles/Move/MoveTrailFill.js

@@ -4,20 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../OptionsColor"], factory);
+        define(["require", "exports", "../../OptionsColor.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MoveTrailFill = void 0;
-    const OptionsColor_1 = require("../../OptionsColor");
+    const OptionsColor_js_1 = require("../../OptionsColor.js");
     class MoveTrailFill {
         load(data) {
             if (!data) {
                 return;
             }
             if (data.color !== undefined) {
-                this.color = OptionsColor_1.OptionsColor.create(this.color, data.color);
+                this.color = OptionsColor_js_1.OptionsColor.create(this.color, data.color);
             }
             if (data.image !== undefined) {
                 this.image = data.image;

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

@@ -15,17 +15,16 @@
             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;
         }
     }
     exports.OutModes = OutModes;

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

@@ -4,18 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../ValueWithRandom", "../../../../../Utils/Utils"], factory);
+        define(["require", "exports", "../../../ValueWithRandom.js", "../../../../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.MovePath = void 0;
-    const ValueWithRandom_1 = require("../../../ValueWithRandom");
-    const Utils_1 = require("../../../../../Utils/Utils");
+    const ValueWithRandom_js_1 = require("../../../ValueWithRandom.js");
+    const Utils_js_1 = require("../../../../../Utils/Utils.js");
     class MovePath {
         constructor() {
             this.clamp = true;
-            this.delay = new ValueWithRandom_1.ValueWithRandom();
+            this.delay = new ValueWithRandom_js_1.ValueWithRandom();
             this.enable = false;
             this.options = {};
         }
@@ -32,7 +32,7 @@
             }
             this.generator = data.generator;
             if (data.options) {
-                this.options = (0, Utils_1.deepExtend)(this.options, data.options);
+                this.options = (0, Utils_js_1.deepExtend)(this.options, data.options);
             }
         }
     }

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

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils/Utils", "../../../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../../../../Utils/Utils.js", "../../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Spin = void 0;
-    const Utils_1 = require("../../../../Utils/Utils");
-    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+    const Utils_js_1 = require("../../../../Utils/Utils.js");
+    const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
     class Spin {
         constructor() {
             this.acceleration = 0;
@@ -22,12 +22,14 @@
                 return;
             }
             if (data.acceleration !== undefined) {
-                this.acceleration = (0, NumberUtils_1.setRangeValue)(data.acceleration);
+                this.acceleration = (0, NumberUtils_js_1.setRangeValue)(data.acceleration);
             }
             if (data.enable !== undefined) {
                 this.enable = data.enable;
             }
-            this.position = data.position ? (0, Utils_1.deepExtend)({}, data.position) : undefined;
+            if (data.position) {
+                this.position = (0, Utils_js_1.deepExtend)({}, data.position);
+            }
         }
     }
     exports.Spin = Spin;

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

@@ -16,37 +16,18 @@
             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/umd/Options/Classes/Particles/Number/ParticlesNumber.js

@@ -4,32 +4,25 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ParticlesDensity"], factory);
+        define(["require", "exports", "./ParticlesDensity.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ParticlesNumber = void 0;
-    const ParticlesDensity_1 = require("./ParticlesDensity");
+    const ParticlesDensity_js_1 = require("./ParticlesDensity.js");
     class ParticlesNumber {
         constructor() {
-            this.density = new ParticlesDensity_1.ParticlesDensity();
+            this.density = new ParticlesDensity_js_1.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/umd/Options/Classes/Particles/Opacity/Opacity.js

@@ -4,26 +4,30 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./OpacityAnimation", "../../ValueWithRandom"], factory);
+        define(["require", "exports", "./OpacityAnimation.js", "../../ValueWithRandom.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Opacity = void 0;
-    const OpacityAnimation_1 = require("./OpacityAnimation");
-    const ValueWithRandom_1 = require("../../ValueWithRandom");
-    class Opacity extends ValueWithRandom_1.RangedAnimationValueWithRandom {
+    const OpacityAnimation_js_1 = require("./OpacityAnimation.js");
+    const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+    class Opacity extends ValueWithRandom_js_1.ValueWithRandom {
         constructor() {
             super();
-            this.animation = new OpacityAnimation_1.OpacityAnimation();
+            this.animation = new OpacityAnimation_js_1.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);
+            }
         }
     }
     exports.Opacity = Opacity;

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

@@ -4,29 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../AnimationOptions"], factory);
+        define(["require", "exports", "../../AnimationOptions.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.OpacityAnimation = void 0;
-    const AnimationOptions_1 = require("../../AnimationOptions");
-    class OpacityAnimation extends AnimationOptions_1.RangedAnimationOptions {
+    const AnimationOptions_js_1 = require("../../AnimationOptions.js");
+    class OpacityAnimation extends AnimationOptions_js_1.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/umd/Options/Classes/Particles/ParticlesOptions.js

@@ -4,55 +4,54 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Utils/Utils", "../AnimatableColor", "./Collisions/Collisions", "./Move/Move", "./Opacity/Opacity", "./Bounce/ParticlesBounce", "./Number/ParticlesNumber", "./Shadow", "./Shape/Shape", "./Size/Size", "./Stroke", "./ZIndex/ZIndex"], factory);
+        define(["require", "exports", "../../../Utils/Utils.js", "../AnimatableColor.js", "./Collisions/Collisions.js", "./Move/Move.js", "./Opacity/Opacity.js", "./Bounce/ParticlesBounce.js", "./Number/ParticlesNumber.js", "./Shadow.js", "./Shape/Shape.js", "./Size/Size.js", "./Stroke.js", "./ZIndex/ZIndex.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ParticlesOptions = void 0;
-    const Utils_1 = require("../../../Utils/Utils");
-    const AnimatableColor_1 = require("../AnimatableColor");
-    const Collisions_1 = require("./Collisions/Collisions");
-    const Move_1 = require("./Move/Move");
-    const Opacity_1 = require("./Opacity/Opacity");
-    const ParticlesBounce_1 = require("./Bounce/ParticlesBounce");
-    const ParticlesNumber_1 = require("./Number/ParticlesNumber");
-    const Shadow_1 = require("./Shadow");
-    const Shape_1 = require("./Shape/Shape");
-    const Size_1 = require("./Size/Size");
-    const Stroke_1 = require("./Stroke");
-    const ZIndex_1 = require("./ZIndex/ZIndex");
+    const Utils_js_1 = require("../../../Utils/Utils.js");
+    const AnimatableColor_js_1 = require("../AnimatableColor.js");
+    const Collisions_js_1 = require("./Collisions/Collisions.js");
+    const Move_js_1 = require("./Move/Move.js");
+    const Opacity_js_1 = require("./Opacity/Opacity.js");
+    const ParticlesBounce_js_1 = require("./Bounce/ParticlesBounce.js");
+    const ParticlesNumber_js_1 = require("./Number/ParticlesNumber.js");
+    const Shadow_js_1 = require("./Shadow.js");
+    const Shape_js_1 = require("./Shape/Shape.js");
+    const Size_js_1 = require("./Size/Size.js");
+    const Stroke_js_1 = require("./Stroke.js");
+    const ZIndex_js_1 = require("./ZIndex/ZIndex.js");
     class ParticlesOptions {
         constructor(engine, container) {
             this._engine = engine;
             this._container = container;
-            this.bounce = new ParticlesBounce_1.ParticlesBounce();
-            this.collisions = new Collisions_1.Collisions();
-            this.color = new AnimatableColor_1.AnimatableColor();
+            this.bounce = new ParticlesBounce_js_1.ParticlesBounce();
+            this.collisions = new Collisions_js_1.Collisions();
+            this.color = new AnimatableColor_js_1.AnimatableColor();
             this.color.value = "#fff";
             this.groups = {};
-            this.move = new Move_1.Move();
-            this.number = new ParticlesNumber_1.ParticlesNumber();
-            this.opacity = new Opacity_1.Opacity();
+            this.move = new Move_js_1.Move();
+            this.number = new ParticlesNumber_js_1.ParticlesNumber();
+            this.opacity = new Opacity_js_1.Opacity();
             this.reduceDuplicates = false;
-            this.shadow = new Shadow_1.Shadow();
-            this.shape = new Shape_1.Shape();
-            this.size = new Size_1.Size();
-            this.stroke = new Stroke_1.Stroke();
-            this.zIndex = new ZIndex_1.ZIndex();
+            this.shadow = new Shadow_js_1.Shadow();
+            this.shape = new Shape_js_1.Shape();
+            this.size = new Size_js_1.Size();
+            this.stroke = new Stroke_js_1.Stroke();
+            this.zIndex = new ZIndex_js_1.ZIndex();
         }
         load(data) {
-            var _a, _b, _c, _d;
             if (!data) {
                 return;
             }
             this.bounce.load(data.bounce);
-            this.color.load(AnimatableColor_1.AnimatableColor.create(this.color, data.color));
+            this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
             if (data.groups !== undefined) {
                 for (const group in data.groups) {
                     const item = data.groups[group];
                     if (item !== undefined) {
-                        this.groups[group] = (0, Utils_1.deepExtend)((_a = this.groups[group]) !== null && _a !== void 0 ? _a : {}, item);
+                        this.groups[group] = (0, Utils_js_1.deepExtend)(this.groups[group] ?? {}, item);
                     }
                 }
             }
@@ -66,24 +65,20 @@
             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 = (0, Utils_1.deepExtend)({}, data.interactivity);
+                this.interactivity = (0, Utils_js_1.deepExtend)({}, data.interactivity);
             }
-            const stroke = data.stroke;
-            if (stroke) {
-                this.stroke = (0, Utils_1.executeOnSingleOrMultiple)(stroke, (t) => {
-                    const tmp = new Stroke_1.Stroke();
+            const strokeToLoad = data.stroke;
+            if (strokeToLoad) {
+                this.stroke = (0, Utils_js_1.executeOnSingleOrMultiple)(strokeToLoad, (t) => {
+                    const tmp = new Stroke_js_1.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) {
@@ -91,7 +86,7 @@
                         }
                     }
                 }
-                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/umd/Options/Classes/Particles/Shadow.js

@@ -4,17 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../OptionsColor"], factory);
+        define(["require", "exports", "../OptionsColor.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Shadow = void 0;
-    const OptionsColor_1 = require("../OptionsColor");
+    const OptionsColor_js_1 = require("../OptionsColor.js");
     class Shadow {
         constructor() {
             this.blur = 0;
-            this.color = new OptionsColor_1.OptionsColor();
+            this.color = new OptionsColor_js_1.OptionsColor();
             this.enable = false;
             this.offset = {
                 x: 0,
@@ -29,7 +29,7 @@
             if (data.blur !== undefined) {
                 this.blur = data.blur;
             }
-            this.color = OptionsColor_1.OptionsColor.create(this.color, data.color);
+            this.color = OptionsColor_js_1.OptionsColor.create(this.color, data.color);
             if (data.enable !== undefined) {
                 this.enable = data.enable;
             }

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

@@ -4,40 +4,39 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils/Utils"], factory);
+        define(["require", "exports", "../../../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Shape = void 0;
-    const Utils_1 = require("../../../../Utils/Utils");
+    const Utils_js_1 = require("../../../../Utils/Utils.js");
     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] = (0, Utils_1.deepExtend)((_a = this.options[shape]) !== null && _a !== void 0 ? _a : {}, item);
+                        this.options[shape] = (0, Utils_js_1.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;
             }