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

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

@@ -1,8 +1,8 @@
 "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;
@@ -13,12 +13,14 @@ class Spin {
             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/cjs/Options/Classes/Particles/Number/ParticlesDensity.js

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

@@ -1,26 +1,19 @@
 "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/cjs/Options/Classes/Particles/Opacity/Opacity.js

@@ -1,20 +1,24 @@
 "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/cjs/Options/Classes/Particles/Opacity/OpacityAnimation.js

@@ -1,23 +1,14 @@
 "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/cjs/Options/Classes/Particles/ParticlesOptions.js

@@ -1,49 +1,48 @@
 "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);
                 }
             }
         }
@@ -57,24 +56,20 @@ 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 = (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) {
@@ -82,7 +77,7 @@ 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/cjs/Options/Classes/Particles/Shadow.js

@@ -1,11 +1,11 @@
 "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,
@@ -20,7 +20,7 @@ class Shadow {
         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/cjs/Options/Classes/Particles/Shape/Shape.js

@@ -1,34 +1,33 @@
 "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;
         }

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

@@ -1,20 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Size = void 0;
-const ValueWithRandom_1 = require("../../ValueWithRandom");
-const SizeAnimation_1 = require("./SizeAnimation");
-class Size extends ValueWithRandom_1.RangedAnimationValueWithRandom {
+const SizeAnimation_js_1 = require("./SizeAnimation.js");
+const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+class Size extends ValueWithRandom_js_1.ValueWithRandom {
     constructor() {
         super();
-        this.animation = new SizeAnimation_1.SizeAnimation();
+        this.animation = new SizeAnimation_js_1.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);
+        }
     }
 }
 exports.Size = Size;

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

@@ -1,23 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SizeAnimation = void 0;
-const AnimationOptions_1 = require("../../AnimationOptions");
-class SizeAnimation extends AnimationOptions_1.RangedAnimationOptions {
+const AnimationOptions_js_1 = require("../../AnimationOptions.js");
+class SizeAnimation extends AnimationOptions_js_1.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/cjs/Options/Classes/Particles/Stroke.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stroke = void 0;
-const AnimatableColor_1 = require("../AnimatableColor");
-const NumberUtils_1 = require("../../../Utils/NumberUtils");
+const AnimatableColor_js_1 = require("../AnimatableColor.js");
+const NumberUtils_js_1 = require("../../../Utils/NumberUtils.js");
 class Stroke {
     constructor() {
         this.width = 0;
@@ -12,13 +12,13 @@ class Stroke {
             return;
         }
         if (data.color !== undefined) {
-            this.color = AnimatableColor_1.AnimatableColor.create(this.color, data.color);
+            this.color = AnimatableColor_js_1.AnimatableColor.create(this.color, data.color);
         }
         if (data.width !== undefined) {
-            this.width = (0, NumberUtils_1.setRangeValue)(data.width);
+            this.width = (0, NumberUtils_js_1.setRangeValue)(data.width);
         }
         if (data.opacity !== undefined) {
-            this.opacity = (0, NumberUtils_1.setRangeValue)(data.opacity);
+            this.opacity = (0, NumberUtils_js_1.setRangeValue)(data.opacity);
         }
     }
 }

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZIndex = void 0;
-const ValueWithRandom_1 = require("../../ValueWithRandom");
-class ZIndex extends ValueWithRandom_1.ValueWithRandom {
+const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+class ZIndex extends ValueWithRandom_js_1.ValueWithRandom {
     constructor() {
         super();
         this.opacityRate = 1;

package/cjs/Options/Classes/Responsive.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Responsive = void 0;
-const Utils_1 = require("../../Utils/Utils");
+const Utils_js_1 = require("../../Utils/Utils.js");
 class Responsive {
     constructor() {
         this.maxWidth = Infinity;
@@ -24,7 +24,7 @@ class Responsive {
             }
         }
         if (data.options !== undefined) {
-            this.options = (0, Utils_1.deepExtend)({}, data.options);
+            this.options = (0, Utils_js_1.deepExtend)({}, data.options);
         }
     }
 }

package/cjs/Options/Classes/Theme/Theme.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Theme = void 0;
-const ThemeDefault_1 = require("./ThemeDefault");
-const Utils_1 = require("../../../Utils/Utils");
+const ThemeDefault_js_1 = require("./ThemeDefault.js");
+const Utils_js_1 = require("../../../Utils/Utils.js");
 class Theme {
     constructor() {
         this.name = "";
-        this.default = new ThemeDefault_1.ThemeDefault();
+        this.default = new ThemeDefault_js_1.ThemeDefault();
     }
     load(data) {
         if (!data) {
@@ -17,7 +17,7 @@ class Theme {
         }
         this.default.load(data.default);
         if (data.options !== undefined) {
-            this.options = (0, Utils_1.deepExtend)({}, data.options);
+            this.options = (0, Utils_js_1.deepExtend)({}, data.options);
         }
     }
 }

package/cjs/Options/Classes/ValueWithRandom.js

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangedAnimationValueWithRandom = exports.AnimationValueWithRandom = exports.ValueWithRandom = void 0;
-const AnimationOptions_1 = require("./AnimationOptions");
-const Random_1 = require("./Random");
-const AnimationOptions_2 = require("./AnimationOptions");
-const NumberUtils_1 = require("../../Utils/NumberUtils");
+const AnimationOptions_js_1 = require("./AnimationOptions.js");
+const Random_js_1 = require("./Random.js");
+const Utils_js_1 = require("../../Utils/Utils.js");
+const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class ValueWithRandom {
     constructor() {
-        this.random = new Random_1.Random();
+        this.random = new Random_js_1.Random();
         this.value = 0;
     }
     load(data) {
         if (!data) {
             return;
         }
-        if (typeof data.random === "boolean") {
+        if ((0, Utils_js_1.isBoolean)(data.random)) {
             this.random.enable = data.random;
         }
         else {
             this.random.load(data.random);
         }
         if (data.value !== undefined) {
-            this.value = (0, NumberUtils_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
+            this.value = (0, NumberUtils_js_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
         }
     }
 }
@@ -29,21 +29,14 @@ exports.ValueWithRandom = ValueWithRandom;
 class AnimationValueWithRandom extends ValueWithRandom {
     constructor() {
         super();
-        this.animation = new AnimationOptions_1.AnimationOptions();
-    }
-    get anim() {
-        return this.animation;
-    }
-    set anim(value) {
-        this.animation = value;
+        this.animation = new AnimationOptions_js_1.AnimationOptions();
     }
     load(data) {
-        var _a;
         super.load(data);
         if (!data) {
             return;
         }
-        const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
+        const animation = data.animation;
         if (animation !== undefined) {
             this.animation.load(animation);
         }
@@ -53,16 +46,10 @@ exports.AnimationValueWithRandom = AnimationValueWithRandom;
 class RangedAnimationValueWithRandom extends AnimationValueWithRandom {
     constructor() {
         super();
-        this.animation = new AnimationOptions_2.RangedAnimationOptions();
+        this.animation = new AnimationOptions_js_1.RangedAnimationOptions();
     }
     load(data) {
         super.load(data);
-        if (!data) {
-            return;
-        }
-        if (data.animation !== undefined) {
-            this.value = (0, NumberUtils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
-        }
     }
 }
 exports.RangedAnimationValueWithRandom = RangedAnimationValueWithRandom;