@tsparticles/engine 3.7.0 → 3.8.0

package/cjs/Core/Utils/Vectors.js

@@ -3,11 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Vector = exports.Vector3d = void 0;
 const Constants_js_1 = require("./Constants.js");
 const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-const origin = {
-    x: 0,
-    y: 0,
-    z: 0,
-}, squareExp = 2, inverseFactorNumerator = 1.0;
 class Vector3d {
     constructor(xOrCoords, y, z) {
         this._updateFromAngle = (angle, length) => {
@@ -18,19 +13,19 @@ class Vector3d {
             this.x = xOrCoords.x;
             this.y = xOrCoords.y;
             const coords3d = xOrCoords;
-            this.z = coords3d.z ? coords3d.z : origin.z;
+            this.z = coords3d.z ? coords3d.z : Constants_js_1.originPoint.z;
         }
         else if (xOrCoords !== undefined && y !== undefined) {
             this.x = xOrCoords;
             this.y = y;
-            this.z = z ?? origin.z;
+            this.z = z ?? Constants_js_1.originPoint.z;
         }
         else {
             throw new Error(`${Constants_js_1.errorPrefix} Vector3d not initialized correctly`);
         }
     }
     static get origin() {
-        return Vector3d.create(origin.x, origin.y, origin.z);
+        return Vector3d.create(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, Constants_js_1.originPoint.z);
     }
     get angle() {
         return Math.atan2(this.y, this.x);
@@ -76,7 +71,7 @@ class Vector3d {
         this.z /= n;
     }
     getLengthSq() {
-        return this.x ** squareExp + this.y ** squareExp;
+        return this.x ** Constants_js_1.squareExp + this.y ** Constants_js_1.squareExp;
     }
     mult(n) {
         return Vector3d.create(this.x * n, this.y * n, this.z * n);
@@ -87,19 +82,19 @@ class Vector3d {
         this.z *= n;
     }
     normalize() {
-        const length = this.length, noLength = 0;
-        if (length != noLength) {
-            this.multTo(inverseFactorNumerator / length);
+        const length = this.length;
+        if (length != Constants_js_1.none) {
+            this.multTo(Constants_js_1.inverseFactorNumerator / length);
         }
     }
     rotate(angle) {
-        return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), origin.z);
+        return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), Constants_js_1.originPoint.z);
     }
     setTo(c) {
         this.x = c.x;
         this.y = c.y;
         const v3d = c;
-        this.z = v3d.z ? v3d.z : origin.z;
+        this.z = v3d.z ? v3d.z : Constants_js_1.originPoint.z;
     }
     sub(v) {
         return Vector3d.create(this.x - v.x, this.y - v.y, this.z - v.z);
@@ -113,10 +108,10 @@ class Vector3d {
 exports.Vector3d = Vector3d;
 class Vector extends Vector3d {
     constructor(xOrCoords, y) {
-        super(xOrCoords, y, origin.z);
+        super(xOrCoords, y, Constants_js_1.originPoint.z);
     }
     static get origin() {
-        return Vector.create(origin.x, origin.y);
+        return Vector.create(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y);
     }
     static clone(source) {
         return Vector.create(source.x, source.y);

package/cjs/Options/Classes/ManualParticle.js

@@ -4,7 +4,7 @@ exports.ManualParticle = void 0;
 const PixelMode_js_1 = require("../../Enums/Modes/PixelMode.js");
 const Utils_js_1 = require("../../Utils/Utils.js");
 const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-const defaultPosition = 50;
+const Constants_js_1 = require("../../Core/Utils/Constants.js");
 class ManualParticle {
     load(data) {
         if ((0, TypeUtils_js_1.isNull)(data)) {
@@ -12,8 +12,8 @@ class ManualParticle {
         }
         if (data.position) {
             this.position = {
-                x: data.position.x ?? defaultPosition,
-                y: data.position.y ?? defaultPosition,
+                x: data.position.x ?? Constants_js_1.manualDefaultPosition,
+                y: data.position.y ?? Constants_js_1.manualDefaultPosition,
                 mode: data.position.mode ?? PixelMode_js_1.PixelMode.percent,
             };
         }

package/cjs/Utils/CanvasUtils.js

@@ -11,14 +11,9 @@ exports.drawShapeAfterDraw = drawShapeAfterDraw;
 exports.drawPlugin = drawPlugin;
 exports.drawParticlePlugin = drawParticlePlugin;
 exports.alterHsl = alterHsl;
+const Constants_js_1 = require("../Core/Utils/Constants.js");
 const AlterType_js_1 = require("../Enums/Types/AlterType.js");
 const ColorUtils_js_1 = require("./ColorUtils.js");
-const origin = { x: 0, y: 0 }, defaultTransform = {
-    a: 1,
-    b: 0,
-    c: 0,
-    d: 1,
-};
 function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);
@@ -27,28 +22,28 @@ function drawLine(context, begin, end) {
 }
 function paintBase(context, dimension, baseColor) {
     context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
-    context.fillRect(origin.x, origin.y, dimension.width, dimension.height);
+    context.fillRect(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, dimension.width, dimension.height);
 }
 function paintImage(context, dimension, image, opacity) {
     if (!image) {
         return;
     }
     context.globalAlpha = opacity;
-    context.drawImage(image, origin.x, origin.y, dimension.width, dimension.height);
+    context.drawImage(image, Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, dimension.width, dimension.height);
     context.globalAlpha = 1;
 }
 function clear(context, dimension) {
-    context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
+    context.clearRect(Constants_js_1.originPoint.x, Constants_js_1.originPoint.y, dimension.width, dimension.height);
 }
 function drawParticle(data) {
-    const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), defaultAngle = 0, angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : defaultAngle), rotateData = {
+    const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : Constants_js_1.defaultAngle), rotateData = {
         sin: Math.sin(angle),
         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),
-        d: rotateData.cos * (transform.d ?? defaultTransform.d),
+    }, rotating = !!angle, transformData = {
+        a: rotateData.cos * (transform.a ?? Constants_js_1.defaultTransform.a),
+        b: rotating ? rotateData.sin * (transform.b ?? Constants_js_1.identity) : (transform.b ?? Constants_js_1.defaultTransform.b),
+        c: rotating ? -rotateData.sin * (transform.c ?? Constants_js_1.identity) : (transform.c ?? Constants_js_1.defaultTransform.c),
+        d: rotateData.cos * (transform.d ?? Constants_js_1.defaultTransform.d),
     };
     context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
     if (backgroundMask) {
@@ -64,7 +59,7 @@ function drawParticle(data) {
     if (colorStyles.fill) {
         context.fillStyle = colorStyles.fill;
     }
-    const minStrokeWidth = 0, strokeWidth = particle.strokeWidth ?? minStrokeWidth;
+    const strokeWidth = particle.strokeWidth ?? Constants_js_1.minStrokeWidth;
     context.lineWidth = strokeWidth;
     if (colorStyles.stroke) {
         context.strokeStyle = colorStyles.stroke;
@@ -105,7 +100,7 @@ function drawEffect(data) {
     });
 }
 function drawShape(data) {
-    const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
+    const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data;
     if (!particle.shape) {
         return;
     }
@@ -126,7 +121,7 @@ function drawShape(data) {
     if (particle.shapeClose) {
         context.closePath();
     }
-    if (strokeWidth > minStrokeWidth) {
+    if (strokeWidth > Constants_js_1.minStrokeWidth) {
         context.stroke();
     }
     if (particle.shapeFill) {
@@ -165,10 +160,9 @@ function drawParticlePlugin(context, plugin, particle, delta) {
     plugin.drawParticle(context, particle, delta);
 }
 function alterHsl(color, type, value) {
-    const lFactor = 1;
     return {
         h: color.h,
         s: color.s,
-        l: color.l + (type === AlterType_js_1.AlterType.darken ? -lFactor : lFactor) * value,
+        l: color.l + (type === AlterType_js_1.AlterType.darken ? -Constants_js_1.lFactor : Constants_js_1.lFactor) * value,
     };
 }

package/cjs/Utils/ColorUtils.js

@@ -20,11 +20,10 @@ exports.getHslAnimationFromHsl = getHslAnimationFromHsl;
 exports.updateColorValue = updateColorValue;
 exports.updateColor = updateColor;
 const NumberUtils_js_1 = require("./NumberUtils.js");
-const TypeUtils_js_1 = require("./TypeUtils.js");
 const Constants_js_1 = require("../Core/Utils/Constants.js");
+const TypeUtils_js_1 = require("./TypeUtils.js");
 const AnimationStatus_js_1 = require("../Enums/AnimationStatus.js");
 const Utils_js_1 = require("./Utils.js");
-const randomColorValue = "random", midColorValue = "mid";
 function stringToRgba(engine, input) {
     if (!input) {
         return;
@@ -61,7 +60,7 @@ function colorToRgb(engine, input, index, useIndex = true) {
     }
     const color = (0, TypeUtils_js_1.isString)(input) ? { value: input } : input;
     if ((0, TypeUtils_js_1.isString)(color.value)) {
-        return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(engine, color.value);
+        return color.value === Constants_js_1.randomColorValue ? getRandomRgbColor() : stringToRgb(engine, color.value);
     }
     if ((0, TypeUtils_js_1.isArray)(color.value)) {
         return colorToRgb(engine, {
@@ -84,26 +83,26 @@ function rangeColorToHsl(engine, color, index, useIndex = true) {
     return rgb ? rgbToHsl(rgb) : undefined;
 }
 function rgbToHsl(color) {
-    const rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, half = 0.5, double = 2, r1 = color.r / rgbMax, g1 = color.g / rgbMax, b1 = color.b / rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
-        h: hMin,
-        l: (max + min) * half,
-        s: sMin,
+    const r1 = color.r / Constants_js_1.rgbMax, g1 = color.g / Constants_js_1.rgbMax, b1 = color.b / Constants_js_1.rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
+        h: Constants_js_1.hMin,
+        l: (max + min) * Constants_js_1.half,
+        s: Constants_js_1.sMin,
     };
     if (max !== min) {
-        res.s = res.l < half ? (max - min) / (max + min) : (max - min) / (double - max - min);
+        res.s = res.l < Constants_js_1.half ? (max - min) / (max + min) : (max - min) / (Constants_js_1.double - max - min);
         res.h =
             r1 === max
                 ? (g1 - b1) / (max - min)
-                : (res.h = g1 === max ? double + (b1 - r1) / (max - min) : double * double + (r1 - g1) / (max - min));
+                : (res.h = g1 === max ? Constants_js_1.double + (b1 - r1) / (max - min) : Constants_js_1.double * Constants_js_1.double + (r1 - g1) / (max - min));
     }
-    res.l *= lMax;
-    res.s *= sMax;
-    res.h *= hPhase;
-    if (res.h < hMin) {
-        res.h += hMax;
+    res.l *= Constants_js_1.lMax;
+    res.s *= Constants_js_1.sMax;
+    res.h *= Constants_js_1.hPhase;
+    if (res.h < Constants_js_1.hMin) {
+        res.h += Constants_js_1.hMax;
     }
-    if (res.h >= hMax) {
-        res.h -= hMax;
+    if (res.h >= Constants_js_1.hMax) {
+        res.h -= Constants_js_1.hMax;
     }
     return res;
 }
@@ -114,33 +113,33 @@ 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;
-    if (s === sMin) {
-        const grayscaleValue = Math.round(lNormalized * rgbFactor);
+    const h = ((hsl.h % Constants_js_1.hMax) + Constants_js_1.hMax) % Constants_js_1.hMax, s = Math.max(Constants_js_1.sMin, Math.min(Constants_js_1.sMax, hsl.s)), l = Math.max(Constants_js_1.lMin, Math.min(Constants_js_1.lMax, hsl.l)), hNormalized = h / Constants_js_1.hMax, sNormalized = s / Constants_js_1.sMax, lNormalized = l / Constants_js_1.lMax;
+    if (s === Constants_js_1.sMin) {
+        const grayscaleValue = Math.round(lNormalized * Constants_js_1.rgbFactor);
         return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
     }
-    const half = 0.5, double = 2, channel = (temp1, temp2, temp3) => {
-        const temp3Min = 0, temp3Max = 1, sextuple = 6;
+    const channel = (temp1, temp2, temp3) => {
+        const temp3Min = 0, temp3Max = 1;
         if (temp3 < temp3Min) {
             temp3++;
         }
         if (temp3 > temp3Max) {
             temp3--;
         }
-        if (temp3 * sextuple < temp3Max) {
-            return temp1 + (temp2 - temp1) * sextuple * temp3;
+        if (temp3 * Constants_js_1.sextuple < temp3Max) {
+            return temp1 + (temp2 - temp1) * Constants_js_1.sextuple * temp3;
         }
-        if (temp3 * double < temp3Max) {
+        if (temp3 * Constants_js_1.double < temp3Max) {
             return temp2;
         }
-        if (temp3 * triple < temp3Max * double) {
-            const temp3Offset = double / triple;
-            return temp1 + (temp2 - temp1) * (temp3Offset - temp3) * sextuple;
+        if (temp3 * Constants_js_1.triple < temp3Max * Constants_js_1.double) {
+            const temp3Offset = Constants_js_1.double / Constants_js_1.triple;
+            return temp1 + (temp2 - temp1) * (temp3Offset - temp3) * Constants_js_1.sextuple;
         }
         return temp1;
-    }, sNormalizedOffset = 1, temp1 = lNormalized < half
-        ? lNormalized * (sNormalizedOffset + sNormalized)
-        : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = double * lNormalized - temp1, phaseNumerator = 1, phaseThird = phaseNumerator / triple, red = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized)), blue = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized - phaseThird));
+    }, temp1 = lNormalized < Constants_js_1.half
+        ? lNormalized * (Constants_js_1.sNormalizedOffset + sNormalized)
+        : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = Constants_js_1.double * lNormalized - temp1, phaseThird = Constants_js_1.phaseNumerator / Constants_js_1.triple, red = Math.min(Constants_js_1.rgbFactor, Constants_js_1.rgbFactor * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(Constants_js_1.rgbFactor, Constants_js_1.rgbFactor * channel(temp2, temp1, hNormalized)), blue = Math.min(Constants_js_1.rgbFactor, Constants_js_1.rgbFactor * channel(temp2, temp1, hNormalized - phaseThird));
     return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
 }
 function hslaToRgba(hsla) {
@@ -153,20 +152,18 @@ function hslaToRgba(hsla) {
     };
 }
 function getRandomRgbColor(min) {
-    const defaultMin = 0, fixedMin = min ?? defaultMin, rgbMax = 256;
+    const fixedMin = min ?? Constants_js_1.defaultRgbMin, fixedMax = Constants_js_1.rgbMax + Constants_js_1.identity;
     return {
-        b: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, rgbMax))),
-        g: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, rgbMax))),
-        r: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, rgbMax))),
+        b: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, fixedMax))),
+        g: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, fixedMax))),
+        r: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, fixedMax))),
     };
 }
 function getStyleFromRgb(color, opacity) {
-    const defaultOpacity = 1;
-    return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? defaultOpacity})`;
+    return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? Constants_js_1.defaultOpacity})`;
 }
 function getStyleFromHsl(color, opacity) {
-    const defaultOpacity = 1;
-    return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? defaultOpacity})`;
+    return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? Constants_js_1.defaultOpacity})`;
 }
 function colorMix(color1, color2, size1, size2) {
     let rgb1 = color1, rgb2 = color2;
@@ -183,10 +180,10 @@ function colorMix(color1, color2, size1, size2) {
     };
 }
 function getLinkColor(p1, p2, linkColor) {
-    if (linkColor === randomColorValue) {
+    if (linkColor === Constants_js_1.randomColorValue) {
         return getRandomRgbColor();
     }
-    else if (linkColor === midColorValue) {
+    else if (linkColor === Constants_js_1.midColorValue) {
         const sourceColor = p1.getFillColor() ?? p1.getStrokeColor(), destColor = p2?.getFillColor() ?? p2?.getStrokeColor();
         if (sourceColor && destColor && p2) {
             return colorMix(sourceColor, destColor, p1.getRadius(), p2.getRadius());
@@ -204,19 +201,19 @@ function getLinkColor(p1, p2, linkColor) {
 }
 function getLinkRandomColor(engine, optColor, blink, consent) {
     const color = (0, TypeUtils_js_1.isString)(optColor) ? optColor : optColor.value;
-    if (color === randomColorValue) {
+    if (color === Constants_js_1.randomColorValue) {
         if (consent) {
             return rangeColorToRgb(engine, {
                 value: color,
             });
         }
         if (blink) {
-            return randomColorValue;
+            return Constants_js_1.randomColorValue;
         }
-        return midColorValue;
+        return Constants_js_1.midColorValue;
     }
-    else if (color === midColorValue) {
-        return midColorValue;
+    else if (color === Constants_js_1.midColorValue) {
+        return Constants_js_1.midColorValue;
     }
     else {
         return rangeColorToRgb(engine, {
@@ -257,14 +254,13 @@ function getHslAnimationFromHsl(hsl, animationOptions, reduceFactor) {
 }
 function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     colorValue.enable = colorAnimation.enable;
-    const defaultVelocity = 0, decayOffset = 1, defaultLoops = 0, defaultTime = 0;
     if (colorValue.enable) {
         colorValue.velocity = ((0, NumberUtils_js_1.getRangeValue)(colorAnimation.speed) / Constants_js_1.percentDenominator) * reduceFactor;
-        colorValue.decay = decayOffset - (0, NumberUtils_js_1.getRangeValue)(colorAnimation.decay);
+        colorValue.decay = Constants_js_1.decayOffset - (0, NumberUtils_js_1.getRangeValue)(colorAnimation.decay);
         colorValue.status = AnimationStatus_js_1.AnimationStatus.increasing;
-        colorValue.loops = defaultLoops;
+        colorValue.loops = Constants_js_1.defaultLoops;
         colorValue.maxLoops = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.count);
-        colorValue.time = defaultTime;
+        colorValue.time = Constants_js_1.defaultTime;
         colorValue.delayTime = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.delay) * Constants_js_1.millisecondsToSeconds;
         if (!colorAnimation.sync) {
             colorValue.velocity *= (0, NumberUtils_js_1.getRandom)();
@@ -274,7 +270,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
         colorValue.offset = (0, NumberUtils_js_1.setRangeValue)(colorAnimation.offset);
     }
     else {
-        colorValue.velocity = defaultVelocity;
+        colorValue.velocity = Constants_js_1.defaultVelocity;
     }
 }
 function updateColorValue(data, range, decrease, delta) {
@@ -329,8 +325,7 @@ function updateColor(color, delta) {
     if (!color) {
         return;
     }
-    const { h, s, l } = color;
-    const ranges = {
+    const { h, s, l } = color, ranges = {
         h: { min: 0, max: 360 },
         s: { min: 0, max: 100 },
         l: { min: 0, max: 100 },

package/cjs/Utils/EventDispatcher.js

@@ -1,6 +1,7 @@
 "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();
@@ -34,16 +35,15 @@ class EventDispatcher {
         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/cjs/Utils/NumberUtils.js

@@ -25,14 +25,14 @@ exports.calcExactPositionOrRandomFromSize = calcExactPositionOrRandomFromSize;
 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;
 }
@@ -100,30 +100,29 @@ function getParticleDirectionAngle(direction, position, center) {
     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) {
@@ -133,8 +132,7 @@ function getParticleBaseVelocity(direction) {
     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/cjs/Utils/Utils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFullScreenStyle = void 0;
 exports.setLogger = setLogger;
 exports.getLogger = getLogger;
 exports.isSsr = isSsr;
@@ -29,7 +30,7 @@ exports.initParticleNumericAnimationValue = initParticleNumericAnimationValue;
 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");
@@ -59,16 +60,28 @@ function setLogger(logger) {
 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;
     }
@@ -316,7 +329,7 @@ function initParticleNumericAnimationValue(options, pxRatio) {
                 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;
@@ -337,7 +350,7 @@ function initParticleNumericAnimationValue(options, pxRatio) {
             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;
         }
@@ -446,9 +459,46 @@ function updateAnimation(particle, data, changeDirection, destroyType, delta) {
         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);