@tsparticles/engine 3.7.0 → 3.8.0

package/umd/Utils/EventDispatcher.js

@@ -4,12 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "../Core/Utils/Constants.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EventDispatcher = void 0;
+    const Constants_js_1 = require("../Core/Utils/Constants.js");
     class EventDispatcher {
         constructor() {
             this._listeners = new Map();
@@ -43,16 +44,15 @@
             if (!arr) {
                 return;
             }
-            const length = arr.length, idx = arr.indexOf(listener), minIndex = 0;
-            if (idx < minIndex) {
+            const length = arr.length, idx = arr.indexOf(listener);
+            if (idx < Constants_js_1.minIndex) {
                 return;
             }
-            const deleteCount = 1;
-            if (length === deleteCount) {
+            if (length === Constants_js_1.deleteCount) {
                 this._listeners.delete(type);
             }
             else {
-                arr.splice(idx, deleteCount);
+                arr.splice(idx, Constants_js_1.deleteCount);
             }
         }
     }

package/umd/Utils/NumberUtils.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Enums/Directions/MoveDirection.js", "../Core/Utils/Vectors.js", "./TypeUtils.js", "../Core/Utils/Constants.js"], factory);
+        define(["require", "exports", "../Enums/Directions/MoveDirection.js", "../Core/Utils/Constants.js", "../Core/Utils/Vectors.js", "./TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -34,14 +34,14 @@
     exports.calcExactPositionOrRandomFromSizeRanged = calcExactPositionOrRandomFromSizeRanged;
     exports.parseAlpha = parseAlpha;
     const MoveDirection_js_1 = require("../Enums/Directions/MoveDirection.js");
+    const Constants_js_1 = require("../Core/Utils/Constants.js");
     const Vectors_js_1 = require("../Core/Utils/Vectors.js");
     const TypeUtils_js_1 = require("./TypeUtils.js");
-    const Constants_js_1 = require("../Core/Utils/Constants.js");
     let _random = Math.random;
     const _animationLoop = {
         nextFrame: (cb) => requestAnimationFrame(cb),
         cancel: (idx) => cancelAnimationFrame(idx),
-    }, double = 2, doublePI = Math.PI * double;
+    };
     function setRandom(rnd = Math.random) {
         _random = rnd;
     }
@@ -109,30 +109,29 @@
         if ((0, TypeUtils_js_1.isNumber)(direction)) {
             return degToRad(direction);
         }
-        const empty = 0, half = 0.5, quarter = 0.25, threeQuarter = half + quarter;
         switch (direction) {
             case MoveDirection_js_1.MoveDirection.top:
-                return -Math.PI * half;
+                return -Math.PI * Constants_js_1.half;
             case MoveDirection_js_1.MoveDirection.topRight:
-                return -Math.PI * quarter;
+                return -Math.PI * Constants_js_1.quarter;
             case MoveDirection_js_1.MoveDirection.right:
-                return empty;
+                return Constants_js_1.empty;
             case MoveDirection_js_1.MoveDirection.bottomRight:
-                return Math.PI * quarter;
+                return Math.PI * Constants_js_1.quarter;
             case MoveDirection_js_1.MoveDirection.bottom:
-                return Math.PI * half;
+                return Math.PI * Constants_js_1.half;
             case MoveDirection_js_1.MoveDirection.bottomLeft:
-                return Math.PI * threeQuarter;
+                return Math.PI * Constants_js_1.threeQuarter;
             case MoveDirection_js_1.MoveDirection.left:
                 return Math.PI;
             case MoveDirection_js_1.MoveDirection.topLeft:
-                return -Math.PI * threeQuarter;
+                return -Math.PI * Constants_js_1.threeQuarter;
             case MoveDirection_js_1.MoveDirection.inside:
                 return Math.atan2(center.y - position.y, center.x - position.x);
             case MoveDirection_js_1.MoveDirection.outside:
                 return Math.atan2(position.y - center.y, position.x - center.x);
             default:
-                return getRandom() * doublePI;
+                return getRandom() * Constants_js_1.doublePI;
         }
     }
     function getParticleBaseVelocity(direction) {
@@ -142,8 +141,7 @@
         return baseVelocity;
     }
     function collisionVelocity(v1, v2, m1, m2) {
-        const double = 2;
-        return Vectors_js_1.Vector.create((v1.x * (m1 - m2)) / (m1 + m2) + (v2.x * double * m2) / (m1 + m2), v1.y);
+        return Vectors_js_1.Vector.create((v1.x * (m1 - m2)) / (m1 + m2) + (v2.x * Constants_js_1.double * m2) / (m1 + m2), v1.y);
     }
     function calcPositionFromSize(data) {
         return data.position?.x !== undefined && data.position.y !== undefined

package/umd/Utils/Utils.js

@@ -9,6 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getFullScreenStyle = void 0;
     exports.setLogger = setLogger;
     exports.getLogger = getLogger;
     exports.isSsr = isSsr;
@@ -38,7 +39,7 @@
     exports.getPosition = getPosition;
     exports.getSize = getSize;
     exports.updateAnimation = updateAnimation;
-    exports.assertValidVersion = assertValidVersion;
+    exports.cloneStyle = cloneStyle;
     const NumberUtils_js_1 = require("./NumberUtils.js");
     const Constants_js_1 = require("../Core/Utils/Constants.js");
     const TypeUtils_js_1 = require("./TypeUtils.js");
@@ -68,16 +69,28 @@
     function getLogger() {
         return _logger;
     }
+    function memoize(fn) {
+        const cache = new Map();
+        return (...args) => {
+            const key = JSON.stringify(args);
+            if (cache.has(key)) {
+                return cache.get(key);
+            }
+            const result = fn(...args);
+            cache.set(key, result);
+            return result;
+        };
+    }
     function rectSideBounce(data) {
-        const res = { bounced: false }, { pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor } = data, half = 0.5, minVelocity = 0;
+        const res = { bounced: false }, { pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor } = data;
         if (pOtherSide.min < rectOtherSide.min ||
             pOtherSide.min > rectOtherSide.max ||
             pOtherSide.max < rectOtherSide.min ||
             pOtherSide.max > rectOtherSide.max) {
             return res;
         }
-        if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * half && velocity > minVelocity) ||
-            (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * half && velocity < minVelocity)) {
+        if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * Constants_js_1.half && velocity > Constants_js_1.minVelocity) ||
+            (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * Constants_js_1.half && velocity < Constants_js_1.minVelocity)) {
             res.velocity = velocity * -factor;
             res.bounced = true;
         }
@@ -325,7 +338,7 @@
                     res.status = AnimationStatus_js_1.AnimationStatus.decreasing;
                     break;
                 case AnimationMode_js_1.AnimationMode.random:
-                    res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
+                    res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.half ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
                     break;
             }
             const autoStatus = animationOptions.mode === AnimationMode_js_1.AnimationMode.auto;
