@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

package/cjs/Utils/CanvasUtils.js

@@ -1,57 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.drawTriangle = exports.drawLine = exports.paintCanvas = exports.clearCanvas = exports.getContext = void 0;
-const ColorUtils_1 = require("./ColorUtils");
-function paintBase(context, dimension, baseColor) {
-    context.fillStyle = baseColor !== null && baseColor !== void 0 ? baseColor : "rgba(0,0,0,0)";
-    context.fillRect(0, 0, dimension.width, dimension.height);
-}
-function paintImage(context, dimension, image, opacity) {
-    if (!image) {
-        return;
-    }
-    context.globalAlpha = opacity;
-    context.drawImage(image, 0, 0, dimension.width, dimension.height);
-    context.globalAlpha = 1;
-}
-function getContext(canvas) {
-    const context = canvas.getContext("2d");
-    if (!context) {
-        throw new Error("Error tsParticles - No canvas context found");
-    }
-    return context;
-}
-exports.getContext = getContext;
-function clearCanvas(context, size, options, trailFill, coverColorStyle) {
-    if (options.backgroundMask.enable) {
-        paintCanvas(context, size, options, coverColorStyle);
-    }
-    else {
-        const trail = options.particles.move.trail;
-        if (trail.enable && trail.length > 0 && trailFill) {
-            if (trailFill.color) {
-                paintBase(context, size, (0, ColorUtils_1.getStyleFromRgb)(trailFill.color, trailFill.opacity));
-            }
-            else if (trailFill.image) {
-                paintImage(context, size, trailFill.image, trailFill.opacity);
-            }
-        }
-        else {
-            clear(context, size);
-        }
-    }
-}
-exports.clearCanvas = clearCanvas;
-function paintCanvas(context, size, options, coverColorStyle) {
-    if (options.backgroundMask.enable && coverColorStyle) {
-        clear(context, size);
-        paintBase(context, size, coverColorStyle);
-    }
-    else {
-        paintBase(context, size);
-    }
-}
-exports.paintCanvas = paintCanvas;
+exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawTriangle = exports.drawLine = void 0;
+const ColorUtils_js_1 = require("./ColorUtils.js");
 function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);
@@ -67,21 +17,34 @@ function drawTriangle(context, p1, p2, p3) {
     context.closePath();
 }
 exports.drawTriangle = drawTriangle;
+function paintBase(context, dimension, baseColor) {
+    context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
+    context.fillRect(0, 0, dimension.width, dimension.height);
+}
+exports.paintBase = paintBase;
+function paintImage(context, dimension, image, opacity) {
+    if (!image) {
+        return;
+    }
+    context.globalAlpha = opacity;
+    context.drawImage(image, 0, 0, dimension.width, dimension.height);
+    context.globalAlpha = 1;
+}
+exports.paintImage = paintImage;
 function clear(context, dimension) {
     context.clearRect(0, 0, dimension.width, dimension.height);
 }
 exports.clear = clear;
 function drawParticle(data) {
-    var _a, _b, _c, _d, _e;
     const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data;
     const pos = particle.getPosition(), angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : 0), rotateData = {
         sin: Math.sin(angle),
         cos: Math.cos(angle),
     }, transformData = {
-        a: rotateData.cos * ((_a = transform.a) !== null && _a !== void 0 ? _a : 1),
-        b: rotateData.sin * ((_b = transform.b) !== null && _b !== void 0 ? _b : 1),
-        c: -rotateData.sin * ((_c = transform.c) !== null && _c !== void 0 ? _c : 1),
-        d: rotateData.cos * ((_d = transform.d) !== null && _d !== void 0 ? _d : 1),
+        a: rotateData.cos * (transform.a ?? 1),
+        b: rotateData.sin * (transform.b ?? 1),
+        c: -rotateData.sin * (transform.c ?? 1),
+        d: rotateData.cos * (transform.d ?? 1),
     };
     context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
     context.beginPath();
