@tsparticles/engine 3.6.0-beta.0 → 3.6.0

package/browser/Core/Engine.js

@@ -95,7 +95,7 @@ export class Engine {
         return this._domArray;
     }
     get version() {
-        return "3.6.0-beta.0";
+        return "3.6.0";
     }
     addConfig(config) {
         const key = config.key ?? config.name ?? "default";

package/browser/Options/Classes/AnimatableColor.js

@@ -1,4 +1,4 @@
-import { isArray, isString } from "../../Utils/TypeUtils.js";
+import { isArray, isNull, isString } from "../../Utils/TypeUtils.js";
 import { HslAnimation } from "./HslAnimation.js";
 import { OptionsColor } from "./OptionsColor.js";
 export class AnimatableColor extends OptionsColor {
@@ -21,7 +21,7 @@ export class AnimatableColor extends OptionsColor {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const colorAnimation = data.animation;

package/browser/Options/Classes/AnimationOptions.js

@@ -1,5 +1,6 @@
 import { AnimationMode } from "../../Enums/Modes/AnimationMode.js";
 import { StartValueType } from "../../Enums/Types/StartValueType.js";
+import { isNull } from "../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class AnimationOptions {
     constructor() {
@@ -11,7 +12,7 @@ export class AnimationOptions {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.count !== undefined) {
@@ -42,7 +43,7 @@ export class RangedAnimationOptions extends AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode !== undefined) {

package/browser/Options/Classes/Background/Background.js

@@ -1,4 +1,5 @@
 import { OptionsColor } from "../OptionsColor.js";
+import { isNull } from "../../../Utils/TypeUtils.js";
 export class Background {
     constructor() {
         this.color = new OptionsColor();
@@ -10,7 +11,7 @@ export class Background {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {

package/browser/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -1,5 +1,5 @@
+import { isNull, isString } from "../../../Utils/TypeUtils.js";
 import { BackgroundMaskCover } from "./BackgroundMaskCover.js";
-import { isString } from "../../../Utils/TypeUtils.js";
 export class BackgroundMask {
     constructor() {
         this.composite = "destination-out";
@@ -7,7 +7,7 @@ export class BackgroundMask {
         this.enable = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.composite !== undefined) {

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

@@ -1,10 +1,11 @@
 import { OptionsColor } from "../OptionsColor.js";
+import { isNull } from "../../../Utils/TypeUtils.js";
 export class BackgroundMaskCover {
     constructor() {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {

package/browser/Options/Classes/ColorAnimation.js

@@ -1,4 +1,5 @@
 import { AnimationOptions } from "./AnimationOptions.js";
+import { isNull } from "../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class ColorAnimation extends AnimationOptions {
     constructor() {
@@ -8,7 +9,7 @@ export class ColorAnimation extends AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.offset !== undefined) {

package/browser/Options/Classes/FullScreen/FullScreen.js

@@ -1,10 +1,11 @@
+import { isNull } from "../../../Utils/TypeUtils.js";
 export class FullScreen {
     constructor() {
         this.enable = true;
         this.zIndex = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/browser/Options/Classes/HslAnimation.js

@@ -1,4 +1,5 @@
 import { ColorAnimation } from "./ColorAnimation.js";
+import { isNull } from "../../Utils/TypeUtils.js";
 export class HslAnimation {
     constructor() {
         this.h = new ColorAnimation();
@@ -6,7 +7,7 @@ export class HslAnimation {
         this.l = new ColorAnimation();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.h.load(data.h);

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

@@ -1,10 +1,11 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ClickEvent {
     constructor() {
         this.enable = false;
         this.mode = [];
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

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

@@ -1,4 +1,5 @@
 import { DivType } from "../../../../Enums/Types/DivType.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class DivEvent {
     constructor() {
         this.selectors = [];
@@ -7,7 +8,7 @@ export class DivEvent {
         this.type = DivType.circle;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.selectors !== undefined) {

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

@@ -3,6 +3,7 @@ import { DivEvent } from "./DivEvent.js";
 import { HoverEvent } from "./HoverEvent.js";
 import { ResizeEvent } from "./ResizeEvent.js";
 import { executeOnSingleOrMultiple } from "../../../../Utils/Utils.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class Events {
     constructor() {
         this.onClick = new ClickEvent();
@@ -11,7 +12,7 @@ export class Events {
         this.resize = new ResizeEvent();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.onClick.load(data.onClick);

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

@@ -1,4 +1,5 @@
 import { Parallax } from "./Parallax.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class HoverEvent {
     constructor() {
         this.enable = false;
@@ -6,7 +7,7 @@ export class HoverEvent {
         this.parallax = new Parallax();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

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

@@ -1,3 +1,4 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class Parallax {
     constructor() {
         this.enable = false;
@@ -5,7 +6,7 @@ export class Parallax {
         this.smooth = 10;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

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

@@ -1,10 +1,11 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ResizeEvent {
     constructor() {
         this.delay = 0.5;
         this.enable = true;
     }
     load(data) {
-        if (data === undefined) {
+        if (isNull(data)) {
             return;
         }
         if (data.delay !== undefined) {

package/browser/Options/Classes/Interactivity/Interactivity.js

@@ -1,6 +1,7 @@
 import { Events } from "./Events/Events.js";
 import { InteractivityDetect } from "../../../Enums/InteractivityDetect.js";
 import { Modes } from "./Modes/Modes.js";
+import { isNull } from "../../../Utils/TypeUtils.js";
 export class Interactivity {
     constructor(engine, container) {
         this.detectsOn = InteractivityDetect.window;
@@ -8,7 +9,7 @@ export class Interactivity {
         this.modes = new Modes(engine, container);
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const detectsOn = data.detectsOn;

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

@@ -1,10 +1,11 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class Modes {
     constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (!this._container) {

package/browser/Options/Classes/ManualParticle.js

@@ -1,9 +1,10 @@
 import { PixelMode } from "../../Enums/Modes/PixelMode.js";
 import { deepExtend } from "../../Utils/Utils.js";
+import { isNull } from "../../Utils/TypeUtils.js";
 const defaultPosition = 50;
 export class ManualParticle {
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.position) {

package/browser/Options/Classes/Options.js

@@ -1,4 +1,5 @@
 import { deepExtend, executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
+import { isBoolean, isNull } from "../../Utils/TypeUtils.js";
 import { Background } from "./Background/Background.js";
 import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
 import { FullScreen } from "./FullScreen/FullScreen.js";
@@ -8,7 +9,6 @@ import { Responsive } from "./Responsive.js";
 import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
 import { Theme } from "./Theme/Theme.js";
 import { ThemeMode } from "../../Enums/Modes/ThemeMode.js";
-import { isBoolean } from "../../Utils/TypeUtils.js";
 import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
 import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class Options {
@@ -44,7 +44,7 @@ export class Options {
         this.zLayers = 100;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.preset !== undefined) {

package/browser/Options/Classes/OptionsColor.js

@@ -1,4 +1,4 @@
-import { isArray, isString } from "../../Utils/TypeUtils.js";
+import { isArray, isNull, isString } from "../../Utils/TypeUtils.js";
 export class OptionsColor {
     constructor() {
         this.value = "";
@@ -17,9 +17,11 @@ export class OptionsColor {
         return color;
     }
     load(data) {
-        if (data?.value === undefined) {
+        if (isNull(data)) {
             return;
         }
-        this.value = data.value;
+        if (!isNull(data.value)) {
+            this.value = data.value;
+        }
     }
 }

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

@@ -1,11 +1,12 @@
 import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ParticlesBounce {
     constructor() {
         this.horizontal = new ParticlesBounceFactor();
         this.vertical = new ParticlesBounceFactor();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.horizontal.load(data.horizontal);

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

@@ -2,6 +2,7 @@ import { CollisionMode } from "../../../../Enums/Modes/CollisionMode.js";
 import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
 import { CollisionsOverlap } from "./CollisionsOverlap.js";
 import { ParticlesBounce } from "../Bounce/ParticlesBounce.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Collisions {
     constructor() {
@@ -13,7 +14,7 @@ export class Collisions {
         this.overlap = new CollisionsOverlap();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.absorb.load(data.absorb);

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

@@ -1,9 +1,10 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class CollisionsAbsorb {
     constructor() {
         this.speed = 2;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.speed !== undefined) {

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

@@ -1,10 +1,11 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class CollisionsOverlap {
     constructor() {
         this.enable = true;
         this.retries = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

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

@@ -1,4 +1,5 @@
 import { deepExtend } from "../../../../Utils/Utils.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class Effect {
     constructor() {
         this.close = true;
@@ -7,7 +8,7 @@ export class Effect {
         this.type = [];
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const options = data.options;

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

@@ -1,5 +1,5 @@
 import { MoveDirection } from "../../../../Enums/Directions/MoveDirection.js";
-import { isNumber, isObject } from "../../../../Utils/TypeUtils.js";
+import { isNull, isNumber, isObject } from "../../../../Utils/TypeUtils.js";
 import { MoveAngle } from "./MoveAngle.js";
 import { MoveAttract } from "./MoveAttract.js";
 import { MoveCenter } from "./MoveCenter.js";
@@ -32,7 +32,7 @@ export class Move {
         this.warp = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.angle.load(isNumber(data.angle) ? { value: data.angle } : data.angle);

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

@@ -1,3 +1,4 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveAngle {
     constructor() {
@@ -5,7 +6,7 @@ export class MoveAngle {
         this.value = 90;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.offset !== undefined) {

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

@@ -1,3 +1,4 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveAttract {
     constructor() {
@@ -9,7 +10,7 @@ export class MoveAttract {
         };
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.distance !== undefined) {

package/browser/Options/Classes/Particles/Move/MoveCenter.js

@@ -1,4 +1,5 @@
 import { PixelMode } from "../../../../Enums/Modes/PixelMode.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class MoveCenter {
     constructor() {
         this.x = 50;
@@ -7,7 +8,7 @@ export class MoveCenter {
         this.radius = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.x !== undefined) {

package/browser/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,3 +1,4 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class MoveGravity {
     constructor() {
@@ -7,7 +8,7 @@ export class MoveGravity {
         this.maxSpeed = 50;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.acceleration !== undefined) {

package/browser/Options/Classes/Particles/Move/MoveTrail.js

@@ -1,4 +1,5 @@
 import { MoveTrailFill } from "./MoveTrailFill.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class MoveTrail {
     constructor() {
         this.enable = false;
@@ -6,7 +7,7 @@ export class MoveTrail {
         this.fill = new MoveTrailFill();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/browser/Options/Classes/Particles/Move/MoveTrailFill.js

@@ -1,7 +1,8 @@
 import { OptionsColor } from "../../OptionsColor.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class MoveTrailFill {
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {

package/browser/Options/Classes/Particles/Move/OutModes.js

@@ -1,10 +1,11 @@
 import { OutMode } from "../../../../Enums/Modes/OutMode.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class OutModes {
     constructor() {
         this.default = OutMode.out;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.default !== undefined) {

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

@@ -1,5 +1,6 @@
 import { ValueWithRandom } from "../../../ValueWithRandom.js";
 import { deepExtend } from "../../../../../Utils/Utils.js";
+import { isNull } from "../../../../../Utils/TypeUtils.js";
 export class MovePath {
     constructor() {
         this.clamp = true;
@@ -8,7 +9,7 @@ export class MovePath {
         this.options = {};
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.clamp !== undefined) {

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

@@ -1,4 +1,5 @@
 import { deepExtend } from "../../../../Utils/Utils.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 import { setRangeValue } from "../../../../Utils/NumberUtils.js";
 export class Spin {
     constructor() {
@@ -6,7 +7,7 @@ export class Spin {
         this.enable = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.acceleration !== undefined) {

package/browser/Options/Classes/Particles/Number/ParticlesDensity.js

@@ -1,3 +1,4 @@
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ParticlesDensity {
     constructor() {
         this.enable = false;
@@ -5,7 +6,7 @@ export class ParticlesDensity {
         this.height = 1080;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {

package/browser/Options/Classes/Particles/Number/ParticlesNumber.js

@@ -1,5 +1,6 @@
 import { ParticlesDensity } from "./ParticlesDensity.js";
 import { ParticlesNumberLimit } from "./ParticlesNumberLimit.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ParticlesNumber {
     constructor() {
         this.density = new ParticlesDensity();
@@ -7,7 +8,7 @@ export class ParticlesNumber {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.density.load(data.density);

package/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js

@@ -1,11 +1,12 @@
 import { LimitMode } from "../../../../Enums/Modes/LimitMode.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class ParticlesNumberLimit {
     constructor() {
         this.mode = LimitMode.delete;
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode !== undefined) {

package/browser/Options/Classes/Particles/Opacity/Opacity.js

@@ -1,5 +1,6 @@
 import { OpacityAnimation } from "./OpacityAnimation.js";
 import { RangedAnimationValueWithRandom } from "../../ValueWithRandom.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class Opacity extends RangedAnimationValueWithRandom {
     constructor() {
         super();
@@ -7,7 +8,7 @@ export class Opacity extends RangedAnimationValueWithRandom {
         this.value = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         super.load(data);

package/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js

@@ -1,5 +1,6 @@
 import { DestroyType } from "../../../../Enums/Types/DestroyType.js";
 import { RangedAnimationOptions } from "../../AnimationOptions.js";
+import { isNull } from "../../../../Utils/TypeUtils.js";
 export class OpacityAnimation extends RangedAnimationOptions {
     constructor() {
         super();
@@ -8,7 +9,7 @@ export class OpacityAnimation extends RangedAnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.destroy !== undefined) {

package/browser/Options/Classes/Particles/ParticlesOptions.js

@@ -11,6 +11,7 @@ import { Shape } from "./Shape/Shape.js";
 import { Size } from "./Size/Size.js";
 import { Stroke } from "./Stroke.js";
 import { ZIndex } from "./ZIndex/ZIndex.js";
+import { isNull } from "../../../Utils/TypeUtils.js";
 export class ParticlesOptions {
     constructor(engine, container) {
         this._engine = engine;
@@ -32,7 +33,7 @@ export class ParticlesOptions {
         this.zIndex = new ZIndex();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.groups !== undefined) {