@@ -346,7 +359,7 @@
                 default:
                     res.value = (0, NumberUtils_js_1.randomInRange)(res);
                     if (autoStatus) {
-                        res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
+                        res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.half ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
                     }
                     break;
             }
@@ -455,10 +468,47 @@
             data.value = (0, NumberUtils_js_1.clamp)(data.value, minValue, maxValue);
         }
     }
-    function assertValidVersion(engine, pluginVersion) {
-        if (engine.version === pluginVersion) {
-            return;
+    function cloneStyle(style) {
+        const clonedStyle = document.createElement("div").style;
+        if (!style) {
+            return clonedStyle;
+        }
+        for (const key in style) {
+            const styleKey = style[key];
+            if (!Object.prototype.hasOwnProperty.call(style, key) || (0, TypeUtils_js_1.isNull)(styleKey)) {
+                continue;
+            }
+            const styleValue = style.getPropertyValue?.(styleKey);
+            if (!styleValue) {
+                continue;
+            }
+            const stylePriority = style.getPropertyPriority?.(styleKey);
+            if (!stylePriority) {
+                clonedStyle.setProperty?.(styleKey, styleValue);
+            }
+            else {
+                clonedStyle.setProperty?.(styleKey, styleValue, stylePriority);
+            }
+        }
+        return clonedStyle;
+    }
+    function computeFullScreenStyle(zIndex) {
+        const fullScreenStyle = document.createElement("div").style, radix = 10, style = {
+            width: "100%",
+            height: "100%",
+            margin: "0",
+            padding: "0",
+            borderWidth: "0",
+            position: "fixed",
+            zIndex: zIndex.toString(radix),
+            top: "0",
+            left: "0",
+        };
+        for (const key in style) {
+            const value = style[key];
+            fullScreenStyle.setProperty(key, value);
         }
-        throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${engine.version}. Plugins version: ${pluginVersion}`);
+        return fullScreenStyle;
     }
+    exports.getFullScreenStyle = memoize(computeFullScreenStyle);
 });