@tsparticles/engine 3.6.0-beta.1 → 3.7.0

package/cjs/Core/Canvas.js

@@ -29,7 +29,7 @@ function setStyle(canvas, style, important = false) {
     }
 }
 class Canvas {
-    constructor(container) {
+    constructor(container, engine) {
         this.container = container;
         this._applyPostDrawUpdaters = particle => {
             for (const updater of this._postDrawUpdaters) {
@@ -65,10 +65,10 @@ class Canvas {
             let fColor, sColor;
             for (const plugin of this._colorPlugins) {
                 if (!fColor && plugin.particleFillColor) {
-                    fColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleFillColor(particle));
+                    fColor = (0, ColorUtils_js_1.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));
                 }
                 if (!sColor && plugin.particleStrokeColor) {
-                    sColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleStrokeColor(particle));
+                    sColor = (0, ColorUtils_js_1.rangeColorToHsl)(this._engine, plugin.particleStrokeColor(particle));
                 }
                 if (fColor && sColor) {
                     break;
@@ -79,7 +79,7 @@ class Canvas {
         this._initCover = async () => {
             const options = this.container.actualOptions, cover = options.backgroundMask.cover, color = cover.color;
             if (color) {
-                const coverRgb = (0, ColorUtils_js_1.rangeColorToRgb)(color);
+                const coverRgb = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, color);
                 if (coverRgb) {
                     const coverColor = {
                         ...coverRgb,
@@ -138,7 +138,7 @@ class Canvas {
             }
             const factorNumerator = 1, opacity = factorNumerator / trail.length;
             if (trailFill.color) {
-                const fillColor = (0, ColorUtils_js_1.rangeColorToRgb)(trailFill.color);
+                const fillColor = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, trailFill.color);
                 if (!fillColor) {
                     return;
                 }
@@ -219,10 +219,16 @@ class Canvas {
                 height: "100%",
             }, true);
         };
-        this.size = {
+        this._engine = engine;
+        this._standardSize = {
             height: 0,
             width: 0,
         };
+        const pxRatio = container.retina.pixelRatio, stdSize = this._standardSize;
+        this.size = {
+            height: stdSize.height * pxRatio,
+            width: stdSize.width * pxRatio,
+        };
         this._context = null;
         this._generated = false;
         this._preDrawUpdaters = [];
@@ -366,7 +372,7 @@ class Canvas {
             return;
         }
         if (background.color) {
-            const color = (0, ColorUtils_js_1.rangeColorToRgb)(background.color);
+            const color = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, background.color);
             elementStyle.backgroundColor = color ? (0, ColorUtils_js_1.getStyleFromRgb)(color, background.opacity) : "";
         }
         else {
@@ -411,8 +417,13 @@ class Canvas {
         this.element = canvas;
         this.element.ariaHidden = "true";
         this._originalStyle = (0, Utils_js_1.deepExtend)({}, this.element.style);
-        this.size.height = canvas.offsetHeight;
-        this.size.width = canvas.offsetWidth;
+        const standardSize = this._standardSize;
+        standardSize.height = canvas.offsetHeight;
+        standardSize.width = canvas.offsetWidth;
+        const pxRatio = this.container.retina.pixelRatio;
+        const retinaSize = this.size;
+        retinaSize.height = standardSize.height * pxRatio;
+        retinaSize.width = standardSize.width * pxRatio;
         this._context = this.element.getContext("2d");
         this._safeMutationObserver(obs => {
             if (!this.element || !(this.element instanceof Node)) {
@@ -447,23 +458,23 @@ class Canvas {
         if (!this.element) {
             return false;
         }
-        const container = this.container, pxRatio = container.retina.pixelRatio, size = container.canvas.size, newSize = {
-            width: this.element.offsetWidth * pxRatio,
-            height: this.element.offsetHeight * pxRatio,
+        const container = this.container, currentSize = container.canvas._standardSize, newSize = {
+            width: this.element.offsetWidth,
+            height: this.element.offsetHeight,
         };
-        if (newSize.height === size.height &&
-            newSize.width === size.width &&
-            newSize.height === this.element.height &&
-            newSize.width === this.element.width) {
+        if (newSize.height === currentSize.height && newSize.width === currentSize.width) {
             return false;
         }
-        const oldSize = { ...size };
-        this.element.width = size.width = this.element.offsetWidth * pxRatio;
-        this.element.height = size.height = this.element.offsetHeight * pxRatio;
+        const oldSize = { ...currentSize }, pxRatio = container.retina.pixelRatio;
+        currentSize.height = newSize.height;
+        currentSize.width = newSize.width;
+        const retinaSize = this.size;
+        this.element.width = retinaSize.width = currentSize.width * pxRatio;
+        this.element.height = retinaSize.height = currentSize.height * pxRatio;
         if (this.container.started) {
             container.particles.setResizeFactor({
-                width: size.width / oldSize.width,
-                height: size.height / oldSize.height,
+                width: currentSize.width / oldSize.width,
+                height: currentSize.height / oldSize.height,
             });
         }
         return true;

package/cjs/Core/Container.js

@@ -91,7 +91,7 @@ class Container {
         this._sourceOptions = sourceOptions;
         this._initialSourceOptions = sourceOptions;
         this.retina = new Retina_js_1.Retina(this);
-        this.canvas = new Canvas_js_1.Canvas(this);
+        this.canvas = new Canvas_js_1.Canvas(this, this._engine);
         this.particles = new Particles_js_1.Particles(this._engine, this);
         this.pathGenerators = new Map();
         this.interactivity = {

package/cjs/Core/Engine.js

@@ -74,6 +74,8 @@ class Engine {
         this._eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
         this._initialized = false;
         this.plugins = [];
+        this.colorManagers = new Map();
+        this.easingFunctions = new Map();
         this._initializers = {
             interactors: new Map(),
             movers: new Map(),
@@ -98,13 +100,24 @@ class Engine {
         return this._domArray;
     }
     get version() {
-        return "3.6.0-beta.1";
+        return "3.7.0";
+    }
+    async addColorManager(manager, refresh = true) {
+        this.colorManagers.set(manager.key, manager);
+        await this.refresh(refresh);
     }
     addConfig(config) {
         const key = config.key ?? config.name ?? "default";
         this._configs.set(key, config);
         this._eventDispatcher.dispatchEvent(EventType_js_1.EventType.configAdded, { data: { name: key, config } });
     }
+    async addEasing(name, easing, refresh = true) {
+        if (this.getEasing(name)) {
+            return;
+        }
+        this.easingFunctions.set(name, easing);
+        await this.refresh(refresh);
+    }
     async addEffect(effect, drawer, refresh = true) {
         (0, Utils_js_1.executeOnSingleOrMultiple)(effect, type => {
             if (!this.getEffectDrawer(type)) {
@@ -178,6 +191,9 @@ class Engine {
         }
         return res;
     }
+    getEasing(name) {
+        return this.easingFunctions.get(name) ?? ((value) => value);
+    }
     getEffectDrawer(type) {
         return this.effectDrawers.get(type);
     }

package/cjs/Core/Particle.js

@@ -328,7 +328,7 @@ class Particle {
             this.sides = sideCountFunc(this);
         }
         this.spawning = false;
-        this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this.options.shadow.color);
+        this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, this.options.shadow.color);
         for (const updater of particles.updaters) {
             updater.init(this);
         }

package/cjs/Options/Classes/AnimatableColor.js

@@ -24,7 +24,7 @@ class AnimatableColor extends OptionsColor_js_1.OptionsColor {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         const colorAnimation = data.animation;

package/cjs/Options/Classes/AnimationOptions.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangedAnimationOptions = exports.AnimationOptions = void 0;
 const AnimationMode_js_1 = require("../../Enums/Modes/AnimationMode.js");
 const StartValueType_js_1 = require("../../Enums/Types/StartValueType.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class AnimationOptions {
     constructor() {
@@ -14,7 +15,7 @@ class AnimationOptions {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.count !== undefined) {
@@ -46,7 +47,7 @@ class RangedAnimationOptions extends AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.mode !== undefined) {

package/cjs/Options/Classes/Background/Background.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Background = void 0;
 const OptionsColor_js_1 = require("../OptionsColor.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class Background {
     constructor() {
         this.color = new OptionsColor_js_1.OptionsColor();
@@ -13,7 +14,7 @@ class Background {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.color !== undefined) {

package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundMask = void 0;
-const BackgroundMaskCover_js_1 = require("./BackgroundMaskCover.js");
 const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
+const BackgroundMaskCover_js_1 = require("./BackgroundMaskCover.js");
 class BackgroundMask {
     constructor() {
         this.composite = "destination-out";
@@ -10,7 +10,7 @@ class BackgroundMask {
         this.enable = false;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.composite !== undefined) {

package/cjs/Options/Classes/BackgroundMask/BackgroundMaskCover.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackgroundMaskCover = void 0;
 const OptionsColor_js_1 = require("../OptionsColor.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class BackgroundMaskCover {
     constructor() {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.color !== undefined) {

package/cjs/Options/Classes/ColorAnimation.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorAnimation = void 0;
 const AnimationOptions_js_1 = require("./AnimationOptions.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class ColorAnimation extends AnimationOptions_js_1.AnimationOptions {
     constructor() {
@@ -11,7 +12,7 @@ class ColorAnimation extends AnimationOptions_js_1.AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.offset !== undefined) {

package/cjs/Options/Classes/FullScreen/FullScreen.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FullScreen = void 0;
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class FullScreen {
     constructor() {
         this.enable = true;
         this.zIndex = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/cjs/Options/Classes/HslAnimation.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HslAnimation = void 0;
 const ColorAnimation_js_1 = require("./ColorAnimation.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 class HslAnimation {
     constructor() {
         this.h = new ColorAnimation_js_1.ColorAnimation();
@@ -9,7 +10,7 @@ class HslAnimation {
         this.l = new ColorAnimation_js_1.ColorAnimation();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.h.load(data.h);

package/cjs/Options/Classes/Interactivity/Events/ClickEvent.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClickEvent = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class ClickEvent {
     constructor() {
         this.enable = false;
         this.mode = [];
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/cjs/Options/Classes/Interactivity/Events/DivEvent.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DivEvent = void 0;
 const DivType_js_1 = require("../../../../Enums/Types/DivType.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class DivEvent {
     constructor() {
         this.selectors = [];
@@ -10,7 +11,7 @@ class DivEvent {
         this.type = DivType_js_1.DivType.circle;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.selectors !== undefined) {

package/cjs/Options/Classes/Interactivity/Events/Events.js

@@ -6,6 +6,7 @@ const DivEvent_js_1 = require("./DivEvent.js");
 const HoverEvent_js_1 = require("./HoverEvent.js");
 const ResizeEvent_js_1 = require("./ResizeEvent.js");
 const Utils_js_1 = require("../../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Events {
     constructor() {
         this.onClick = new ClickEvent_js_1.ClickEvent();
@@ -14,7 +15,7 @@ class Events {
         this.resize = new ResizeEvent_js_1.ResizeEvent();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.onClick.load(data.onClick);

package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HoverEvent = void 0;
 const Parallax_js_1 = require("./Parallax.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class HoverEvent {
     constructor() {
         this.enable = false;
@@ -9,7 +10,7 @@ class HoverEvent {
         this.parallax = new Parallax_js_1.Parallax();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/cjs/Options/Classes/Interactivity/Events/Parallax.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Parallax = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Parallax {
     constructor() {
         this.enable = false;
@@ -8,7 +9,7 @@ class Parallax {
         this.smooth = 10;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/cjs/Options/Classes/Interactivity/Events/ResizeEvent.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeEvent = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class ResizeEvent {
     constructor() {
         this.delay = 0.5;
         this.enable = true;
     }
     load(data) {
-        if (data === undefined) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.delay !== undefined) {

package/cjs/Options/Classes/Interactivity/Interactivity.js

@@ -4,6 +4,7 @@ exports.Interactivity = void 0;
 const Events_js_1 = require("./Events/Events.js");
 const InteractivityDetect_js_1 = require("../../../Enums/InteractivityDetect.js");
 const Modes_js_1 = require("./Modes/Modes.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class Interactivity {
     constructor(engine, container) {
         this.detectsOn = InteractivityDetect_js_1.InteractivityDetect.window;
@@ -11,7 +12,7 @@ class Interactivity {
         this.modes = new Modes_js_1.Modes(engine, container);
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         const detectsOn = data.detectsOn;

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modes = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Modes {
     constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (!this._container) {

package/cjs/Options/Classes/ManualParticle.js

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ManualParticle = void 0;
 const PixelMode_js_1 = require("../../Enums/Modes/PixelMode.js");
 const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const defaultPosition = 50;
 class ManualParticle {
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.position) {

package/cjs/Options/Classes/Options.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Options = void 0;
 const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.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");
@@ -11,7 +12,6 @@ const Responsive_js_1 = require("./Responsive.js");
 const ResponsiveMode_js_1 = require("../../Enums/Modes/ResponsiveMode.js");
 const Theme_js_1 = require("./Theme/Theme.js");
 const ThemeMode_js_1 = require("../../Enums/Modes/ThemeMode.js");
-const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class Options {
@@ -47,7 +47,7 @@ class Options {
         this.zLayers = 100;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.preset !== undefined) {

package/cjs/Options/Classes/OptionsColor.js

@@ -20,10 +20,12 @@ class OptionsColor {
         return color;
     }
     load(data) {
-        if (data?.value === undefined) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
-        this.value = data.value;
+        if (!(0, TypeUtils_js_1.isNull)(data.value)) {
+            this.value = data.value;
+        }
     }
 }
 exports.OptionsColor = OptionsColor;

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

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesBounce = void 0;
 const ParticlesBounceFactor_js_1 = require("./ParticlesBounceFactor.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class ParticlesBounce {
     constructor() {
         this.horizontal = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
         this.vertical = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.horizontal.load(data.horizontal);

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

@@ -5,6 +5,7 @@ const CollisionMode_js_1 = require("../../../../Enums/Modes/CollisionMode.js");
 const CollisionsAbsorb_js_1 = require("./CollisionsAbsorb.js");
 const CollisionsOverlap_js_1 = require("./CollisionsOverlap.js");
 const ParticlesBounce_js_1 = require("../Bounce/ParticlesBounce.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class Collisions {
     constructor() {
@@ -16,7 +17,7 @@ class Collisions {
         this.overlap = new CollisionsOverlap_js_1.CollisionsOverlap();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.absorb.load(data.absorb);

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollisionsAbsorb = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class CollisionsAbsorb {
     constructor() {
         this.speed = 2;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.speed !== undefined) {

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollisionsOverlap = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class CollisionsOverlap {
     constructor() {
         this.enable = true;
         this.retries = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.enable !== undefined) {

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Effect = void 0;
 const Utils_js_1 = require("../../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Effect {
     constructor() {
         this.close = true;
@@ -10,7 +11,7 @@ class Effect {
         this.type = [];
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         const options = data.options;

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

@@ -35,7 +35,7 @@ class Move {
         this.warp = false;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.angle.load((0, TypeUtils_js_1.isNumber)(data.angle) ? { value: data.angle } : data.angle);

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveAngle = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class MoveAngle {
     constructor() {
@@ -8,7 +9,7 @@ class MoveAngle {
         this.value = 90;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.offset !== undefined) {

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveAttract = void 0;
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
 class MoveAttract {
     constructor() {
@@ -12,7 +13,7 @@ class MoveAttract {
         };
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.distance !== undefined) {