@tsparticles/engine 3.6.0-beta.1 → 3.6.0

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) {

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveCenter = void 0;
 const PixelMode_js_1 = require("../../../../Enums/Modes/PixelMode.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class MoveCenter {
     constructor() {
         this.x = 50;
@@ -10,7 +11,7 @@ class MoveCenter {
         this.radius = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.x !== undefined) {

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

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

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

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

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

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

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

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutModes = void 0;
 const OutMode_js_1 = require("../../../../Enums/Modes/OutMode.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class OutModes {
     constructor() {
         this.default = OutMode_js_1.OutMode.out;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.default !== undefined) {

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MovePath = void 0;
 const ValueWithRandom_js_1 = require("../../../ValueWithRandom.js");
 const Utils_js_1 = require("../../../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../../../Utils/TypeUtils.js");
 class MovePath {
     constructor() {
         this.clamp = true;
@@ -11,7 +12,7 @@ class MovePath {
         this.options = {};
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.clamp !== undefined) {

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

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

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

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

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesNumber = void 0;
 const ParticlesDensity_js_1 = require("./ParticlesDensity.js");
 const ParticlesNumberLimit_js_1 = require("./ParticlesNumberLimit.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class ParticlesNumber {
     constructor() {
         this.density = new ParticlesDensity_js_1.ParticlesDensity();
@@ -10,7 +11,7 @@ class ParticlesNumber {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         this.density.load(data.density);

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

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesNumberLimit = void 0;
 const LimitMode_js_1 = require("../../../../Enums/Modes/LimitMode.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class ParticlesNumberLimit {
     constructor() {
         this.mode = LimitMode_js_1.LimitMode.delete;
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.mode !== undefined) {

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Opacity = void 0;
 const OpacityAnimation_js_1 = require("./OpacityAnimation.js");
 const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Opacity extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
     constructor() {
         super();
@@ -10,7 +11,7 @@ class Opacity extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
         this.value = 1;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         super.load(data);

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpacityAnimation = void 0;
 const DestroyType_js_1 = require("../../../../Enums/Types/DestroyType.js");
 const AnimationOptions_js_1 = require("../../AnimationOptions.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class OpacityAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
     constructor() {
         super();
@@ -11,7 +12,7 @@ class OpacityAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.destroy !== undefined) {

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

@@ -14,6 +14,7 @@ const Shape_js_1 = require("./Shape/Shape.js");
 const Size_js_1 = require("./Size/Size.js");
 const Stroke_js_1 = require("./Stroke.js");
 const ZIndex_js_1 = require("./ZIndex/ZIndex.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class ParticlesOptions {
     constructor(engine, container) {
         this._engine = engine;
@@ -35,7 +36,7 @@ class ParticlesOptions {
         this.zIndex = new ZIndex_js_1.ZIndex();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.groups !== undefined) {

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

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

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

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

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Size = void 0;
 const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
 const SizeAnimation_js_1 = require("./SizeAnimation.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class Size extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
     constructor() {
         super();
@@ -11,7 +12,7 @@ class Size extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         const animation = data.animation;

package/cjs/Options/Classes/Particles/Size/SizeAnimation.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SizeAnimation = void 0;
 const DestroyType_js_1 = require("../../../../Enums/Types/DestroyType.js");
 const AnimationOptions_js_1 = require("../../AnimationOptions.js");
+const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 class SizeAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
     constructor() {
         super();
@@ -11,7 +12,7 @@ class SizeAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.destroy !== undefined) {

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

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stroke = void 0;
 const AnimatableColor_js_1 = require("../AnimatableColor.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 const NumberUtils_js_1 = require("../../../Utils/NumberUtils.js");
 class Stroke {
     constructor() {
         this.width = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.color !== undefined) {

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

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

package/cjs/Options/Classes/Responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Responsive = void 0;
 const ResponsiveMode_js_1 = require("../../Enums/Modes/ResponsiveMode.js");
 const Utils_js_1 = require("../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 class Responsive {
     constructor() {
         this.maxWidth = Infinity;
@@ -10,13 +11,13 @@ class Responsive {
         this.mode = ResponsiveMode_js_1.ResponsiveMode.canvas;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
-        if (data.maxWidth !== undefined) {
+        if (!(0, TypeUtils_js_1.isNull)(data.maxWidth)) {
             this.maxWidth = data.maxWidth;
         }
-        if (data.mode !== undefined) {
+        if (!(0, TypeUtils_js_1.isNull)(data.mode)) {
             if (data.mode === ResponsiveMode_js_1.ResponsiveMode.screen) {
                 this.mode = ResponsiveMode_js_1.ResponsiveMode.screen;
             }
@@ -24,7 +25,7 @@ class Responsive {
                 this.mode = ResponsiveMode_js_1.ResponsiveMode.canvas;
             }
         }
-        if (data.options !== undefined) {
+        if (!(0, TypeUtils_js_1.isNull)(data.options)) {
             this.options = (0, Utils_js_1.deepExtend)({}, data.options);
         }
     }

package/cjs/Options/Classes/Theme/Theme.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Theme = void 0;
 const ThemeDefault_js_1 = require("./ThemeDefault.js");
 const Utils_js_1 = require("../../../Utils/Utils.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class Theme {
     constructor() {
         this.name = "";
         this.default = new ThemeDefault_js_1.ThemeDefault();
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.name !== undefined) {

package/cjs/Options/Classes/Theme/ThemeDefault.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeDefault = void 0;
 const ThemeMode_js_1 = require("../../../Enums/Modes/ThemeMode.js");
+const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
 class ThemeDefault {
     constructor() {
         this.auto = false;
@@ -9,7 +10,7 @@ class ThemeDefault {
         this.value = false;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         if (data.auto !== undefined) {

package/cjs/Options/Classes/ValueWithRandom.js

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangedAnimationValueWithRandom = exports.AnimationValueWithRandom = exports.ValueWithRandom = 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 ValueWithRandom {
     constructor() {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
-        if (data.value !== undefined) {
+        if (!(0, TypeUtils_js_1.isNull)(data.value)) {
             this.value = (0, NumberUtils_js_1.setRangeValue)(data.value);
         }
     }
@@ -24,7 +25,7 @@ class AnimationValueWithRandom extends ValueWithRandom {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if ((0, TypeUtils_js_1.isNull)(data)) {
             return;
         }
         const animation = data.animation;

package/cjs/Utils/HslColorManager.js

@@ -35,7 +35,7 @@ class HslColorManager {
         if (!input.startsWith("hsl")) {
             return;
         }
-        const regex = /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
+        const regex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
         return result
             ? (0, ColorUtils_js_1.hslaToRgba)({
                 a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,

package/cjs/Utils/RgbColorManager.js

@@ -34,7 +34,7 @@ class RgbColorManager {
         if (!input.startsWith(this.stringPrefix)) {
             return;
         }
-        const regex = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
+        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
         return result
             ? {
                 a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[RgbIndexes.a]) : defaultAlpha,

package/cjs/Utils/TypeUtils.js

@@ -6,6 +6,7 @@ exports.isNumber = isNumber;
 exports.isFunction = isFunction;
 exports.isObject = isObject;
 exports.isArray = isArray;
+exports.isNull = isNull;
 function isBoolean(arg) {
     return typeof arg === "boolean";
 }
@@ -24,3 +25,6 @@ function isObject(arg) {
 function isArray(arg) {
     return Array.isArray(arg);
 }
+function isNull(arg) {
+    return arg === null || arg === undefined;
+}

package/esm/Core/Engine.js

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

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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);