@@ -91,14 +54,14 @@ function drawParticle(data) {
     const shadowColor = particle.shadowColor;
     if (shadow.enable && shadowColor) {
         context.shadowBlur = shadow.blur;
-        context.shadowColor = (0, ColorUtils_1.getStyleFromRgb)(shadowColor);
+        context.shadowColor = (0, ColorUtils_js_1.getStyleFromRgb)(shadowColor);
         context.shadowOffsetX = shadow.offset.x;
         context.shadowOffsetY = shadow.offset.y;
     }
     if (colorStyles.fill) {
         context.fillStyle = colorStyles.fill;
     }
-    const strokeWidth = (_e = particle.strokeWidth) !== null && _e !== void 0 ? _e : 0;
+    const strokeWidth = particle.strokeWidth ?? 0;
     context.lineWidth = strokeWidth;
     if (colorStyles.stroke) {
         context.strokeStyle = colorStyles.stroke;
@@ -134,7 +97,7 @@ function drawShapeAfterEffect(container, context, particle, radius, opacity, del
         return;
     }
     const drawer = container.drawers.get(particle.shape);
-    if (!(drawer === null || drawer === void 0 ? void 0 : drawer.afterEffect)) {
+    if (!drawer || !drawer.afterEffect) {
         return;
     }
     drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);

package/cjs/Utils/ColorUtils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHslAnimationFromHsl = exports.getHslFromAnimation = exports.getLinkRandomColor = exports.getLinkColor = exports.colorMix = exports.getStyleFromHsl = exports.getStyleFromRgb = exports.getRandomRgbColor = exports.hslaToRgba = exports.hslToRgb = exports.stringToRgb = exports.stringToAlpha = exports.rgbToHsl = exports.rangeColorToHsl = exports.colorToHsl = exports.colorToRgb = exports.rangeColorToRgb = exports.addColorManager = void 0;
-const NumberUtils_1 = require("./NumberUtils");
-const Utils_1 = require("./Utils");
+const NumberUtils_js_1 = require("./NumberUtils.js");
+const Utils_js_1 = require("./Utils.js");
 const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
 function addColorManager(manager) {
     colorManagers.set(manager.key, manager);
@@ -48,13 +48,13 @@ function rangeColorToRgb(input, index, useIndex = true) {
     if (!input) {
         return;
     }
-    const color = typeof input === "string" ? { value: input } : input;
-    if (typeof color.value === "string") {
+    const color = (0, Utils_js_1.isString)(input) ? { value: input } : input;
+    if ((0, Utils_js_1.isString)(color.value)) {
         return colorToRgb(color.value, index, useIndex);
     }
-    if (color.value instanceof Array) {
+    if ((0, Utils_js_1.isArray)(color.value)) {
         return rangeColorToRgb({
-            value: (0, Utils_1.itemFromArray)(color.value, index, useIndex),
+            value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
         });
     }
     for (const [, manager] of colorManagers) {
@@ -69,13 +69,13 @@ function colorToRgb(input, index, useIndex = true) {
     if (!input) {
         return;
     }
-    const color = typeof input === "string" ? { value: input } : input;
-    if (typeof color.value === "string") {
+    const color = (0, Utils_js_1.isString)(input) ? { value: input } : input;
+    if ((0, Utils_js_1.isString)(color.value)) {
         return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(color.value);
     }
-    if (color.value instanceof Array) {
+    if ((0, Utils_js_1.isArray)(color.value)) {
         return colorToRgb({
-            value: (0, Utils_1.itemFromArray)(color.value, index, useIndex),
+            value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
         });
     }
     for (const [, manager] of colorManagers) {
@@ -122,8 +122,7 @@ function rgbToHsl(color) {
 }
 exports.rgbToHsl = rgbToHsl;
 function stringToAlpha(input) {
-    var _a;
-    return (_a = stringToRgba(input)) === null || _a === void 0 ? void 0 : _a.a;
+    return stringToRgba(input)?.a;
 }
 exports.stringToAlpha = stringToAlpha;
 function stringToRgb(input) {
@@ -137,9 +136,7 @@ function hslToRgb(hsl) {
         s: hsl.s / 100,
     };
     if (!hslPercent.s) {
-        result.b = hslPercent.l;
-        result.g = hslPercent.l;
-        result.r = hslPercent.l;
+        result.r = result.g = result.b = hslPercent.l;
     }
     else {
         const q = hslPercent.l < 0.5
@@ -166,20 +163,20 @@ function hslaToRgba(hsla) {
 }
 exports.hslaToRgba = hslaToRgba;
 function getRandomRgbColor(min) {
-    const fixedMin = min !== null && min !== void 0 ? min : 0;
+    const fixedMin = min ?? 0;
     return {
-        b: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
-        g: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
-        r: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
+        b: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
+        g: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
+        r: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
     };
 }
 exports.getRandomRgbColor = getRandomRgbColor;
 function getStyleFromRgb(color, opacity) {
-    return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
+    return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? 1})`;
 }
 exports.getStyleFromRgb = getStyleFromRgb;
 function getStyleFromHsl(color, opacity) {
-    return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
+    return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? 1})`;
 }
 exports.getStyleFromHsl = getStyleFromHsl;
 function colorMix(color1, color2, size1, size2) {
@@ -191,24 +188,23 @@ function colorMix(color1, color2, size1, size2) {
         rgb2 = hslToRgb(color2);
     }
     return {
-        b: (0, NumberUtils_1.mix)(rgb1.b, rgb2.b, size1, size2),
-        g: (0, NumberUtils_1.mix)(rgb1.g, rgb2.g, size1, size2),
-        r: (0, NumberUtils_1.mix)(rgb1.r, rgb2.r, size1, size2),
+        b: (0, NumberUtils_js_1.mix)(rgb1.b, rgb2.b, size1, size2),
+        g: (0, NumberUtils_js_1.mix)(rgb1.g, rgb2.g, size1, size2),
+        r: (0, NumberUtils_js_1.mix)(rgb1.r, rgb2.r, size1, size2),
     };
 }
 exports.colorMix = colorMix;
 function getLinkColor(p1, p2, linkColor) {
-    var _a, _b;
     if (linkColor === randomColorValue) {
         return getRandomRgbColor();
     }
     else if (linkColor === midColorValue) {
-        const sourceColor = (_a = p1.getFillColor()) !== null && _a !== void 0 ? _a : p1.getStrokeColor(), destColor = (_b = p2 === null || p2 === void 0 ? void 0 : p2.getFillColor()) !== null && _b !== void 0 ? _b : p2 === null || p2 === void 0 ? void 0 : p2.getStrokeColor();
+        const sourceColor = p1.getFillColor() ?? p1.getStrokeColor(), destColor = p2?.getFillColor() ?? p2?.getStrokeColor();
         if (sourceColor && destColor && p2) {
             return colorMix(sourceColor, destColor, p1.getRadius(), p2.getRadius());
         }
         else {
-            const hslColor = sourceColor !== null && sourceColor !== void 0 ? sourceColor : destColor;
+            const hslColor = sourceColor ?? destColor;
             if (hslColor) {
                 return hslToRgb(hslColor);
             }
@@ -220,7 +216,7 @@ function getLinkColor(p1, p2, linkColor) {
 }
 exports.getLinkColor = getLinkColor;
 function getLinkRandomColor(optColor, blink, consent) {
-    const color = typeof optColor === "string" ? optColor : optColor.value;
+    const color = (0, Utils_js_1.isString)(optColor) ? optColor : optColor.value;
     if (color === randomColorValue) {
         if (consent) {
             return rangeColorToRgb({
@@ -278,14 +274,16 @@ exports.getHslAnimationFromHsl = getHslAnimationFromHsl;
 function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     colorValue.enable = colorAnimation.enable;
     if (colorValue.enable) {
-        colorValue.velocity = ((0, NumberUtils_1.getRangeValue)(colorAnimation.speed) / 100) * reduceFactor;
-        colorValue.decay = 1 - (0, NumberUtils_1.getRangeValue)(colorAnimation.decay);
+        colorValue.velocity = ((0, NumberUtils_js_1.getRangeValue)(colorAnimation.speed) / 100) * reduceFactor;
+        colorValue.decay = 1 - (0, NumberUtils_js_1.getRangeValue)(colorAnimation.decay);
         colorValue.status = "increasing";
         colorValue.loops = 0;
-        colorValue.maxLoops = (0, NumberUtils_1.getRangeValue)(colorAnimation.count);
+        colorValue.maxLoops = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.count);
+        colorValue.time = 0;
+        colorValue.delayTime = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.delay) * 1000;
         if (!colorAnimation.sync) {
-            colorValue.velocity *= (0, NumberUtils_1.getRandom)();
-            colorValue.value *= (0, NumberUtils_1.getRandom)();
+            colorValue.velocity *= (0, NumberUtils_js_1.getRandom)();
+            colorValue.value *= (0, NumberUtils_js_1.getRandom)();
         }
         colorValue.initialValue = colorValue.value;
     }

package/cjs/Utils/EventDispatcher.js

@@ -6,16 +6,17 @@ class EventDispatcher {
         this._listeners = new Map();
     }
     addEventListener(type, listener) {
-        var _a;
         this.removeEventListener(type, listener);
-        if (!this._listeners.get(type)) {
-            this._listeners.set(type, []);
+        let arr = this._listeners.get(type);
+        if (!arr) {
+            arr = [];
+            this._listeners.set(type, arr);
         }
-        (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.push(listener);
+        arr.push(listener);
     }
     dispatchEvent(type, args) {
-        var _a;
-        (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.forEach((handler) => handler(args));
+        const listeners = this._listeners.get(type);
+        listeners && listeners.forEach((handler) => handler(args));
     }
     hasEventListener(type) {
         return !!this._listeners.get(type);

package/cjs/Utils/HslColorManager.js

@@ -1,28 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HslColorManager = void 0;
-const NumberUtils_1 = require("./NumberUtils");
-const ColorUtils_1 = require("./ColorUtils");
+const NumberUtils_js_1 = require("./NumberUtils.js");
+const ColorUtils_js_1 = require("./ColorUtils.js");
 class HslColorManager {
     constructor() {
         this.key = "hsl";
         this.stringPrefix = "hsl";
     }
     handleColor(color) {
-        var _a;
-        const colorValue = color.value, hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
+        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
         if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return (0, ColorUtils_1.hslToRgb)(hslColor);
+            return (0, ColorUtils_js_1.hslToRgb)(hslColor);
         }
     }
     handleRangeColor(color) {
-        var _a;
-        const colorValue = color.value, hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
+        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
         if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            return (0, ColorUtils_1.hslToRgb)({
-                h: (0, NumberUtils_1.getRangeValue)(hslColor.h),
-                l: (0, NumberUtils_1.getRangeValue)(hslColor.l),
-                s: (0, NumberUtils_1.getRangeValue)(hslColor.s),
+            return (0, ColorUtils_js_1.hslToRgb)({
+                h: (0, NumberUtils_js_1.getRangeValue)(hslColor.h),
+                l: (0, NumberUtils_js_1.getRangeValue)(hslColor.l),
+                s: (0, NumberUtils_js_1.getRangeValue)(hslColor.s),
             });
         }
     }
@@ -32,8 +30,8 @@ class HslColorManager {
         }
         const regex = /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
         return result
-            ? (0, ColorUtils_1.hslaToRgba)({
-                a: result.length > 4 ? (0, NumberUtils_1.parseAlpha)(result[5]) : 1,
+            ? (0, ColorUtils_js_1.hslaToRgba)({
+                a: result.length > 4 ? (0, NumberUtils_js_1.parseAlpha)(result[5]) : 1,
                 h: parseInt(result[1], 10),
                 l: parseInt(result[3], 10),
                 s: parseInt(result[2], 10),

package/cjs/Utils/NumberUtils.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.getDistance = exports.getDistances = exports.getValue = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
-const Vector_1 = require("../Core/Utils/Vector");
+const Utils_js_1 = require("./Utils.js");
+const Vector_js_1 = require("../Core/Utils/Vector.js");
 let _random = Math.random;
 const easings = new Map();
 function addEasing(name, easing) {
-    if (!easings.get(name)) {
-        easings.set(name, easing);
+    if (easings.get(name)) {
+        return;
     }
+    easings.set(name, easing);
 }
 exports.addEasing = addEasing;
 function getEasing(name) {
@@ -40,19 +42,19 @@ function randomInRange(r) {
 }
 exports.randomInRange = randomInRange;
 function getRangeValue(value) {
-    return typeof value === "number" ? value : randomInRange(value);
+    return (0, Utils_js_1.isNumber)(value) ? value : randomInRange(value);
 }
 exports.getRangeValue = getRangeValue;
 function getRangeMin(value) {
-    return typeof value === "number" ? value : value.min;
+    return (0, Utils_js_1.isNumber)(value) ? value : value.min;
 }
 exports.getRangeMin = getRangeMin;
 function getRangeMax(value) {
-    return typeof value === "number" ? value : value.max;
+    return (0, Utils_js_1.isNumber)(value) ? value : value.max;
 }
 exports.getRangeMax = getRangeMax;
 function setRangeValue(source, value) {
-    if (source === value || (value === undefined && typeof source === "number")) {
+    if (source === value || (value === undefined && (0, Utils_js_1.isNumber)(source))) {
         return source;
     }
     const min = getRangeMin(source), max = getRangeMax(source);
@@ -65,7 +67,7 @@ function setRangeValue(source, value) {
 }
 exports.setRangeValue = setRangeValue;
 function getValue(options) {
-    const random = options.random, { enable, minimumValue } = typeof random === "boolean"
+    const random = options.random, { enable, minimumValue } = (0, Utils_js_1.isBoolean)(random)
         ? {
             enable: random,
             minimumValue: 0,
@@ -84,46 +86,44 @@ function getDistance(pointA, pointB) {
 }
 exports.getDistance = getDistance;
 function getParticleDirectionAngle(direction, position, center) {
-    if (typeof direction === "number") {
+    if ((0, Utils_js_1.isNumber)(direction)) {
         return (direction * Math.PI) / 180;
     }
-    else {
-        switch (direction) {
-            case "top":
-                return -Math.PI / 2;
-            case "top-right":
-                return -Math.PI / 4;
-            case "right":
-                return 0;
-            case "bottom-right":
-                return Math.PI / 4;
-            case "bottom":
-                return Math.PI / 2;
-            case "bottom-left":
-                return (3 * Math.PI) / 4;
-            case "left":
-                return Math.PI;
-            case "top-left":
-                return (-3 * Math.PI) / 4;
-            case "inside":
-                return Math.atan2(center.y - position.y, center.x - position.x);
-            case "outside":
-                return Math.atan2(position.y - center.y, position.x - center.x);
-            default:
-                return getRandom() * Math.PI * 2;
-        }
+    switch (direction) {
+        case "top":
+            return -Math.PI / 2;
+        case "top-right":
+            return -Math.PI / 4;
+        case "right":
+            return 0;
+        case "bottom-right":
+            return Math.PI / 4;
+        case "bottom":
+            return Math.PI / 2;
+        case "bottom-left":
+            return (3 * Math.PI) / 4;
+        case "left":
+            return Math.PI;
+        case "top-left":
+            return (-3 * Math.PI) / 4;
+        case "inside":
+            return Math.atan2(center.y - position.y, center.x - position.x);
+        case "outside":
+            return Math.atan2(position.y - center.y, position.x - center.x);
+        default:
+            return getRandom() * Math.PI * 2;
     }
 }
 exports.getParticleDirectionAngle = getParticleDirectionAngle;
 function getParticleBaseVelocity(direction) {
-    const baseVelocity = Vector_1.Vector.origin;
+    const baseVelocity = Vector_js_1.Vector.origin;
     baseVelocity.length = 1;
     baseVelocity.angle = direction;
     return baseVelocity;
 }
 exports.getParticleBaseVelocity = getParticleBaseVelocity;
 function collisionVelocity(v1, v2, m1, m2) {
-    return Vector_1.Vector.create((v1.x * (m1 - m2)) / (m1 + m2) + (v2.x * 2 * m2) / (m1 + m2), v1.y);
+    return Vector_js_1.Vector.create((v1.x * (m1 - m2)) / (m1 + m2) + (v2.x * 2 * m2) / (m1 + m2), v1.y);
 }
 exports.collisionVelocity = collisionVelocity;
 function calcPositionFromSize(data) {
@@ -136,35 +136,31 @@ function calcPositionFromSize(data) {
 }
 exports.calcPositionFromSize = calcPositionFromSize;
 function calcPositionOrRandomFromSize(data) {
-    var _a, _b, _c, _d;
     return {
-        x: (((_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : getRandom() * 100) * data.size.width) / 100,
-        y: (((_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : getRandom() * 100) * data.size.height) / 100,
+        x: ((data.position?.x ?? getRandom() * 100) * data.size.width) / 100,
+        y: ((data.position?.y ?? getRandom() * 100) * data.size.height) / 100,
     };
 }
 exports.calcPositionOrRandomFromSize = calcPositionOrRandomFromSize;
 function calcPositionOrRandomFromSizeRanged(data) {
-    var _a, _b;
     const position = {
-        x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
-        y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined,
+        x: data.position?.x !== undefined ? getRangeValue(data.position.x) : undefined,
+        y: data.position?.y !== undefined ? getRangeValue(data.position.y) : undefined,
     };
     return calcPositionOrRandomFromSize({ size: data.size, position });
 }
 exports.calcPositionOrRandomFromSizeRanged = calcPositionOrRandomFromSizeRanged;
 function calcExactPositionOrRandomFromSize(data) {
-    var _a, _b, _c, _d;
     return {
-        x: (_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : getRandom() * data.size.width,
-        y: (_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : getRandom() * data.size.height,
+        x: data.position?.x ?? getRandom() * data.size.width,
+        y: data.position?.y ?? getRandom() * data.size.height,
     };
 }
 exports.calcExactPositionOrRandomFromSize = calcExactPositionOrRandomFromSize;
 function calcExactPositionOrRandomFromSizeRanged(data) {
-    var _a, _b;
     const position = {
-        x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
-        y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined,
+        x: data.position?.x !== undefined ? getRangeValue(data.position.x) : undefined,
+        y: data.position?.y !== undefined ? getRangeValue(data.position.y) : undefined,
     };
     return calcExactPositionOrRandomFromSize({ size: data.size, position });
 }

package/cjs/Utils/OptionsUtils.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadParticlesOptions = exports.loadOptions = void 0;
-const ParticlesOptions_1 = require("../Options/Classes/Particles/ParticlesOptions");
+const ParticlesOptions_js_1 = require("../Options/Classes/Particles/ParticlesOptions.js");
 function loadOptions(options, ...sourceOptionsArr) {
     for (const sourceOptions of sourceOptionsArr) {
         options.load(sourceOptions);
@@ -9,7 +9,7 @@ function loadOptions(options, ...sourceOptionsArr) {
 }
 exports.loadOptions = loadOptions;
 function loadParticlesOptions(engine, container, ...sourceOptionsArr) {
-    const options = new ParticlesOptions_1.ParticlesOptions(engine, container);
+    const options = new ParticlesOptions_js_1.ParticlesOptions(engine, container);
     loadOptions(options, ...sourceOptionsArr);
     return options;
 }

package/cjs/Utils/RgbColorManager.js

@@ -1,27 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RgbColorManager = void 0;
-const NumberUtils_1 = require("./NumberUtils");
+const NumberUtils_js_1 = require("./NumberUtils.js");
 class RgbColorManager {
     constructor() {
         this.key = "rgb";
         this.stringPrefix = "rgb";
     }
     handleColor(color) {
-        var _a;
-        const colorValue = color.value, rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
+        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
         if (rgbColor.r !== undefined) {
             return rgbColor;
         }
     }
     handleRangeColor(color) {
-        var _a;
-        const colorValue = color.value, rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
+        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
         if (rgbColor.r !== undefined) {
             return {
-                r: (0, NumberUtils_1.getRangeValue)(rgbColor.r),
-                g: (0, NumberUtils_1.getRangeValue)(rgbColor.g),
-                b: (0, NumberUtils_1.getRangeValue)(rgbColor.b),
+                r: (0, NumberUtils_js_1.getRangeValue)(rgbColor.r),
+                g: (0, NumberUtils_js_1.getRangeValue)(rgbColor.g),
+                b: (0, NumberUtils_js_1.getRangeValue)(rgbColor.b),
             };
         }
     }
@@ -32,7 +30,7 @@ class RgbColorManager {
         const regex = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
         return result
             ? {
-                a: result.length > 4 ? (0, NumberUtils_1.parseAlpha)(result[5]) : 1,
+                a: result.length > 4 ? (0, NumberUtils_js_1.parseAlpha)(result[5]) : 1,
                 b: parseInt(result[3], 10),
                 g: parseInt(result[2], 10),
                 r: parseInt(result[1], 10),