@tsparticles/engine 3.6.0-beta.1 → 3.7.0

package/types/Utils/Utils.d.ts

@@ -2,6 +2,7 @@ import type { ICoordinates, ICoordinatesWithMode } from "../Core/Interfaces/ICoo
 import type { IDimension, IDimensionWithMode } from "../Core/Interfaces/IDimension.js";
 import { DestroyType } from "../Enums/Types/DestroyType.js";
 import type { DivEvent } from "../Options/Classes/Interactivity/Events/DivEvent.js";
+import type { Engine } from "../Core/Engine";
 import type { IBounds } from "../Core/Interfaces/IBounds.js";
 import type { ICircleBouncer } from "../Core/Interfaces/ICircleBouncer.js";
 import type { IDelta } from "../Core/Interfaces/IDelta.js";
@@ -48,4 +49,5 @@ export declare function initParticleNumericAnimationValue(options: RangedAnimati
 export declare function getPosition(position: ICoordinatesWithMode, canvasSize: IDimension): ICoordinates;
 export declare function getSize(size: IDimensionWithMode, canvasSize: IDimension): IDimension;
 export declare function updateAnimation(particle: Particle, data: IParticleNumericValueAnimation, changeDirection: boolean, destroyType: DestroyType | keyof typeof DestroyType, delta: IDelta): void;
+export declare function assertValidVersion(engine: Engine, pluginVersion: string): void;
 export {};

package/types/exports.d.ts

@@ -78,9 +78,7 @@ export * from "./Options/Classes/Theme/ThemeDefault.js";
 export * from "./Options/Classes/ValueWithRandom.js";
 export * from "./Utils/CanvasUtils.js";
 export * from "./Utils/ColorUtils.js";
-export * from "./Utils/HslColorManager.js";
 export * from "./Utils/NumberUtils.js";
 export * from "./Utils/OptionsUtils.js";
-export * from "./Utils/RgbColorManager.js";
 export * from "./Utils/Utils.js";
 export * from "./Utils/TypeUtils.js";

package/umd/Core/Canvas.js

@@ -38,7 +38,7 @@
         }
     }
     class Canvas {
-        constructor(container) {
+        constructor(container, engine) {
             this.container = container;
             this._applyPostDrawUpdaters = particle => {
                 for (const updater of this._postDrawUpdaters) {
@@ -74,10 +74,10 @@
                 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;
@@ -88,7 +88,7 @@
             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,
@@ -147,7 +147,7 @@
                 }
                 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;
                     }
@@ -228,10 +228,16 @@
                     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 = [];
@@ -375,7 +381,7 @@
                 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 {
@@ -420,8 +426,13 @@
             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)) {
@@ -456,23 +467,23 @@
             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/umd/Core/Container.js

@@ -100,7 +100,7 @@
             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/umd/Core/Engine.js

@@ -83,6 +83,8 @@
             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(),
@@ -107,13 +109,24 @@
             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)) {
@@ -187,6 +200,9 @@
             }
             return res;
         }
+        getEasing(name) {
+            return this.easingFunctions.get(name) ?? ((value) => value);
+        }
         getEffectDrawer(type) {
             return this.effectDrawers.get(type);
         }

package/umd/Core/Particle.js

@@ -337,7 +337,7 @@
                 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/umd/Options/Classes/AnimatableColor.js

@@ -33,7 +33,7 @@
         }
         load(data) {
             super.load(data);
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             const colorAnimation = data.animation;

package/umd/Options/Classes/AnimationOptions.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Enums/Modes/AnimationMode.js", "../../Enums/Types/StartValueType.js", "../../Utils/NumberUtils.js"], factory);
+        define(["require", "exports", "../../Enums/Modes/AnimationMode.js", "../../Enums/Types/StartValueType.js", "../../Utils/TypeUtils.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,6 +12,7 @@
     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() {
@@ -23,7 +24,7 @@
             this.sync = false;
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.count !== undefined) {
@@ -55,7 +56,7 @@
         }
         load(data) {
             super.load(data);
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.mode !== undefined) {

package/umd/Options/Classes/Background/Background.js

@@ -4,13 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../OptionsColor.js"], factory);
+        define(["require", "exports", "../OptionsColor.js", "../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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();
@@ -22,7 +23,7 @@
             this.opacity = 1;
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.color !== undefined) {

package/umd/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./BackgroundMaskCover.js", "../../../Utils/TypeUtils.js"], factory);
+        define(["require", "exports", "../../../Utils/TypeUtils.js", "./BackgroundMaskCover.js"], factory);
     }
 })(function (require, exports) {
     "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";
@@ -19,7 +19,7 @@
             this.enable = false;
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.composite !== undefined) {

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

@@ -4,19 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../OptionsColor.js"], factory);
+        define(["require", "exports", "../OptionsColor.js", "../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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/umd/Options/Classes/ColorAnimation.js

@@ -4,13 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./AnimationOptions.js", "../../Utils/NumberUtils.js"], factory);
+        define(["require", "exports", "./AnimationOptions.js", "../../Utils/TypeUtils.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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() {
@@ -20,7 +21,7 @@
         }
         load(data) {
             super.load(data);
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.offset !== undefined) {

package/umd/Options/Classes/FullScreen/FullScreen.js

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

@@ -4,13 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ColorAnimation.js"], factory);
+        define(["require", "exports", "./ColorAnimation.js", "../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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();
@@ -18,7 +19,7 @@
             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/umd/Options/Classes/Interactivity/Events/ClickEvent.js

@@ -4,19 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "../../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "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/umd/Options/Classes/Interactivity/Events/DivEvent.js

@@ -4,13 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Enums/Types/DivType.js"], factory);
+        define(["require", "exports", "../../../../Enums/Types/DivType.js", "../../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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 = [];
@@ -19,7 +20,7 @@
             this.type = DivType_js_1.DivType.circle;
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.selectors !== undefined) {

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

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ClickEvent.js", "./DivEvent.js", "./HoverEvent.js", "./ResizeEvent.js", "../../../../Utils/Utils.js"], factory);
+        define(["require", "exports", "./ClickEvent.js", "./DivEvent.js", "./HoverEvent.js", "./ResizeEvent.js", "../../../../Utils/Utils.js", "../../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -15,6 +15,7 @@
     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();
@@ -23,7 +24,7 @@
             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/umd/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -4,13 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Parallax.js"], factory);
+        define(["require", "exports", "./Parallax.js", "../../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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;
@@ -18,7 +19,7 @@
             this.parallax = new Parallax_js_1.Parallax();
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.enable !== undefined) {

package/umd/Options/Classes/Interactivity/Events/Parallax.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/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "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;
@@ -17,7 +18,7 @@
             this.smooth = 10;
         }
         load(data) {
-            if (!data) {
+            if ((0, TypeUtils_js_1.isNull)(data)) {
                 return;
             }
             if (data.enable !== undefined) {

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

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

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Events/Events.js", "../../../Enums/InteractivityDetect.js", "./Modes/Modes.js"], factory);
+        define(["require", "exports", "./Events/Events.js", "../../../Enums/InteractivityDetect.js", "./Modes/Modes.js", "../../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -13,6 +13,7 @@
     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;
@@ -20,7 +21,7 @@
             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/umd/Options/Classes/Interactivity/Modes/Modes.js

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

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Enums/Modes/PixelMode.js", "../../Utils/Utils.js"], factory);
+        define(["require", "exports", "../../Enums/Modes/PixelMode.js", "../../Utils/Utils.js", "../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,10 +12,11 @@
     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) {