@tsparticles/preset-squares 3.1.0 → 3.2.0

package/tsparticles.preset.squares.bundle.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.1.0
+ * v3.2.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -61,7 +61,7 @@ __webpack_require__.d(__webpack_exports__, {
   tsParticles: () => (/* reexport */ tsParticles)
 });
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/Constants.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/Constants.js
 const generatedAttribute = "generated";
 const mouseDownEvent = "pointerdown";
 const mouseUpEvent = "pointerup";
@@ -79,7 +79,7 @@ const Constants_percentDenominator = 100;
 const halfRandom = 0.5;
 const millisecondsToSeconds = 1000;
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Directions/MoveDirection.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Directions/MoveDirection.js
 var MoveDirection;
 (function (MoveDirection) {
     MoveDirection["bottom"] = "bottom";
@@ -95,7 +95,7 @@ var MoveDirection;
     MoveDirection["inside"] = "inside";
 })(MoveDirection || (MoveDirection = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/TypeUtils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/TypeUtils.js
 function isBoolean(arg) {
     return typeof arg === "boolean";
 }
@@ -114,8 +114,11 @@ function isObject(arg) {
 function TypeUtils_isArray(arg) {
     return Array.isArray(arg);
 }
+function isNull(arg) {
+    return arg === null || arg === undefined;
+}
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/Vectors.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/Vectors.js
 
 
 const origin = {
@@ -240,22 +243,16 @@ class Vectors_Vector extends Vector3d {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/NumberUtils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/NumberUtils.js
 
 
 
 
 let _random = Math.random;
-const easings = new Map(), NumberUtils_double = 2, doublePI = Math.PI * NumberUtils_double;
-function addEasing(name, easing) {
-    if (easings.get(name)) {
-        return;
-    }
-    easings.set(name, easing);
-}
-function getEasing(name) {
-    return easings.get(name) ?? ((value) => value);
-}
+const _animationLoop = {
+    nextFrame: (cb) => requestAnimationFrame(cb),
+    cancel: (idx) => cancelAnimationFrame(idx),
+}, NumberUtils_double = 2, doublePI = Math.PI * NumberUtils_double;
 function setRandom(rnd = Math.random) {
     _random = rnd;
 }
@@ -263,6 +260,16 @@ function getRandom() {
     const min = 0, max = 1;
     return clamp(_random(), min, max - Number.EPSILON);
 }
+function setAnimationFunctions(nextFrame, cancel) {
+    _animationLoop.nextFrame = (callback) => nextFrame(callback);
+    _animationLoop.cancel = (handle) => cancel(handle);
+}
+function animate(fn) {
+    return _animationLoop.nextFrame(fn);
+}
+function cancelAnimation(handle) {
+    _animationLoop.cancel(handle);
+}
 function clamp(num, min, max) {
     return Math.min(Math.max(num, min), max);
 }
@@ -388,10 +395,10 @@ function parseAlpha(input) {
     if (!input) {
         return defaultAlpha;
     }
-    return input.endsWith("%") ? parseFloat(input) / Constants_percentDenominator : parseFloat(input);
+    return input.endsWith("%") ? parseFloat(input) / percentDenominator : parseFloat(input);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/AnimationMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/AnimationMode.js
 var AnimationMode;
 (function (AnimationMode) {
     AnimationMode["auto"] = "auto";
@@ -400,14 +407,14 @@ var AnimationMode;
     AnimationMode["random"] = "random";
 })(AnimationMode || (AnimationMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/AnimationStatus.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/AnimationStatus.js
 var AnimationStatus;
 (function (AnimationStatus) {
     AnimationStatus["increasing"] = "increasing";
     AnimationStatus["decreasing"] = "decreasing";
 })(AnimationStatus || (AnimationStatus = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/DestroyType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/DestroyType.js
 var DestroyType;
 (function (DestroyType) {
     DestroyType["none"] = "none";
@@ -415,7 +422,7 @@ var DestroyType;
     DestroyType["min"] = "min";
 })(DestroyType || (DestroyType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Directions/OutModeDirection.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Directions/OutModeDirection.js
 var OutModeDirection;
 (function (OutModeDirection) {
     OutModeDirection["bottom"] = "bottom";
@@ -424,14 +431,14 @@ var OutModeDirection;
     OutModeDirection["top"] = "top";
 })(OutModeDirection || (OutModeDirection = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/PixelMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/PixelMode.js
 var PixelMode;
 (function (PixelMode) {
     PixelMode["precise"] = "precise";
     PixelMode["percent"] = "percent";
 })(PixelMode || (PixelMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/StartValueType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/StartValueType.js
 var StartValueType;
 (function (StartValueType) {
     StartValueType["max"] = "max";
@@ -439,7 +446,7 @@ var StartValueType;
     StartValueType["random"] = "random";
 })(StartValueType || (StartValueType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/Utils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/Utils.js
 
 
 
@@ -856,97 +863,83 @@ function updateAnimation(particle, data, changeDirection, destroyType, delta) {
         data.value = clamp(data.value, minValue, maxValue);
     }
 }
+function assertValidVersion(engine, pluginVersion) {
+    if (engine.version === pluginVersion) {
+        return;
+    }
+    throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${engine.version}. Plugins version: ${pluginVersion}`);
+}
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/AlterType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/AlterType.js
 var AlterType;
 (function (AlterType) {
     AlterType["darken"] = "darken";
     AlterType["enlighten"] = "enlighten";
 })(AlterType || (AlterType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/ColorUtils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/ColorUtils.js
 
 
 
 
 
-var RgbIndexes;
-(function (RgbIndexes) {
-    RgbIndexes[RgbIndexes["r"] = 1] = "r";
-    RgbIndexes[RgbIndexes["g"] = 2] = "g";
-    RgbIndexes[RgbIndexes["b"] = 3] = "b";
-    RgbIndexes[RgbIndexes["a"] = 4] = "a";
-})(RgbIndexes || (RgbIndexes = {}));
-const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
-function addColorManager(manager) {
-    colorManagers.set(manager.key, manager);
-}
-function stringToRgba(input) {
-    for (const [, manager] of colorManagers) {
+const randomColorValue = "random", midColorValue = "mid";
+function stringToRgba(engine, input) {
+    if (!input) {
+        return;
+    }
+    for (const manager of engine.colorManagers.values()) {
         if (input.startsWith(manager.stringPrefix)) {
             return manager.parseString(input);
         }
     }
-    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexFixed = input.replace(shorthandRegex, (_, r, g, b, a) => {
-        return r + r + g + g + b + b + (a !== undefined ? a + a : "");
-    }), regex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, result = regex.exec(hexFixed), radix = 16, defaultAlpha = 1, alphaFactor = 0xff;
-    return result
-        ? {
-            a: result[RgbIndexes.a] !== undefined
-                ? parseInt(result[RgbIndexes.a], radix) / alphaFactor
-                : defaultAlpha,
-            b: parseInt(result[RgbIndexes.b], radix),
-            g: parseInt(result[RgbIndexes.g], radix),
-            r: parseInt(result[RgbIndexes.r], radix),
-        }
-        : undefined;
 }
-function rangeColorToRgb(input, index, useIndex = true) {
+function rangeColorToRgb(engine, input, index, useIndex = true) {
     if (!input) {
         return;
     }
     const color = TypeUtils_isString(input) ? { value: input } : input;
     if (TypeUtils_isString(color.value)) {
-        return colorToRgb(color.value, index, useIndex);
+        return colorToRgb(engine, color.value, index, useIndex);
     }
     if (TypeUtils_isArray(color.value)) {
-        return rangeColorToRgb({
+        return rangeColorToRgb(engine, {
             value: itemFromArray(color.value, index, useIndex),
         });
     }
-    for (const [, manager] of colorManagers) {
+    for (const manager of engine.colorManagers.values()) {
         const res = manager.handleRangeColor(color);
         if (res) {
             return res;
         }
     }
 }
-function colorToRgb(input, index, useIndex = true) {
+function colorToRgb(engine, input, index, useIndex = true) {
     if (!input) {
         return;
     }
     const color = TypeUtils_isString(input) ? { value: input } : input;
     if (TypeUtils_isString(color.value)) {
-        return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(color.value);
+        return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(engine, color.value);
     }
     if (TypeUtils_isArray(color.value)) {
-        return colorToRgb({
+        return colorToRgb(engine, {
             value: itemFromArray(color.value, index, useIndex),
         });
     }
-    for (const [, manager] of colorManagers) {
+    for (const manager of engine.colorManagers.values()) {
         const res = manager.handleColor(color);
         if (res) {
             return res;
         }
     }
 }
-function colorToHsl(color, index, useIndex = true) {
-    const rgb = colorToRgb(color, index, useIndex);
+function colorToHsl(engine, color, index, useIndex = true) {
+    const rgb = colorToRgb(engine, color, index, useIndex);
     return rgb ? rgbToHsl(rgb) : undefined;
 }
-function rangeColorToHsl(color, index, useIndex = true) {
-    const rgb = rangeColorToRgb(color, index, useIndex);
+function rangeColorToHsl(engine, color, index, useIndex = true) {
+    const rgb = rangeColorToRgb(engine, color, index, useIndex);
     return rgb ? rgbToHsl(rgb) : undefined;
 }
 function rgbToHsl(color) {
@@ -973,11 +966,11 @@ function rgbToHsl(color) {
     }
     return res;
 }
-function stringToAlpha(input) {
-    return stringToRgba(input)?.a;
+function stringToAlpha(engine, input) {
+    return stringToRgba(engine, input)?.a;
 }
-function stringToRgb(input) {
-    return stringToRgba(input);
+function stringToRgb(engine, input) {
+    return stringToRgba(engine, input);
 }
 function hslToRgb(hsl) {
     const hMax = 360, sMax = 100, lMax = 100, sMin = 0, lMin = 0, h = ((hsl.h % hMax) + hMax) % hMax, s = Math.max(sMin, Math.min(sMax, hsl.s)), l = Math.max(lMin, Math.min(lMax, hsl.l)), hNormalized = h / hMax, sNormalized = s / sMax, lNormalized = l / lMax, rgbFactor = 255, triple = 3;
@@ -1068,11 +1061,11 @@ function getLinkColor(p1, p2, linkColor) {
         return linkColor;
     }
 }
-function getLinkRandomColor(optColor, blink, consent) {
+function getLinkRandomColor(engine, optColor, blink, consent) {
     const color = isString(optColor) ? optColor : optColor.value;
     if (color === randomColorValue) {
         if (consent) {
-            return rangeColorToRgb({
+            return rangeColorToRgb(engine, {
                 value: color,
             });
         }
@@ -1085,7 +1078,7 @@ function getLinkRandomColor(optColor, blink, consent) {
         return midColorValue;
     }
     else {
-        return rangeColorToRgb({
+        return rangeColorToRgb(engine, {
             value: color,
         });
     }
@@ -1212,7 +1205,7 @@ function updateColor(color, delta) {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/CanvasUtils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/CanvasUtils.js
 
 
 const CanvasUtils_origin = { x: 0, y: 0 }, defaultTransform = {
@@ -1248,8 +1241,8 @@ function drawParticle(data) {
         cos: Math.cos(angle),
     }, rotating = !!angle, identity = 1, transformData = {
         a: rotateData.cos * (transform.a ?? defaultTransform.a),
-        b: rotating ? rotateData.sin * (transform.b ?? identity) : transform.b ?? defaultTransform.b,
-        c: rotating ? -rotateData.sin * (transform.c ?? identity) : transform.c ?? defaultTransform.c,
+        b: rotating ? rotateData.sin * (transform.b ?? identity) : (transform.b ?? defaultTransform.b),
+        c: rotating ? -rotateData.sin * (transform.c ?? identity) : (transform.c ?? defaultTransform.c),
         d: rotateData.cos * (transform.d ?? defaultTransform.d),
     };
     context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
@@ -1375,7 +1368,7 @@ function alterHsl(color, type, value) {
     };
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Canvas.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Canvas.js
 
 
 
@@ -1400,14 +1393,11 @@ function setStyle(canvas, style, important = false) {
     }
     for (const key in style) {
         const value = style[key];
-        if (!value) {
-            continue;
-        }
         elementStyle.setProperty(key, value, important ? "important" : "");
     }
 }
 class Canvas {
-    constructor(container) {
+    constructor(container, engine) {
         this.container = container;
         this._applyPostDrawUpdaters = particle => {
             for (const updater of this._postDrawUpdaters) {
@@ -1443,10 +1433,10 @@ class Canvas {
             let fColor, sColor;
             for (const plugin of this._colorPlugins) {
                 if (!fColor && plugin.particleFillColor) {
-                    fColor = rangeColorToHsl(plugin.particleFillColor(particle));
+                    fColor = rangeColorToHsl(this._engine, plugin.particleFillColor(particle));
                 }
                 if (!sColor && plugin.particleStrokeColor) {
-                    sColor = rangeColorToHsl(plugin.particleStrokeColor(particle));
+                    sColor = rangeColorToHsl(this._engine, plugin.particleStrokeColor(particle));
                 }
                 if (fColor && sColor) {
                     break;
@@ -1457,7 +1447,7 @@ class Canvas {
         this._initCover = async () => {
             const options = this.container.actualOptions, cover = options.backgroundMask.cover, color = cover.color;
             if (color) {
-                const coverRgb = rangeColorToRgb(color);
+                const coverRgb = rangeColorToRgb(this._engine, color);
                 if (coverRgb) {
                     const coverColor = {
                         ...coverRgb,
@@ -1516,7 +1506,7 @@ class Canvas {
             }
             const factorNumerator = 1, opacity = factorNumerator / trail.length;
             if (trailFill.color) {
-                const fillColor = rangeColorToRgb(trailFill.color);
+                const fillColor = rangeColorToRgb(this._engine, trailFill.color);
                 if (!fillColor) {
                     return;
                 }
@@ -1586,20 +1576,27 @@ class Canvas {
             if (!element) {
                 return;
             }
-            const radix = 10;
+            const radix = 10, zIndex = this.container.actualOptions.fullScreen.zIndex.toString(radix);
             setStyle(element, {
                 position: "fixed",
-                zIndex: this.container.actualOptions.fullScreen.zIndex.toString(radix),
+                "z-index": zIndex,
+                zIndex: zIndex,
                 top: "0",
                 left: "0",
                 width: "100%",
                 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 = [];
@@ -1743,7 +1740,7 @@ class Canvas {
             return;
         }
         if (background.color) {
-            const color = rangeColorToRgb(background.color);
+            const color = rangeColorToRgb(this._engine, background.color);
             elementStyle.backgroundColor = color ? getStyleFromRgb(color, background.opacity) : "";
         }
         else {
@@ -1756,7 +1753,7 @@ class Canvas {
     }
     initPlugins() {
         this._resizePlugins = [];
-        for (const [, plugin] of this.container.plugins) {
+        for (const plugin of this.container.plugins.values()) {
             if (plugin.resize) {
                 this._resizePlugins.push(plugin);
             }
@@ -1788,8 +1785,12 @@ class Canvas {
         this.element = canvas;
         this.element.ariaHidden = "true";
         this._originalStyle = 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, retinaSize = this.size;
+        canvas.height = retinaSize.height = standardSize.height * pxRatio;
+        canvas.width = retinaSize.width = standardSize.width * pxRatio;
         this._context = this.element.getContext("2d");
         this._safeMutationObserver(obs => {
             if (!this.element || !(this.element instanceof Node)) {
@@ -1824,23 +1825,29 @@ 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,
+        }, pxRatio = container.retina.pixelRatio, retinaSize = {
+            width: newSize.width * pxRatio,
+            height: newSize.height * pxRatio,
         };
-        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 &&
+            retinaSize.height === this.element.height &&
+            retinaSize.width === this.element.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 };
+        currentSize.height = newSize.height;
+        currentSize.width = newSize.width;
+        const canvasSize = this.size;
+        this.element.width = canvasSize.width = retinaSize.width;
+        this.element.height = canvasSize.height = retinaSize.height;
         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;
@@ -1863,7 +1870,7 @@ class Canvas {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/InteractivityDetect.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/InteractivityDetect.js
 var InteractivityDetect;
 (function (InteractivityDetect) {
     InteractivityDetect["canvas"] = "canvas";
@@ -1871,7 +1878,7 @@ var InteractivityDetect;
     InteractivityDetect["window"] = "window";
 })(InteractivityDetect || (InteractivityDetect = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/EventListeners.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/EventListeners.js
 
 
 
@@ -2061,7 +2068,7 @@ class EventListeners {
             if (!mousePosition || !options.interactivity.events.onClick.enable) {
                 return;
             }
-            for (const [, plugin] of container.plugins) {
+            for (const plugin of container.plugins.values()) {
                 if (!plugin.clickPositionValid) {
                     continue;
                 }
@@ -2197,7 +2204,7 @@ class EventListeners {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/EventType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/EventType.js
 var EventType;
 (function (EventType) {
     EventType["configAdded"] = "configAdded";
@@ -2214,7 +2221,7 @@ var EventType;
     EventType["particleRemoved"] = "particleRemoved";
 })(EventType || (EventType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/OptionsColor.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/OptionsColor.js
 
 class OptionsColor {
     constructor() {
@@ -2234,14 +2241,17 @@ 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;
+        }
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Background/Background.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Background/Background.js
+
 
 class Background {
     constructor() {
@@ -2254,7 +2264,7 @@ class Background {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
@@ -2278,14 +2288,15 @@ class Background {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js
+
 
 class BackgroundMaskCover {
     constructor() {
         this.opacity = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
@@ -2300,7 +2311,7 @@ class BackgroundMaskCover {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/BackgroundMask/BackgroundMask.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/BackgroundMask/BackgroundMask.js
 
 
 class BackgroundMask {
@@ -2310,7 +2321,7 @@ class BackgroundMask {
         this.enable = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.composite !== undefined) {
@@ -2326,14 +2337,15 @@ class BackgroundMask {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/FullScreen/FullScreen.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/FullScreen/FullScreen.js
+
 class FullScreen {
     constructor() {
         this.enable = true;
         this.zIndex = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -2345,14 +2357,15 @@ class FullScreen {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/ClickEvent.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/ClickEvent.js
+
 class ClickEvent {
     constructor() {
         this.enable = false;
         this.mode = [];
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -2364,14 +2377,15 @@ class ClickEvent {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/DivType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/DivType.js
 var DivType;
 (function (DivType) {
     DivType["circle"] = "circle";
     DivType["rectangle"] = "rectangle";
 })(DivType || (DivType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/DivEvent.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/DivEvent.js
+
 
 class DivEvent {
     constructor() {
@@ -2381,7 +2395,7 @@ class DivEvent {
         this.type = DivType.circle;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.selectors !== undefined) {
@@ -2399,7 +2413,8 @@ class DivEvent {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/Parallax.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/Parallax.js
+
 class Parallax {
     constructor() {
         this.enable = false;
@@ -2407,7 +2422,7 @@ class Parallax {
         this.smooth = 10;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -2422,7 +2437,8 @@ class Parallax {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/HoverEvent.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/HoverEvent.js
+
 
 class HoverEvent {
     constructor() {
@@ -2431,7 +2447,7 @@ class HoverEvent {
         this.parallax = new Parallax();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -2444,14 +2460,15 @@ class HoverEvent {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/ResizeEvent.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/ResizeEvent.js
+
 class ResizeEvent {
     constructor() {
         this.delay = 0.5;
         this.enable = true;
     }
     load(data) {
-        if (data === undefined) {
+        if (isNull(data)) {
             return;
         }
         if (data.delay !== undefined) {
@@ -2463,7 +2480,8 @@ class ResizeEvent {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/Events.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Events/Events.js
+
 
 
 
@@ -2477,7 +2495,7 @@ class Events {
         this.resize = new ResizeEvent();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.onClick.load(data.onClick);
@@ -2494,14 +2512,15 @@ class Events {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Modes/Modes.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Modes/Modes.js
+
 class Modes {
     constructor(engine, container) {
         this._engine = engine;
         this._container = container;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (!this._container) {
@@ -2520,7 +2539,8 @@ class Modes {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Interactivity.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Interactivity/Interactivity.js
+
 
 
 
@@ -2531,7 +2551,7 @@ class Interactivity {
         this.modes = new Modes(engine, container);
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const detectsOn = data.detectsOn;
@@ -2543,13 +2563,14 @@ class Interactivity {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/ManualParticle.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/ManualParticle.js
+
 
 
 const defaultPosition = 50;
 class ManualParticle {
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.position) {
@@ -2565,14 +2586,15 @@ class ManualParticle {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/ResponsiveMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/ResponsiveMode.js
 var ResponsiveMode;
 (function (ResponsiveMode) {
     ResponsiveMode["screen"] = "screen";
     ResponsiveMode["canvas"] = "canvas";
 })(ResponsiveMode || (ResponsiveMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Responsive.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Responsive.js
+
 
 
 class Responsive {
@@ -2582,13 +2604,13 @@ class Responsive {
         this.mode = ResponsiveMode.canvas;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
-        if (data.maxWidth !== undefined) {
+        if (!isNull(data.maxWidth)) {
             this.maxWidth = data.maxWidth;
         }
-        if (data.mode !== undefined) {
+        if (!isNull(data.mode)) {
             if (data.mode === ResponsiveMode.screen) {
                 this.mode = ResponsiveMode.screen;
             }
@@ -2596,13 +2618,13 @@ class Responsive {
                 this.mode = ResponsiveMode.canvas;
             }
         }
-        if (data.options !== undefined) {
+        if (!isNull(data.options)) {
             this.options = deepExtend({}, data.options);
         }
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/ThemeMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/ThemeMode.js
 var ThemeMode;
 (function (ThemeMode) {
     ThemeMode["any"] = "any";
@@ -2610,7 +2632,8 @@ var ThemeMode;
     ThemeMode["light"] = "light";
 })(ThemeMode || (ThemeMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Theme/ThemeDefault.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Theme/ThemeDefault.js
+
 
 class ThemeDefault {
     constructor() {
@@ -2619,7 +2642,7 @@ class ThemeDefault {
         this.value = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.auto !== undefined) {
@@ -2634,7 +2657,8 @@ class ThemeDefault {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Theme/Theme.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Theme/Theme.js
+
 
 
 class Theme {
@@ -2643,7 +2667,7 @@ class Theme {
         this.default = new ThemeDefault();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.name !== undefined) {
@@ -2656,7 +2680,8 @@ class Theme {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/AnimationOptions.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/AnimationOptions.js
+
 
 
 
@@ -2670,7 +2695,7 @@ class AnimationOptions {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.count !== undefined) {
@@ -2701,7 +2726,7 @@ class RangedAnimationOptions extends AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode !== undefined) {
@@ -2713,7 +2738,8 @@ class RangedAnimationOptions extends AnimationOptions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/ColorAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/ColorAnimation.js
+
 
 
 class ColorAnimation extends AnimationOptions {
@@ -2724,7 +2750,7 @@ class ColorAnimation extends AnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.offset !== undefined) {
@@ -2733,7 +2759,8 @@ class ColorAnimation extends AnimationOptions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/HslAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/HslAnimation.js
+
 
 class HslAnimation {
     constructor() {
@@ -2742,7 +2769,7 @@ class HslAnimation {
         this.l = new ColorAnimation();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.h.load(data.h);
@@ -2751,7 +2778,7 @@ class HslAnimation {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/AnimatableColor.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/AnimatableColor.js
 
 
 
@@ -2775,7 +2802,7 @@ class AnimatableColor extends OptionsColor {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const colorAnimation = data.animation;
@@ -2790,7 +2817,7 @@ class AnimatableColor extends OptionsColor {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/CollisionMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/CollisionMode.js
 var CollisionMode;
 (function (CollisionMode) {
     CollisionMode["absorb"] = "absorb";
@@ -2798,13 +2825,14 @@ var CollisionMode;
     CollisionMode["destroy"] = "destroy";
 })(CollisionMode || (CollisionMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js
+
 class CollisionsAbsorb {
     constructor() {
         this.speed = 2;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.speed !== undefined) {
@@ -2813,14 +2841,15 @@ class CollisionsAbsorb {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js
+
 class CollisionsOverlap {
     constructor() {
         this.enable = true;
         this.retries = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -2832,7 +2861,8 @@ class CollisionsOverlap {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/ValueWithRandom.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/ValueWithRandom.js
+
 
 
 class ValueWithRandom {
@@ -2840,10 +2870,10 @@ class ValueWithRandom {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
-        if (data.value !== undefined) {
+        if (!isNull(data.value)) {
             this.value = setRangeValue(data.value);
         }
     }
@@ -2855,7 +2885,7 @@ class AnimationValueWithRandom extends ValueWithRandom {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const animation = data.animation;
@@ -2874,7 +2904,7 @@ class RangedAnimationValueWithRandom extends AnimationValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js
 
 class ParticlesBounceFactor extends ValueWithRandom {
     constructor() {
@@ -2883,7 +2913,8 @@ class ParticlesBounceFactor extends ValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js
+
 
 class ParticlesBounce {
     constructor() {
@@ -2891,7 +2922,7 @@ class ParticlesBounce {
         this.vertical = new ParticlesBounceFactor();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.horizontal.load(data.horizontal);
@@ -2899,7 +2930,8 @@ class ParticlesBounce {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/Collisions.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Collisions/Collisions.js
+
 
 
 
@@ -2915,7 +2947,7 @@ class Collisions {
         this.overlap = new CollisionsOverlap();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.absorb.load(data.absorb);
@@ -2933,7 +2965,8 @@ class Collisions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Effect/Effect.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Effect/Effect.js
+
 
 class Effect {
     constructor() {
@@ -2943,7 +2976,7 @@ class Effect {
         this.type = [];
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const options = data.options;
@@ -2967,7 +3000,8 @@ class Effect {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveAngle.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveAngle.js
+
 
 class MoveAngle {
     constructor() {
@@ -2975,7 +3009,7 @@ class MoveAngle {
         this.value = 90;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.offset !== undefined) {
@@ -2987,7 +3021,8 @@ class MoveAngle {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveAttract.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveAttract.js
+
 
 class MoveAttract {
     constructor() {
@@ -2999,7 +3034,7 @@ class MoveAttract {
         };
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.distance !== undefined) {
@@ -3021,7 +3056,8 @@ class MoveAttract {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveCenter.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveCenter.js
+
 
 class MoveCenter {
     constructor() {
@@ -3031,7 +3067,7 @@ class MoveCenter {
         this.radius = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.x !== undefined) {
@@ -3049,7 +3085,8 @@ class MoveCenter {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveGravity.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveGravity.js
+
 
 class MoveGravity {
     constructor() {
@@ -3059,7 +3096,7 @@ class MoveGravity {
         this.maxSpeed = 50;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.acceleration !== undefined) {
@@ -3077,7 +3114,8 @@ class MoveGravity {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Path/MovePath.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Path/MovePath.js
+
 
 
 class MovePath {
@@ -3088,7 +3126,7 @@ class MovePath {
         this.options = {};
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.clamp !== undefined) {
@@ -3105,11 +3143,12 @@ class MovePath {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveTrailFill.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveTrailFill.js
+
 
 class MoveTrailFill {
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
@@ -3121,7 +3160,8 @@ class MoveTrailFill {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveTrail.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/MoveTrail.js
+
 
 class MoveTrail {
     constructor() {
@@ -3130,7 +3170,7 @@ class MoveTrail {
         this.fill = new MoveTrailFill();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -3145,7 +3185,7 @@ class MoveTrail {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/OutMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/OutMode.js
 var OutMode;
 (function (OutMode) {
     OutMode["bounce"] = "bounce";
@@ -3155,14 +3195,15 @@ var OutMode;
     OutMode["split"] = "split";
 })(OutMode || (OutMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/OutModes.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/OutModes.js
+
 
 class OutModes {
     constructor() {
         this.default = OutMode.out;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.default !== undefined) {
@@ -3175,7 +3216,8 @@ class OutModes {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Spin.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Spin.js
+
 
 
 class Spin {
@@ -3184,7 +3226,7 @@ class Spin {
         this.enable = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.acceleration !== undefined) {
@@ -3199,7 +3241,7 @@ class Spin {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Move.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Move/Move.js
 
 
 
@@ -3234,7 +3276,7 @@ class Move {
         this.warp = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.angle.load(isNumber(data.angle) ? { value: data.angle } : data.angle);
@@ -3296,7 +3338,8 @@ class Move {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js
+
 
 
 class OpacityAnimation extends RangedAnimationOptions {
@@ -3307,7 +3350,7 @@ class OpacityAnimation extends RangedAnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.destroy !== undefined) {
@@ -3316,7 +3359,8 @@ class OpacityAnimation extends RangedAnimationOptions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Opacity/Opacity.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Opacity/Opacity.js
+
 
 
 class Opacity extends RangedAnimationValueWithRandom {
@@ -3326,7 +3370,7 @@ class Opacity extends RangedAnimationValueWithRandom {
         this.value = 1;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         super.load(data);
@@ -3337,7 +3381,8 @@ class Opacity extends RangedAnimationValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesDensity.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesDensity.js
+
 class ParticlesDensity {
     constructor() {
         this.enable = false;
@@ -3345,7 +3390,7 @@ class ParticlesDensity {
         this.height = 1080;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -3362,14 +3407,15 @@ class ParticlesDensity {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Modes/LimitMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Modes/LimitMode.js
 var LimitMode;
 (function (LimitMode) {
     LimitMode["delete"] = "delete";
     LimitMode["wait"] = "wait";
 })(LimitMode || (LimitMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js
+
 
 class ParticlesNumberLimit {
     constructor() {
@@ -3377,7 +3423,7 @@ class ParticlesNumberLimit {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode !== undefined) {
@@ -3389,7 +3435,8 @@ class ParticlesNumberLimit {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesNumber.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Number/ParticlesNumber.js
+
 
 
 class ParticlesNumber {
@@ -3399,7 +3446,7 @@ class ParticlesNumber {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         this.density.load(data.density);
@@ -3410,7 +3457,8 @@ class ParticlesNumber {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Shadow.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Shadow.js
+
 
 class Shadow {
     constructor() {
@@ -3424,7 +3472,7 @@ class Shadow {
         this.color.value = "#000";
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.blur !== undefined) {
@@ -3446,7 +3494,8 @@ class Shadow {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Shape/Shape.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Shape/Shape.js
+
 
 class Shape {
     constructor() {
@@ -3456,7 +3505,7 @@ class Shape {
         this.type = "circle";
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const options = data.options;
@@ -3480,7 +3529,8 @@ class Shape {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Size/SizeAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Size/SizeAnimation.js
+
 
 
 class SizeAnimation extends RangedAnimationOptions {
@@ -3491,7 +3541,7 @@ class SizeAnimation extends RangedAnimationOptions {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.destroy !== undefined) {
@@ -3500,7 +3550,8 @@ class SizeAnimation extends RangedAnimationOptions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Size/Size.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Size/Size.js
+
 
 
 class Size extends RangedAnimationValueWithRandom {
@@ -3511,7 +3562,7 @@ class Size extends RangedAnimationValueWithRandom {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         const animation = data.animation;
@@ -3521,7 +3572,8 @@ class Size extends RangedAnimationValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Stroke.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/Stroke.js
+
 
 
 class Stroke {
@@ -3529,7 +3581,7 @@ class Stroke {
         this.width = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
@@ -3544,7 +3596,8 @@ class Stroke {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/ZIndex/ZIndex.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/ZIndex/ZIndex.js
+
 
 class ZIndex extends ValueWithRandom {
     constructor() {
@@ -3555,7 +3608,7 @@ class ZIndex extends ValueWithRandom {
     }
     load(data) {
         super.load(data);
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.opacityRate !== undefined) {
@@ -3570,7 +3623,8 @@ class ZIndex extends ValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/ParticlesOptions.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Particles/ParticlesOptions.js
+
 
 
 
@@ -3605,7 +3659,7 @@ class ParticlesOptions {
         this.zIndex = new ZIndex();
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.groups !== undefined) {
@@ -3665,7 +3719,7 @@ class ParticlesOptions {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/OptionsUtils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/OptionsUtils.js
 
 function loadOptions(options, ...sourceOptionsArr) {
     for (const sourceOptions of sourceOptionsArr) {
@@ -3678,7 +3732,7 @@ function loadParticlesOptions(engine, container, ...sourceOptionsArr) {
     return options;
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Options/Classes/Options.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Options/Classes/Options.js
 
 
 
@@ -3725,7 +3779,7 @@ class Options {
         this.zLayers = 100;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.preset !== undefined) {
@@ -3843,14 +3897,14 @@ class Options {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/InteractorType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/InteractorType.js
 var InteractorType_InteractorType;
 (function (InteractorType) {
     InteractorType["external"] = "external";
     InteractorType["particles"] = "particles";
 })(InteractorType_InteractorType || (InteractorType_InteractorType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/InteractionManager.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/InteractionManager.js
 
 class InteractionManager {
     constructor(engine, container) {
@@ -3912,7 +3966,7 @@ class InteractionManager {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/ParticleOutType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/ParticleOutType.js
 var ParticleOutType;
 (function (ParticleOutType) {
     ParticleOutType["normal"] = "normal";
@@ -3920,7 +3974,7 @@ var ParticleOutType;
     ParticleOutType["outside"] = "outside";
 })(ParticleOutType || (ParticleOutType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Particle.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Particle.js
 
 
 
@@ -3971,7 +4025,7 @@ class Particle {
     constructor(engine, container) {
         this.container = container;
         this._calcPosition = (container, position, zIndex, tryCount = defaultRetryCount) => {
-            for (const [, plugin] of container.plugins) {
+            for (const plugin of container.plugins.values()) {
                 const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
                 if (pluginPos) {
                     return Vector3d.create(pluginPos.x, pluginPos.y, zIndex);
@@ -4089,7 +4143,7 @@ class Particle {
         this.slow.inRange = false;
         const container = this.container, pathGenerator = this.pathGenerator, shapeDrawer = container.shapeDrawers.get(this.shape);
         shapeDrawer?.particleDestroy?.(this);
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             plugin.particleDestroyed?.(this, override);
         }
         for (const updater of container.particles.updaters) {
@@ -4105,7 +4159,7 @@ class Particle {
     }
     draw(delta) {
         const container = this.container, canvas = container.canvas;
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             canvas.drawParticlePlugin(plugin, this, delta);
         }
         canvas.drawParticle(this, delta);
@@ -4248,7 +4302,7 @@ class Particle {
             this.sides = sideCountFunc(this);
         }
         this.spawning = false;
-        this.shadowColor = rangeColorToRgb(this.options.shadow.color);
+        this.shadowColor = rangeColorToRgb(this._engine, this.options.shadow.color);
         for (const updater of particles.updaters) {
             updater.init(this);
         }
@@ -4257,7 +4311,7 @@ class Particle {
         }
         effectDrawer?.particleInit?.(container, this);
         shapeDrawer?.particleInit?.(container, this);
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             plugin.particleCreated?.(this);
         }
     }
@@ -4278,7 +4332,7 @@ class Particle {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/Point.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/Point.js
 class Point {
     constructor(position, particle) {
         this.position = position;
@@ -4286,14 +4340,14 @@ class Point {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Types/RangeType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Types/RangeType.js
 var RangeType;
 (function (RangeType) {
     RangeType["circle"] = "circle";
     RangeType["rectangle"] = "rectangle";
 })(RangeType || (RangeType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/Ranges.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/Ranges.js
 
 
 const Ranges_squareExp = 2;
@@ -4351,7 +4405,7 @@ class Rectangle extends BaseRange {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/QuadTree.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/QuadTree.js
 
 
 const QuadTree_half = 0.5, QuadTree_double = 2, subdivideCount = 4;
@@ -4412,7 +4466,7 @@ class QuadTree {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Particles.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Particles.js
 
 
 
@@ -4537,7 +4591,7 @@ class Particles {
         options.manualParticles.forEach(p => this.addParticle(p.position ? getPosition(p.position, container.canvas.size) : undefined, p.options));
     }
     addParticle(position, overrideOptions, group, initializer) {
-        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count, minLimit = 0;
+        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : (this._groupLimits.get(group) ?? this._limit), currentCount = this.count, minLimit = 0;
         if (limit > minLimit) {
             switch (limitMode) {
                 case LimitMode.delete: {
@@ -4571,7 +4625,7 @@ class Particles {
         const container = this._container, canvas = container.canvas;
         canvas.clear();
         this.update(delta);
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             canvas.drawPlugin(plugin, delta);
         }
         for (const p of this._zArray) {
@@ -4596,7 +4650,7 @@ class Particles {
         this._needsSort = false;
         await this.initPlugins();
         let handled = false;
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             handled = plugin.particlesInitialization?.() ?? handled;
             if (handled) {
                 break;
@@ -4624,7 +4678,7 @@ class Particles {
         this.movers = await this._engine.getMovers(container, true);
         this.updaters = await this._engine.getUpdaters(container, true);
         await this._interactionManager.init();
-        for (const [, pathGenerator] of container.pathGenerators) {
+        for (const pathGenerator of container.pathGenerators.values()) {
             pathGenerator.init(container);
         }
     }
@@ -4648,7 +4702,8 @@ class Particles {
         }
         let deleted = 0;
         for (let i = index; deleted < quantity && i < this.count; i++) {
-            if (this._removeParticle(i--, group, override)) {
+            if (this._removeParticle(i, group, override)) {
+                i--;
                 deleted++;
             }
         }
@@ -4674,10 +4729,10 @@ class Particles {
     update(delta) {
         const container = this._container, particlesToDelete = new Set();
         this.quadTree = new QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
-        for (const [, pathGenerator] of container.pathGenerators) {
+        for (const pathGenerator of container.pathGenerators.values()) {
             pathGenerator.update();
         }
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             plugin.update?.(delta);
         }
         const resizeFactor = this._resizeFactor;
@@ -4690,7 +4745,7 @@ class Particles {
             }
             particle.ignoresResizeRatio = false;
             this._interactionManager.reset(particle);
-            for (const [, plugin] of this._container.plugins) {
+            for (const plugin of this._container.plugins.values()) {
                 if (particle.destroyed) {
                     break;
                 }
@@ -4741,7 +4796,7 @@ class Particles {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Retina.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Retina.js
 
 
 const defaultRatio = 1, defaultReduceFactor = 1;
@@ -4777,7 +4832,7 @@ class Retina {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Container.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Container.js
 
 
 
@@ -4868,7 +4923,7 @@ class Container {
         this._sourceOptions = sourceOptions;
         this._initialSourceOptions = sourceOptions;
         this.retina = new Retina(this);
-        this.canvas = new Canvas(this);
+        this.canvas = new Canvas(this, this._engine);
         this.particles = new Particles(this._engine, this);
         this.pathGenerators = new Map();
         this.interactivity = {
@@ -5000,10 +5055,10 @@ class Container {
         this.clearClickHandlers();
         this.particles.destroy();
         this.canvas.destroy();
-        for (const [, effectDrawer] of this.effectDrawers) {
+        for (const effectDrawer of this.effectDrawers.values()) {
             effectDrawer.destroy?.(this);
         }
-        for (const [, shapeDrawer] of this.shapeDrawers) {
+        for (const shapeDrawer of this.shapeDrawers.values()) {
             shapeDrawer.destroy?.(this);
         }
         for (const key of this.effectDrawers.keys()) {
@@ -5035,10 +5090,10 @@ class Container {
             }
             this._nextFrame(timestamp);
         };
-        this._drawAnimationFrame = requestAnimationFrame(timestamp => frame(timestamp));
+        this._drawAnimationFrame = animate(timestamp => frame(timestamp));
     }
     async export(type, options = {}) {
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             if (!plugin.export) {
                 continue;
             }
@@ -5055,7 +5110,7 @@ class Container {
             return;
         }
         this.particles.handleClickMode(mode);
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             plugin.handleClickMode?.(mode);
         }
     }
@@ -5097,19 +5152,19 @@ class Container {
         const defaultFpsLimit = 120, minFpsLimit = 0;
         this.fpsLimit = fpsLimit > minFpsLimit ? fpsLimit : defaultFpsLimit;
         this._smooth = smooth;
-        for (const [, drawer] of this.effectDrawers) {
+        for (const drawer of this.effectDrawers.values()) {
             await drawer.init?.(this);
         }
-        for (const [, drawer] of this.shapeDrawers) {
+        for (const drawer of this.shapeDrawers.values()) {
             await drawer.init?.(this);
         }
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             await plugin.init?.();
         }
         this._engine.dispatchEvent(EventType.containerInit, { container: this });
         await this.particles.init();
         this.particles.setDensity();
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             plugin.particlesSetup?.();
         }
         this._engine.dispatchEvent(EventType.particlesSetup, { container: this });
@@ -5126,13 +5181,13 @@ class Container {
             return;
         }
         if (this._drawAnimationFrame !== undefined) {
-            cancelAnimationFrame(this._drawAnimationFrame);
+            cancelAnimation(this._drawAnimationFrame);
             delete this._drawAnimationFrame;
         }
         if (this._paused) {
             return;
         }
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             plugin.pause?.();
         }
         if (!this.pageHidden) {
@@ -5153,7 +5208,7 @@ class Container {
             this._paused = false;
         }
         if (needsUpdate) {
-            for (const [, plugin] of this.plugins) {
+            for (const plugin of this.plugins.values()) {
                 if (plugin.play) {
                     plugin.play();
                 }
@@ -5191,7 +5246,7 @@ class Container {
                 if (this.interactivity.element instanceof HTMLElement && this._intersectionObserver) {
                     this._intersectionObserver.observe(this.interactivity.element);
                 }
-                for (const [, plugin] of this.plugins) {
+                for (const plugin of this.plugins.values()) {
                     await plugin.start?.();
                 }
                 this._engine.dispatchEvent(EventType.containerStarted, { container: this });
@@ -5218,7 +5273,7 @@ class Container {
         if (this.interactivity.element instanceof HTMLElement && this._intersectionObserver) {
             this._intersectionObserver.unobserve(this.interactivity.element);
         }
-        for (const [, plugin] of this.plugins) {
+        for (const plugin of this.plugins.values()) {
             plugin.stop?.();
         }
         for (const key of this.plugins.keys()) {
@@ -5239,7 +5294,7 @@ class Container {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/EventDispatcher.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Utils/EventDispatcher.js
 class EventDispatcher {
     constructor() {
         this._listeners = new Map();
@@ -5287,7 +5342,7 @@ class EventDispatcher {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Engine.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Engine.js
 
 
 
@@ -5361,6 +5416,8 @@ class Engine {
         this._eventDispatcher = new EventDispatcher();
         this._initialized = false;
         this.plugins = [];
+        this.colorManagers = new Map();
+        this.easingFunctions = new Map();
         this._initializers = {
             interactors: new Map(),
             movers: new Map(),
@@ -5385,13 +5442,24 @@ class Engine {
         return this._domArray;
     }
     get version() {
-        return "3.4.0";
+        return "3.7.1";
+    }
+    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.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) {
         executeOnSingleOrMultiple(effect, type => {
             if (!this.getEffectDrawer(type)) {
@@ -5465,6 +5533,9 @@ class Engine {
         }
         return res;
     }
+    getEasing(name) {
+        return this.easingFunctions.get(name) ?? ((value) => value);
+    }
     getEffectDrawer(type) {
         return this.effectDrawers.get(type);
     }
@@ -5556,114 +5627,15 @@ class Engine {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/HslColorManager.js
-
-
-var HslIndexes;
-(function (HslIndexes) {
-    HslIndexes[HslIndexes["h"] = 1] = "h";
-    HslIndexes[HslIndexes["s"] = 2] = "s";
-    HslIndexes[HslIndexes["l"] = 3] = "l";
-    HslIndexes[HslIndexes["a"] = 5] = "a";
-})(HslIndexes || (HslIndexes = {}));
-class HslColorManager {
-    constructor() {
-        this.key = "hsl";
-        this.stringPrefix = "hsl";
-    }
-    handleColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return hslToRgb(hslColor);
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            return hslToRgb({
-                h: NumberUtils_getRangeValue(hslColor.h),
-                l: NumberUtils_getRangeValue(hslColor.l),
-                s: NumberUtils_getRangeValue(hslColor.s),
-            });
-        }
-    }
-    parseString(input) {
-        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;
-        return result
-            ? hslaToRgba({
-                a: result.length > minLength ? parseAlpha(result[HslIndexes.a]) : defaultAlpha,
-                h: parseInt(result[HslIndexes.h], radix),
-                l: parseInt(result[HslIndexes.l], radix),
-                s: parseInt(result[HslIndexes.s], radix),
-            })
-            : undefined;
-    }
-}
-
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Utils/RgbColorManager.js
-
-var RgbColorManager_RgbIndexes;
-(function (RgbIndexes) {
-    RgbIndexes[RgbIndexes["r"] = 1] = "r";
-    RgbIndexes[RgbIndexes["g"] = 2] = "g";
-    RgbIndexes[RgbIndexes["b"] = 3] = "b";
-    RgbIndexes[RgbIndexes["a"] = 5] = "a";
-})(RgbColorManager_RgbIndexes || (RgbColorManager_RgbIndexes = {}));
-class RgbColorManager {
-    constructor() {
-        this.key = "rgb";
-        this.stringPrefix = "rgb";
-    }
-    handleColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: NumberUtils_getRangeValue(rgbColor.r),
-                g: NumberUtils_getRangeValue(rgbColor.g),
-                b: NumberUtils_getRangeValue(rgbColor.b),
-            };
-        }
-    }
-    parseString(input) {
-        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;
-        return result
-            ? {
-                a: result.length > minLength ? parseAlpha(result[RgbColorManager_RgbIndexes.a]) : defaultAlpha,
-                b: parseInt(result[RgbColorManager_RgbIndexes.b], radix),
-                g: parseInt(result[RgbColorManager_RgbIndexes.g], radix),
-                r: parseInt(result[RgbColorManager_RgbIndexes.r], radix),
-            }
-            : undefined;
-    }
-}
-
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/init.js
-
-
-
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/init.js
 
 function init() {
-    const rgbColorManager = new RgbColorManager(), hslColorManager = new HslColorManager();
-    addColorManager(rgbColorManager);
-    addColorManager(hslColorManager);
     const engine = new Engine();
     engine.init();
     return engine;
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/ExternalInteractorBase.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/ExternalInteractorBase.js
 
 class ExternalInteractorBase {
     constructor(container) {
@@ -5672,7 +5644,7 @@ class ExternalInteractorBase {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Core/Utils/ParticlesInteractorBase.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Core/Utils/ParticlesInteractorBase.js
 
 class ParticlesInteractorBase {
     constructor(container) {
@@ -5681,7 +5653,7 @@ class ParticlesInteractorBase {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Directions/RotateDirection.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Directions/RotateDirection.js
 var RotateDirection;
 (function (RotateDirection) {
     RotateDirection["clockwise"] = "clockwise";
@@ -5689,7 +5661,7 @@ var RotateDirection;
     RotateDirection["random"] = "random";
 })(RotateDirection || (RotateDirection = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/GradientType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/GradientType.js
 var GradientType;
 (function (GradientType) {
     GradientType["linear"] = "linear";
@@ -5697,7 +5669,7 @@ var GradientType;
     GradientType["random"] = "random";
 })(GradientType || (GradientType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/Enums/Types/EasingType.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/Enums/Types/EasingType.js
 var EasingType;
 (function (EasingType) {
     EasingType["easeInBack"] = "ease-in-back";
@@ -5729,9 +5701,7 @@ var EasingType;
     EasingType["easeInOutSine"] = "ease-in-out-sine";
 })(EasingType || (EasingType = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/exports.js
-
-
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/exports.js
 
 
 
@@ -5817,7 +5787,7 @@ var EasingType;
 
 
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.4.0/node_modules/@tsparticles/engine/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+engine@3.7.1/node_modules/@tsparticles/engine/browser/index.js
 
 
 const tsParticles = init();
@@ -5828,14 +5798,14 @@ if (!isSsr()) {
 
 
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterLife.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterLife.js
 
 class EmitterLife {
     constructor() {
         this.wait = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.count !== undefined) {
@@ -5853,7 +5823,7 @@ class EmitterLife {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterRate.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterRate.js
 
 class EmitterRate {
     constructor() {
@@ -5861,7 +5831,7 @@ class EmitterRate {
         this.delay = 0.1;
     }
     load(data) {
-        if (data === undefined) {
+        if (isNull(data)) {
             return;
         }
         if (data.quantity !== undefined) {
@@ -5873,14 +5843,15 @@ class EmitterRate {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterShapeReplace.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterShapeReplace.js
+
 class EmitterShapeReplace {
     constructor() {
         this.color = false;
         this.opacity = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.color !== undefined) {
@@ -5892,7 +5863,7 @@ class EmitterShapeReplace {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterShape.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterShape.js
 
 
 class EmitterShape {
@@ -5902,7 +5873,7 @@ class EmitterShape {
         this.type = "square";
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.options !== undefined) {
@@ -5915,7 +5886,7 @@ class EmitterShape {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterSize.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/EmitterSize.js
 
 class EmitterSize {
     constructor() {
@@ -5924,7 +5895,7 @@ class EmitterSize {
         this.width = 0;
     }
     load(data) {
-        if (data === undefined) {
+        if (isNull(data)) {
             return;
         }
         if (data.mode !== undefined) {
@@ -5939,7 +5910,7 @@ class EmitterSize {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/Emitter.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Options/Classes/Emitter.js
 
 
 
@@ -5955,7 +5926,7 @@ class Emitter {
         this.startCount = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.autoPlay !== undefined) {
@@ -6002,13 +5973,13 @@ class Emitter {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Enums/EmitterClickMode.js
 var EmitterClickMode;
 (function (EmitterClickMode) {
     EmitterClickMode["emitter"] = "emitter";
 })(EmitterClickMode || (EmitterClickMode = {}));
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/EmitterInstance.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/EmitterInstance.js
 
 
 
@@ -6085,7 +6056,7 @@ class EmitterInstance {
         particlesOptions.move ??= {};
         particlesOptions.move.direction ??= this.options.direction;
         if (this.options.spawnColor) {
-            this.spawnColor = rangeColorToHsl(this.options.spawnColor);
+            this.spawnColor = rangeColorToHsl(this._engine, this.options.spawnColor);
         }
         this._paused = !this.options.autoPlay;
         this._particlesOptions = particlesOptions;
@@ -6318,7 +6289,7 @@ class EmitterInstance {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/Emitters.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/Emitters.js
 
 
 
@@ -6447,7 +6418,7 @@ class Emitters {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/EmittersPlugin.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/EmittersPlugin.js
 
 
 
@@ -6540,7 +6511,7 @@ class EmittersPlugin {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/ShapeManager.js
 const shapeGeneratorss = new Map();
 class ShapeManager {
     constructor(engine) {
@@ -6559,10 +6530,12 @@ class ShapeManager {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.4.0/node_modules/@tsparticles/plugin-emitters/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-emitters@3.7.1/node_modules/@tsparticles/plugin-emitters/browser/index.js
+
 
 
 async function loadEmittersPlugin(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
     if (!engine.emitterShapeManager) {
         engine.emitterShapeManager = new ShapeManager(engine);
     }
@@ -6582,7 +6555,61 @@ async function loadEmittersPlugin(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/HexColorManager.js
+var RgbIndexes;
+(function (RgbIndexes) {
+    RgbIndexes[RgbIndexes["r"] = 1] = "r";
+    RgbIndexes[RgbIndexes["g"] = 2] = "g";
+    RgbIndexes[RgbIndexes["b"] = 3] = "b";
+    RgbIndexes[RgbIndexes["a"] = 4] = "a";
+})(RgbIndexes || (RgbIndexes = {}));
+const shorthandHexRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, hexRadix = 16, defaultAlpha = 1, alphaFactor = 0xff;
+class HexColorManager {
+    constructor() {
+        this.key = "hex";
+        this.stringPrefix = "#";
+    }
+    handleColor(color) {
+        return this._parseString(color.value);
+    }
+    handleRangeColor(color) {
+        return this._parseString(color.value);
+    }
+    parseString(input) {
+        return this._parseString(input);
+    }
+    _parseString(hexColor) {
+        if (typeof hexColor !== "string") {
+            return;
+        }
+        if (!hexColor?.startsWith(this.stringPrefix)) {
+            return;
+        }
+        const hexFixed = hexColor.replace(shorthandHexRegex, (_, r, g, b, a) => {
+            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
+        }), result = hexRegex.exec(hexFixed);
+        return result
+            ? {
+                a: result[RgbIndexes.a] !== undefined
+                    ? parseInt(result[RgbIndexes.a], hexRadix) / alphaFactor
+                    : defaultAlpha,
+                b: parseInt(result[RgbIndexes.b], hexRadix),
+                g: parseInt(result[RgbIndexes.g], hexRadix),
+                r: parseInt(result[RgbIndexes.r], hexRadix),
+            }
+            : undefined;
+    }
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+plugin-hex-color@3.7.1/node_modules/@tsparticles/plugin-hex-color/browser/index.js
+
+
+async function loadHexColorPlugin(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
+    await engine.addColorManager(new HexColorManager(), refresh);
+}
+
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/RotateAnimation.js
 
 class RotateAnimation {
     constructor() {
@@ -6592,7 +6619,7 @@ class RotateAnimation {
         this.sync = false;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
@@ -6610,7 +6637,7 @@ class RotateAnimation {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/Options/Classes/Rotate.js
 
 
 class Rotate extends ValueWithRandom {
@@ -6622,7 +6649,7 @@ class Rotate extends ValueWithRandom {
         this.value = 0;
     }
     load(data) {
-        if (!data) {
+        if (isNull(data)) {
             return;
         }
         super.load(data);
@@ -6636,7 +6663,7 @@ class Rotate extends ValueWithRandom {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/RotateUpdater.js
 
 
 const RotateUpdater_double = 2, RotateUpdater_doublePI = Math.PI * RotateUpdater_double, identity = 1, doublePIDeg = 360;
@@ -6709,15 +6736,17 @@ class RotateUpdater {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.4.0/node_modules/@tsparticles/updater-rotate/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-rotate@3.7.1/node_modules/@tsparticles/updater-rotate/browser/index.js
+
 
 async function loadRotateUpdater(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
     await engine.addParticleUpdater("rotate", container => {
         return Promise.resolve(new RotateUpdater(container));
     }, refresh);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-size@3.4.0/node_modules/@tsparticles/updater-size/browser/SizeUpdater.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-size@3.7.1/node_modules/@tsparticles/updater-size/browser/SizeUpdater.js
 
 const minLoops = 0;
 class SizeUpdater {
@@ -6751,22 +6780,24 @@ class SizeUpdater {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-size@3.4.0/node_modules/@tsparticles/updater-size/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-size@3.7.1/node_modules/@tsparticles/updater-size/browser/index.js
+
 
 async function loadSizeUpdater(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
     await engine.addParticleUpdater("size", () => {
         return Promise.resolve(new SizeUpdater());
     }, refresh);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.4.0/node_modules/@tsparticles/shape-square/browser/Utils.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.7.1/node_modules/@tsparticles/shape-square/browser/Utils.js
 const fixFactorSquared = 2, fixFactor = Math.sqrt(fixFactorSquared), Utils_double = 2;
 function drawSquare(data) {
     const { context, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * Utils_double;
     context.rect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.4.0/node_modules/@tsparticles/shape-square/browser/SquareDrawer.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.7.1/node_modules/@tsparticles/shape-square/browser/SquareDrawer.js
 
 const sides = 4;
 class SquareDrawer {
@@ -6781,26 +6812,29 @@ class SquareDrawer {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.4.0/node_modules/@tsparticles/shape-square/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+shape-square@3.7.1/node_modules/@tsparticles/shape-square/browser/index.js
+
 
 async function loadSquareShape(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
     await engine.addShape(new SquareDrawer(), refresh);
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-stroke-color@3.4.0/node_modules/@tsparticles/updater-stroke-color/browser/StrokeColorUpdater.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-stroke-color@3.7.1/node_modules/@tsparticles/updater-stroke-color/browser/StrokeColorUpdater.js
 
 const defaultOpacity = 1;
 class StrokeColorUpdater {
-    constructor(container) {
-        this.container = container;
+    constructor(container, engine) {
+        this._container = container;
+        this._engine = engine;
     }
     init(particle) {
-        const container = this.container, options = particle.options;
+        const container = this._container, options = particle.options;
         const stroke = itemFromSingleOrMultiple(options.stroke, particle.id, options.reduceDuplicates);
         particle.strokeWidth = NumberUtils_getRangeValue(stroke.width) * container.retina.pixelRatio;
         particle.strokeOpacity = NumberUtils_getRangeValue(stroke.opacity ?? defaultOpacity);
         particle.strokeAnimation = stroke.color?.animation;
-        const strokeHslColor = rangeColorToHsl(stroke.color) ?? particle.getFillColor();
+        const strokeHslColor = rangeColorToHsl(this._engine, stroke.color) ?? particle.getFillColor();
         if (strokeHslColor) {
             particle.strokeColor = getHslAnimationFromHsl(strokeHslColor, particle.strokeAnimation, container.retina.reduceFactor);
         }
@@ -6822,11 +6856,13 @@ class StrokeColorUpdater {
     }
 }
 
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-stroke-color@3.4.0/node_modules/@tsparticles/updater-stroke-color/browser/index.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@tsparticles+updater-stroke-color@3.7.1/node_modules/@tsparticles/updater-stroke-color/browser/index.js
+
 
 async function loadStrokeColorUpdater(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.1");
     await engine.addParticleUpdater("strokeColor", container => {
-        return Promise.resolve(new StrokeColorUpdater(container));
+        return Promise.resolve(new StrokeColorUpdater(container, engine));
     }, refresh);
 }
 
@@ -6892,7 +6928,9 @@ const options = {
 
 
 
+
 async function loadSquaresPreset(engine, refresh = true) {
+  await loadHexColorPlugin(engine, false);
   await loadEmittersPlugin(engine, false);
   await loadSquareShape(engine, false);
   await loadRotateUpdater(engine, false);