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

package/umd/Options/Classes/Interactivity/Interactivity.js

@@ -4,32 +4,25 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Events/Events", "./Modes/Modes"], factory);
+        define(["require", "exports", "./Events/Events.js", "./Modes/Modes.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Interactivity = void 0;
-    const Events_1 = require("./Events/Events");
-    const Modes_1 = require("./Modes/Modes");
+    const Events_js_1 = require("./Events/Events.js");
+    const Modes_js_1 = require("./Modes/Modes.js");
     class Interactivity {
         constructor(engine, container) {
             this.detectsOn = "window";
-            this.events = new Events_1.Events();
-            this.modes = new Modes_1.Modes(engine, container);
-        }
-        get detect_on() {
-            return this.detectsOn;
-        }
-        set detect_on(value) {
-            this.detectsOn = value;
+            this.events = new Events_js_1.Events();
+            this.modes = new Modes_js_1.Modes(engine, container);
         }
         load(data) {
-            var _a;
             if (!data) {
                 return;
             }
-            const detectsOn = (_a = data.detectsOn) !== null && _a !== void 0 ? _a : data.detect_on;
+            const detectsOn = data.detectsOn;
             if (detectsOn !== undefined) {
                 this.detectsOn = detectsOn;
             }

package/umd/Options/Classes/Interactivity/Modes/Modes.js

@@ -19,15 +19,18 @@
             if (!data) {
                 return;
             }
-            if (this._container) {
-                const interactors = this._engine.plugins.interactors.get(this._container);
-                if (interactors) {
-                    for (const interactor of interactors) {
-                        if (interactor.loadModeOptions) {
-                            interactor.loadModeOptions(this, data);
-                        }
-                    }
+            if (!this._container) {
+                return;
+            }
+            const interactors = this._engine.interactors.get(this._container);
+            if (!interactors) {
+                return;
+            }
+            for (const interactor of interactors) {
+                if (!interactor.loadModeOptions) {
+                    continue;
                 }
+                interactor.loadModeOptions(this, data);
             }
         }
     }

package/umd/Options/Classes/ManualParticle.js

@@ -4,28 +4,27 @@
         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.ManualParticle = void 0;
-    const Utils_1 = require("../../Utils/Utils");
+    const Utils_js_1 = require("../../Utils/Utils.js");
     class ManualParticle {
         load(data) {
-            var _a, _b, _c;
             if (!data) {
                 return;
             }
-            if (data.position !== undefined) {
+            if (data.position) {
                 this.position = {
-                    x: (_a = data.position.x) !== null && _a !== void 0 ? _a : 50,
-                    y: (_b = data.position.y) !== null && _b !== void 0 ? _b : 50,
-                    mode: (_c = data.position.mode) !== null && _c !== void 0 ? _c : "percent",
+                    x: data.position.x ?? 50,
+                    y: data.position.y ?? 50,
+                    mode: data.position.mode ?? "percent",
                 };
             }
-            if (data.options !== undefined) {
-                this.options = (0, Utils_1.deepExtend)({}, data.options);
+            if (data.options) {
+                this.options = (0, Utils_js_1.deepExtend)({}, data.options);
             }
         }
     }

package/umd/Options/Classes/Options.js

@@ -4,39 +4,45 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils/Utils", "./Background/Background", "./BackgroundMask/BackgroundMask", "./FullScreen/FullScreen", "./Interactivity/Interactivity", "./ManualParticle", "./Responsive", "./Theme/Theme", "../../Utils/OptionsUtils", "../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../../Utils/Utils.js", "./Background/Background.js", "./BackgroundMask/BackgroundMask.js", "./FullScreen/FullScreen.js", "./Interactivity/Interactivity.js", "./ManualParticle.js", "./Responsive.js", "./Theme/Theme.js", "../../Utils/OptionsUtils.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "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 = [];
@@ -45,46 +51,27 @@
             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;
             }
@@ -98,8 +85,8 @@
                 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 {
@@ -107,20 +94,20 @@
             }
             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) {
@@ -130,7 +117,7 @@
             }
             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);
                 }
@@ -140,7 +127,7 @@
                 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);
                     }
@@ -149,14 +136,14 @@
                     }
                 }
             }
-            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) {
@@ -166,19 +153,12 @@
                 }
             }
             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/umd/Options/Classes/OptionsColor.js

@@ -4,12 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "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 = "";
@@ -18,7 +19,7 @@
             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 {
@@ -28,7 +29,7 @@
             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/umd/Options/Classes/Particles/Bounce/ParticlesBounce.js

@@ -4,17 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ParticlesBounceFactor"], factory);
+        define(["require", "exports", "./ParticlesBounceFactor.js"], factory);
     }
 })(function (require, exports) {
     "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/umd/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../ValueWithRandom"], factory);
+        define(["require", "exports", "../../ValueWithRandom.js"], factory);
     }
 })(function (require, exports) {
     "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/umd/Options/Classes/Particles/Collisions/Collisions.js

@@ -4,22 +4,24 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./CollisionsAbsorb", "./CollisionsOverlap", "../Bounce/ParticlesBounce"], factory);
+        define(["require", "exports", "./CollisionsAbsorb.js", "./CollisionsOverlap.js", "../Bounce/ParticlesBounce.js", "../../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "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) {
@@ -30,6 +32,9 @@
             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/umd/Options/Classes/Particles/Move/Move.js

@@ -4,105 +4,75 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./MoveAngle", "./MoveAttract", "./MoveCenter", "./MoveGravity", "./Path/MovePath", "./MoveTrail", "./OutModes", "./Spin", "../../../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../../../../Utils/Utils.js", "./MoveAngle.js", "./MoveAttract.js", "./MoveCenter.js", "./MoveGravity.js", "./Path/MovePath.js", "./MoveTrail.js", "./OutModes.js", "./Spin.js", "../../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "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 {
@@ -111,7 +81,7 @@
                     });
                 }
             }
-            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;
             }
@@ -119,7 +89,7 @@
                 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/umd/Options/Classes/Particles/Move/MoveAngle.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.MoveAngle = void 0;
-    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
+    const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
     class MoveAngle {
         constructor() {
             this.offset = 0;
@@ -21,10 +21,10 @@
                 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);
             }
         }
     }