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

package/cjs/Options/Classes/Options.js

@@ -1,33 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Options = void 0;
-const Utils_1 = require("../../Utils/Utils");
-const Background_1 = require("./Background/Background");
-const BackgroundMask_1 = require("./BackgroundMask/BackgroundMask");
-const FullScreen_1 = require("./FullScreen/FullScreen");
-const Interactivity_1 = require("./Interactivity/Interactivity");
-const ManualParticle_1 = require("./ManualParticle");
-const Responsive_1 = require("./Responsive");
-const Theme_1 = require("./Theme/Theme");
-const OptionsUtils_1 = require("../../Utils/OptionsUtils");
-const NumberUtils_1 = require("../../Utils/NumberUtils");
+const Utils_js_1 = require("../../Utils/Utils.js");
+const Background_js_1 = require("./Background/Background.js");
+const BackgroundMask_js_1 = require("./BackgroundMask/BackgroundMask.js");
+const FullScreen_js_1 = require("./FullScreen/FullScreen.js");
+const Interactivity_js_1 = require("./Interactivity/Interactivity.js");
+const ManualParticle_js_1 = require("./ManualParticle.js");
+const Responsive_js_1 = require("./Responsive.js");
+const Theme_js_1 = require("./Theme/Theme.js");
+const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
+const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class Options {
     constructor(engine, container) {
+        this._findDefaultTheme = (mode) => {
+            return (this.themes.find((theme) => theme.default.value && theme.default.mode === mode) ??
+                this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
+        };
+        this._importPreset = (preset) => {
+            this.load(this._engine.getPreset(preset));
+        };
         this._engine = engine;
         this._container = container;
         this.autoPlay = true;
-        this.background = new Background_1.Background();
-        this.backgroundMask = new BackgroundMask_1.BackgroundMask();
+        this.background = new Background_js_1.Background();
+        this.backgroundMask = new BackgroundMask_js_1.BackgroundMask();
         this.defaultThemes = {};
         this.delay = 0;
-        this.fullScreen = new FullScreen_1.FullScreen();
+        this.fullScreen = new FullScreen_js_1.FullScreen();
         this.detectRetina = true;
         this.duration = 0;
         this.fpsLimit = 120;
-        this.interactivity = new Interactivity_1.Interactivity(engine, container);
+        this.interactivity = new Interactivity_js_1.Interactivity(engine, container);
         this.manualParticles = [];
-        this.name = "default";
-        this.particles = (0, OptionsUtils_1.loadParticlesOptions)(this._engine, this._container);
+        this.particles = (0, OptionsUtils_js_1.loadParticlesOptions)(this._engine, this._container);
         this.pauseOnBlur = true;
         this.pauseOnOutsideViewport = true;
         this.responsive = [];
@@ -36,46 +42,27 @@ class Options {
         this.themes = [];
         this.zLayers = 100;
     }
-    get backgroundMode() {
-        return this.fullScreen;
-    }
-    set backgroundMode(value) {
-        this.fullScreen.load(value);
-    }
-    get fps_limit() {
-        return this.fpsLimit;
-    }
-    set fps_limit(value) {
-        this.fpsLimit = value;
-    }
-    get retina_detect() {
-        return this.detectRetina;
-    }
-    set retina_detect(value) {
-        this.detectRetina = value;
-    }
     load(data) {
-        var _a, _b, _c, _d, _e;
         if (!data) {
             return;
         }
         if (data.preset !== undefined) {
-            (0, Utils_1.executeOnSingleOrMultiple)(data.preset, (preset) => this._importPreset(preset));
+            (0, Utils_js_1.executeOnSingleOrMultiple)(data.preset, (preset) => this._importPreset(preset));
         }
         if (data.autoPlay !== undefined) {
             this.autoPlay = data.autoPlay;
         }
         if (data.delay !== undefined) {
-            this.delay = (0, NumberUtils_1.setRangeValue)(data.delay);
+            this.delay = (0, NumberUtils_js_1.setRangeValue)(data.delay);
         }
-        const detectRetina = (_a = data.detectRetina) !== null && _a !== void 0 ? _a : data.retina_detect;
+        const detectRetina = data.detectRetina;
         if (detectRetina !== undefined) {
             this.detectRetina = detectRetina;
         }
         if (data.duration !== undefined) {
-            this.duration = (0, NumberUtils_1.setRangeValue)(data.duration);
+            this.duration = (0, NumberUtils_js_1.setRangeValue)(data.duration);
         }
-        const fpsLimit = (_b = data.fpsLimit) !== null && _b !== void 0 ? _b : data.fps_limit;
+        const fpsLimit = data.fpsLimit;
         if (fpsLimit !== undefined) {
             this.fpsLimit = fpsLimit;
         }
@@ -89,8 +76,8 @@ class Options {
             this.zLayers = data.zLayers;
         }
         this.background.load(data.background);
-        const fullScreen = (_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode;
-        if (typeof fullScreen === "boolean") {
+        const fullScreen = data.fullScreen;
+        if ((0, Utils_js_1.isBoolean)(fullScreen)) {
             this.fullScreen.enable = fullScreen;
         }
         else {
@@ -98,20 +85,20 @@ class Options {
         }
         this.backgroundMask.load(data.backgroundMask);
         this.interactivity.load(data.interactivity);
-        if (data.manualParticles !== undefined) {
+        if (data.manualParticles) {
             this.manualParticles = data.manualParticles.map((t) => {
-                const tmp = new ManualParticle_1.ManualParticle();
+                const tmp = new ManualParticle_js_1.ManualParticle();
                 tmp.load(t);
                 return tmp;
             });
         }
         this.particles.load(data.particles);
-        this.style = (0, Utils_1.deepExtend)(this.style, data.style);
-        this._engine.plugins.loadOptions(this, data);
+        this.style = (0, Utils_js_1.deepExtend)(this.style, data.style);
+        this._engine.loadOptions(this, data);
         if (data.smooth !== undefined) {
             this.smooth = data.smooth;
         }
-        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.loadOptions) {
@@ -121,7 +108,7 @@ class Options {
         }
         if (data.responsive !== undefined) {
             for (const responsive of data.responsive) {
-                const optResponsive = new Responsive_1.Responsive();
+                const optResponsive = new Responsive_js_1.Responsive();
                 optResponsive.load(responsive);
                 this.responsive.push(optResponsive);
             }
@@ -131,7 +118,7 @@ class Options {
             for (const theme of data.themes) {
                 const existingTheme = this.themes.find((t) => t.name === theme.name);
                 if (!existingTheme) {
-                    const optTheme = new Theme_1.Theme();
+                    const optTheme = new Theme_js_1.Theme();
                     optTheme.load(theme);
                     this.themes.push(optTheme);
                 }
@@ -140,14 +127,14 @@ class Options {
                 }
             }
         }
-        this.defaultThemes.dark = (_d = this._findDefaultTheme("dark")) === null || _d === void 0 ? void 0 : _d.name;
-        this.defaultThemes.light = (_e = this._findDefaultTheme("light")) === null || _e === void 0 ? void 0 : _e.name;
+        this.defaultThemes.dark = this._findDefaultTheme("dark")?.name;
+        this.defaultThemes.light = this._findDefaultTheme("light")?.name;
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
         const responsiveOptions = this.responsive.find((t) => t.mode === "screen" && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
-        this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
-        return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
+        this.load(responsiveOptions?.options);
+        return responsiveOptions?.maxWidth;
     }
     setTheme(name) {
         if (name) {
@@ -157,18 +144,11 @@ class Options {
             }
         }
         else {
-            const mediaMatch = (0, Utils_1.safeMatchMedia)("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = this._findDefaultTheme(clientDarkMode ? "dark" : "light");
+            const mediaMatch = (0, Utils_js_1.safeMatchMedia)("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = this._findDefaultTheme(clientDarkMode ? "dark" : "light");
             if (defaultTheme) {
                 this.load(defaultTheme.options);
             }
         }
     }
-    _findDefaultTheme(mode) {
-        var _a;
-        return ((_a = this.themes.find((theme) => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
-    }
-    _importPreset(preset) {
-        this.load(this._engine.plugins.getPreset(preset));
-    }
 }
 exports.Options = Options;

package/cjs/Options/Classes/OptionsColor.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsColor = void 0;
+const Utils_js_1 = require("../../Utils/Utils.js");
 class OptionsColor {
     constructor() {
         this.value = "";
@@ -9,7 +10,7 @@ class OptionsColor {
         const color = new OptionsColor();
         color.load(source);
         if (data !== undefined) {
-            if (typeof data === "string" || data instanceof Array) {
+            if ((0, Utils_js_1.isString)(data) || (0, Utils_js_1.isArray)(data)) {
                 color.load({ value: data });
             }
             else {
@@ -19,7 +20,7 @@ class OptionsColor {
         return color;
     }
     load(data) {
-        if ((data === null || data === void 0 ? void 0 : data.value) === undefined) {
+        if (data?.value === undefined) {
             return;
         }
         this.value = data.value;

package/cjs/Options/Classes/Particles/Bounce/ParticlesBounce.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesBounce = void 0;
-const ParticlesBounceFactor_1 = require("./ParticlesBounceFactor");
+const ParticlesBounceFactor_js_1 = require("./ParticlesBounceFactor.js");
 class ParticlesBounce {
     constructor() {
-        this.horizontal = new ParticlesBounceFactor_1.ParticlesBounceFactor();
-        this.vertical = new ParticlesBounceFactor_1.ParticlesBounceFactor();
+        this.horizontal = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
+        this.vertical = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
     }
     load(data) {
         if (!data) {

package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

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

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

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collisions = void 0;
-const CollisionsAbsorb_1 = require("./CollisionsAbsorb");
-const CollisionsOverlap_1 = require("./CollisionsOverlap");
-const ParticlesBounce_1 = require("../Bounce/ParticlesBounce");
+const CollisionsAbsorb_js_1 = require("./CollisionsAbsorb.js");
+const CollisionsOverlap_js_1 = require("./CollisionsOverlap.js");
+const ParticlesBounce_js_1 = require("../Bounce/ParticlesBounce.js");
+const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class Collisions {
     constructor() {
-        this.absorb = new CollisionsAbsorb_1.CollisionsAbsorb();
-        this.bounce = new ParticlesBounce_1.ParticlesBounce();
+        this.absorb = new CollisionsAbsorb_js_1.CollisionsAbsorb();
+        this.bounce = new ParticlesBounce_js_1.ParticlesBounce();
         this.enable = false;
+        this.maxSpeed = 50;
         this.mode = "bounce";
-        this.overlap = new CollisionsOverlap_1.CollisionsOverlap();
+        this.overlap = new CollisionsOverlap_js_1.CollisionsOverlap();
     }
     load(data) {
         if (!data) {
@@ -21,6 +23,9 @@ class Collisions {
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
+        if (data.maxSpeed !== undefined) {
+            this.maxSpeed = (0, NumberUtils_js_1.setRangeValue)(data.maxSpeed);
+        }
         if (data.mode !== undefined) {
             this.mode = data.mode;
         }

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

@@ -1,99 +1,69 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Move = void 0;
-const MoveAngle_1 = require("./MoveAngle");
-const MoveAttract_1 = require("./MoveAttract");
-const MoveCenter_1 = require("./MoveCenter");
-const MoveGravity_1 = require("./MoveGravity");
-const MovePath_1 = require("./Path/MovePath");
-const MoveTrail_1 = require("./MoveTrail");
-const OutModes_1 = require("./OutModes");
-const Spin_1 = require("./Spin");
-const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+const Utils_js_1 = require("../../../../Utils/Utils.js");
+const MoveAngle_js_1 = require("./MoveAngle.js");
+const MoveAttract_js_1 = require("./MoveAttract.js");
+const MoveCenter_js_1 = require("./MoveCenter.js");
+const MoveGravity_js_1 = require("./MoveGravity.js");
+const MovePath_js_1 = require("./Path/MovePath.js");
+const MoveTrail_js_1 = require("./MoveTrail.js");
+const OutModes_js_1 = require("./OutModes.js");
+const Spin_js_1 = require("./Spin.js");
+const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class Move {
     constructor() {
-        this.angle = new MoveAngle_1.MoveAngle();
-        this.attract = new MoveAttract_1.MoveAttract();
-        this.center = new MoveCenter_1.MoveCenter();
+        this.angle = new MoveAngle_js_1.MoveAngle();
+        this.attract = new MoveAttract_js_1.MoveAttract();
+        this.center = new MoveCenter_js_1.MoveCenter();
         this.decay = 0;
         this.distance = {};
         this.direction = "none";
         this.drift = 0;
         this.enable = false;
-        this.gravity = new MoveGravity_1.MoveGravity();
-        this.path = new MovePath_1.MovePath();
-        this.outModes = new OutModes_1.OutModes();
+        this.gravity = new MoveGravity_js_1.MoveGravity();
+        this.path = new MovePath_js_1.MovePath();
+        this.outModes = new OutModes_js_1.OutModes();
         this.random = false;
         this.size = false;
         this.speed = 2;
-        this.spin = new Spin_1.Spin();
+        this.spin = new Spin_js_1.Spin();
         this.straight = false;
-        this.trail = new MoveTrail_1.MoveTrail();
+        this.trail = new MoveTrail_js_1.MoveTrail();
         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((0, Utils_js_1.isNumber)(data.angle) ? { value: data.angle } : data.angle);
         this.attract.load(data.attract);
         this.center.load(data.center);
         if (data.decay !== undefined) {
-            this.decay = (0, NumberUtils_1.setRangeValue)(data.decay);
+            this.decay = (0, NumberUtils_js_1.setRangeValue)(data.decay);
         }
         if (data.direction !== undefined) {
             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 = (0, Utils_js_1.isNumber)(data.distance)
+                ? {
+                    horizontal: data.distance,
+                    vertical: data.distance,
+                }
+                : { ...data.distance };
         }
         if (data.drift !== undefined) {
-            this.drift = (0, NumberUtils_1.setRangeValue)(data.drift);
+            this.drift = (0, NumberUtils_js_1.setRangeValue)(data.drift);
         }
         if (data.enable !== undefined) {
             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 ((0, Utils_js_1.isObject)(outModes)) {
                 this.outModes.load(outModes);
             }
             else {
@@ -102,7 +72,7 @@ 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;
         }
@@ -110,7 +80,7 @@ class Move {
             this.size = data.size;
         }
         if (data.speed !== undefined) {
-            this.speed = (0, NumberUtils_1.setRangeValue)(data.speed);
+            this.speed = (0, NumberUtils_js_1.setRangeValue)(data.speed);
         }
         this.spin.load(data.spin);
         if (data.straight !== undefined) {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveAngle = void 0;
-const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class MoveAngle {
     constructor() {
         this.offset = 0;
@@ -12,10 +12,10 @@ class MoveAngle {
             return;
         }
         if (data.offset !== undefined) {
-            this.offset = (0, NumberUtils_1.setRangeValue)(data.offset);
+            this.offset = (0, NumberUtils_js_1.setRangeValue)(data.offset);
         }
         if (data.value !== undefined) {
-            this.value = (0, NumberUtils_1.setRangeValue)(data.value);
+            this.value = (0, NumberUtils_js_1.setRangeValue)(data.value);
         }
     }
 }

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

@@ -1,7 +1,7 @@
 "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;
@@ -11,36 +11,25 @@ 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;
         }
         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/cjs/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,7 +1,7 @@
 "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;
@@ -14,7 +14,7 @@ class MoveGravity {
             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;
@@ -23,7 +23,7 @@ class MoveGravity {
             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/cjs/Options/Classes/Particles/Move/MoveTrail.js

@@ -1,18 +1,12 @@
 "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) {
@@ -21,8 +15,8 @@ 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/cjs/Options/Classes/Particles/Move/MoveTrailFill.js

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

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

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

@@ -1,12 +1,12 @@
 "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 = {};
     }
@@ -23,7 +23,7 @@ class MovePath {
         }
         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);
         }
     }
 }