@tsparticles/engine 3.7.1 → 3.8.0

package/umd/Core/Retina.js

@@ -4,25 +4,25 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Utils/NumberUtils.js", "../Utils/Utils.js"], factory);
+        define(["require", "exports", "./Utils/Constants.js", "../Utils/NumberUtils.js", "../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Retina = void 0;
+    const Constants_js_1 = require("./Utils/Constants.js");
     const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
     const Utils_js_1 = require("../Utils/Utils.js");
-    const defaultRatio = 1, defaultReduceFactor = 1;
     class Retina {
         constructor(container) {
             this.container = container;
-            this.pixelRatio = defaultRatio;
-            this.reduceFactor = defaultReduceFactor;
+            this.pixelRatio = Constants_js_1.defaultRatio;
+            this.reduceFactor = Constants_js_1.defaultReduceFactor;
         }
         init() {
             const container = this.container, options = container.actualOptions;
-            this.pixelRatio = !options.detectRetina || (0, Utils_js_1.isSsr)() ? defaultRatio : window.devicePixelRatio;
-            this.reduceFactor = defaultReduceFactor;
+            this.pixelRatio = !options.detectRetina || (0, Utils_js_1.isSsr)() ? Constants_js_1.defaultRatio : window.devicePixelRatio;
+            this.reduceFactor = Constants_js_1.defaultReduceFactor;
             const ratio = this.pixelRatio, canvas = container.canvas;
             if (canvas.element) {
                 const element = canvas.element;

package/umd/Core/Utils/Constants.js

@@ -9,21 +9,15 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.millisecondsToSeconds = exports.halfRandom = exports.percentDenominator = exports.errorPrefix = exports.visibilityChangeEvent = exports.resizeEvent = exports.touchCancelEvent = exports.touchMoveEvent = exports.touchEndEvent = exports.touchStartEvent = exports.mouseMoveEvent = exports.mouseOutEvent = exports.mouseLeaveEvent = exports.mouseUpEvent = exports.mouseDownEvent = exports.generatedAttribute = void 0;
-    exports.generatedAttribute = "generated";
-    exports.mouseDownEvent = "pointerdown";
-    exports.mouseUpEvent = "pointerup";
-    exports.mouseLeaveEvent = "pointerleave";
-    exports.mouseOutEvent = "pointerout";
-    exports.mouseMoveEvent = "pointermove";
-    exports.touchStartEvent = "touchstart";
-    exports.touchEndEvent = "touchend";
-    exports.touchMoveEvent = "touchmove";
-    exports.touchCancelEvent = "touchcancel";
-    exports.resizeEvent = "resize";
-    exports.visibilityChangeEvent = "visibilitychange";
-    exports.errorPrefix = "tsParticles - Error";
-    exports.percentDenominator = 100;
-    exports.halfRandom = 0.5;
-    exports.millisecondsToSeconds = 1000;
+    exports.defaultTime = exports.defaultLoops = exports.defaultVelocity = exports.defaultRgbMin = exports.phaseNumerator = exports.sNormalizedOffset = exports.sextuple = exports.triple = exports.rgbFactor = exports.lMin = exports.lFactor = exports.minStrokeWidth = exports.identity = exports.defaultAngle = exports.manualDefaultPosition = exports.touchDelay = exports.deleteCount = exports.defaultDensityFactor = exports.lengthOffset = exports.manualCount = exports.minIndex = exports.minCount = exports.countOffset = exports.minLimit = exports.sizeFactor = exports.posOffset = exports.defaultRadius = exports.minZ = exports.rollFactor = exports.minRetries = exports.tryCountIncrement = exports.decayOffset = exports.none = exports.one = exports.loadMinIndex = exports.loadRandomFactor = exports.canvasFirstIndex = exports.minFpsLimit = exports.defaultFpsLimit = exports.removeMinIndex = exports.removeDeleteCount = exports.minCoordinate = exports.touchEndLengthOffset = exports.clickRadius = exports.defaultOpacity = exports.zIndexFactorOffset = exports.minimumLength = exports.minimumSize = exports.defaultTransformValue = exports.minVelocity = exports.threeQuarter = exports.quarter = exports.empty = exports.hPhase = exports.sMin = exports.hMin = exports.lMax = exports.sMax = exports.hMax = exports.rgbMax = exports.inverseFactorNumerator = exports.subdivideCount = exports.defaultReduceFactor = exports.defaultRatio = exports.defaultRemoveQuantity = exports.qTreeCapacity = exports.squareExp = exports.defaultRetryCount = exports.canvasTag = exports.generatedFalse = exports.generatedTrue = exports.defaultAlpha = exports.defaultFps = exports.doublePI = exports.double = exports.midColorValue = exports.randomColorValue = exports.defaultTransform = exports.originPoint = exports.millisecondsToSeconds = exports.half = exports.percentDenominator = exports.errorPrefix = exports.visibilityChangeEvent = exports.resizeEvent = exports.touchCancelEvent = exports.touchMoveEvent = exports.touchEndEvent = exports.touchStartEvent = exports.mouseMoveEvent = exports.mouseOutEvent = exports.mouseLeaveEvent = exports.mouseUpEvent = exports.mouseDownEvent = exports.generatedAttribute = void 0;
+    exports.generatedAttribute = "generated", exports.mouseDownEvent = "pointerdown", exports.mouseUpEvent = "pointerup", exports.mouseLeaveEvent = "pointerleave", exports.mouseOutEvent = "pointerout", exports.mouseMoveEvent = "pointermove", exports.touchStartEvent = "touchstart", exports.touchEndEvent = "touchend", exports.touchMoveEvent = "touchmove", exports.touchCancelEvent = "touchcancel", exports.resizeEvent = "resize", exports.visibilityChangeEvent = "visibilitychange", exports.errorPrefix = "tsParticles - Error", exports.percentDenominator = 100, exports.half = 0.5, exports.millisecondsToSeconds = 1000, exports.originPoint = {
+        x: 0,
+        y: 0,
+        z: 0,
+    }, exports.defaultTransform = {
+        a: 1,
+        b: 0,
+        c: 0,
+        d: 1,
+    }, exports.randomColorValue = "random", exports.midColorValue = "mid", exports.double = 2, exports.doublePI = Math.PI * exports.double, exports.defaultFps = 60, exports.defaultAlpha = 1, exports.generatedTrue = "true", exports.generatedFalse = "false", exports.canvasTag = "canvas", exports.defaultRetryCount = 0, exports.squareExp = 2, exports.qTreeCapacity = 4, exports.defaultRemoveQuantity = 1, exports.defaultRatio = 1, exports.defaultReduceFactor = 1, exports.subdivideCount = 4, exports.inverseFactorNumerator = 1.0, exports.rgbMax = 255, exports.hMax = 360, exports.sMax = 100, exports.lMax = 100, exports.hMin = 0, exports.sMin = 0, exports.hPhase = 60, exports.empty = 0, exports.quarter = 0.25, exports.threeQuarter = exports.half + exports.quarter, exports.minVelocity = 0, exports.defaultTransformValue = 1, exports.minimumSize = 0, exports.minimumLength = 0, exports.zIndexFactorOffset = 1, exports.defaultOpacity = 1, exports.clickRadius = 1, exports.touchEndLengthOffset = 1, exports.minCoordinate = 0, exports.removeDeleteCount = 1, exports.removeMinIndex = 0, exports.defaultFpsLimit = 120, exports.minFpsLimit = 0, exports.canvasFirstIndex = 0, exports.loadRandomFactor = 10000, exports.loadMinIndex = 0, exports.one = 1, exports.none = 0, exports.decayOffset = 1, exports.tryCountIncrement = 1, exports.minRetries = 0, exports.rollFactor = 1, exports.minZ = 0, exports.defaultRadius = 0, exports.posOffset = -exports.quarter, exports.sizeFactor = 1.5, exports.minLimit = 0, exports.countOffset = 1, exports.minCount = 0, exports.minIndex = 0, exports.manualCount = 0, exports.lengthOffset = 1, exports.defaultDensityFactor = 1, exports.deleteCount = 1, exports.touchDelay = 500, exports.manualDefaultPosition = 50, exports.defaultAngle = 0, exports.identity = 1, exports.minStrokeWidth = 0, exports.lFactor = 1, exports.lMin = 0, exports.rgbFactor = 255, exports.triple = 3, exports.sextuple = 6, exports.sNormalizedOffset = 1, exports.phaseNumerator = 1, exports.defaultRgbMin = 0, exports.defaultVelocity = 0, exports.defaultLoops = 0, exports.defaultTime = 0;
 });

package/umd/Core/Utils/EventListeners.js

@@ -4,17 +4,16 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils/Utils.js", "./Constants.js", "../../Enums/InteractivityDetect.js", "../../Utils/TypeUtils.js"], factory);
+        define(["require", "exports", "./Constants.js", "../../Utils/Utils.js", "../../Enums/InteractivityDetect.js", "../../Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EventListeners = void 0;
-    const Utils_js_1 = require("../../Utils/Utils.js");
     const Constants_js_1 = require("./Constants.js");
+    const Utils_js_1 = require("../../Utils/Utils.js");
     const InteractivityDetect_js_1 = require("../../Enums/InteractivityDetect.js");
     const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-    const double = 2;
     function manageListener(element, event, handler, add, options) {
         if (add) {
             let addOptions = { passive: true };
@@ -47,8 +46,7 @@
                     (0, Utils_js_1.executeOnSingleOrMultiple)(onClick.mode, mode => this.container.handleClickMode(mode));
                 }
                 if (e.type === "touchend") {
-                    const touchDelay = 500;
-                    setTimeout(() => this._mouseTouchFinish(), touchDelay);
+                    setTimeout(() => this._mouseTouchFinish(), Constants_js_1.touchDelay);
                 }
             };
             this._handleThemeChange = (e) => {
@@ -89,8 +87,7 @@
                 this._resizeTimeout = setTimeout(() => void handleResize(), this.container.actualOptions.interactivity.events.resize.delay * Constants_js_1.millisecondsToSeconds);
             };
             this._manageInteractivityListeners = (mouseLeaveTmpEvent, add) => {
-                const handlers = this._handlers, container = this.container, options = container.actualOptions;
-                const interactivityEl = container.interactivity.element;
+                const handlers = this._handlers, container = this.container, options = container.actualOptions, interactivityEl = container.interactivity.element;
                 if (!interactivityEl) {
                     return;
                 }
@@ -250,8 +247,8 @@
                         if (source && target && canvasEl) {
                             const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();
                             pos = {
-                                x: mouseEvent.offsetX + double * sourceRect.left - (targetRect.left + canvasRect.left),
-                                y: mouseEvent.offsetY + double * sourceRect.top - (targetRect.top + canvasRect.top),
+                                x: mouseEvent.offsetX + Constants_js_1.double * sourceRect.left - (targetRect.left + canvasRect.left),
+                                y: mouseEvent.offsetY + Constants_js_1.double * sourceRect.top - (targetRect.top + canvasRect.top),
                             };
                         }
                         else {
@@ -271,10 +268,10 @@
                 else {
                     this._canPush = e.type !== "touchmove";
                     if (canvasEl) {
-                        const touchEvent = e, lengthOffset = 1, lastTouch = touchEvent.touches[touchEvent.touches.length - lengthOffset], canvasRect = canvasEl.getBoundingClientRect(), defaultCoordinate = 0;
+                        const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - Constants_js_1.lengthOffset], canvasRect = canvasEl.getBoundingClientRect();
                         pos = {
-                            x: lastTouch.clientX - (canvasRect.left ?? defaultCoordinate),
-                            y: lastTouch.clientY - (canvasRect.top ?? defaultCoordinate),
+                            x: lastTouch.clientX - (canvasRect.left ?? Constants_js_1.minCoordinate),
+                            y: lastTouch.clientY - (canvasRect.top ?? Constants_js_1.minCoordinate),
                         };
                     }
                 }

package/umd/Core/Utils/QuadTree.js

@@ -4,24 +4,24 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Ranges.js", "../../Utils/NumberUtils.js"], factory);
+        define(["require", "exports", "./Ranges.js", "./Constants.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.QuadTree = void 0;
     const Ranges_js_1 = require("./Ranges.js");
+    const Constants_js_1 = require("./Constants.js");
     const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
-    const half = 0.5, double = 2, subdivideCount = 4;
     class QuadTree {
         constructor(rectangle, capacity) {
             this.rectangle = rectangle;
             this.capacity = capacity;
             this._subdivide = () => {
                 const { x, y } = this.rectangle.position, { width, height } = this.rectangle.size, { capacity } = this;
-                for (let i = 0; i < subdivideCount; i++) {
-                    const fixedIndex = i % double;
-                    this._subs.push(new QuadTree(new Ranges_js_1.Rectangle(x + width * half * fixedIndex, y + height * half * (Math.round(i * half) - fixedIndex), width * half, height * half), capacity));
+                for (let i = 0; i < Constants_js_1.subdivideCount; i++) {
+                    const fixedIndex = i % Constants_js_1.double;
+                    this._subs.push(new QuadTree(new Ranges_js_1.Rectangle(x + width * Constants_js_1.half * fixedIndex, y + height * Constants_js_1.half * (Math.round(i * Constants_js_1.half) - fixedIndex), width * Constants_js_1.half, height * Constants_js_1.half), capacity));
                 }
                 this._divided = true;
             };

package/umd/Core/Utils/Ranges.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Types/RangeType.js", "../../Utils/NumberUtils.js"], factory);
+        define(["require", "exports", "../../Types/RangeType.js", "../../Utils/NumberUtils.js", "./Constants.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Rectangle = exports.Circle = exports.BaseRange = void 0;
     const RangeType_js_1 = require("../../Types/RangeType.js");
     const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
-    const squareExp = 2;
+    const Constants_js_1 = require("./Constants.js");
     class BaseRange {
         constructor(x, y, type) {
             this.position = {
@@ -34,12 +34,12 @@
         intersects(range) {
             const pos1 = this.position, pos2 = range.position, distPos = { x: Math.abs(pos2.x - pos1.x), y: Math.abs(pos2.y - pos1.y) }, r = this.radius;
             if (range instanceof Circle || range.type === RangeType_js_1.RangeType.circle) {
-                const circleRange = range, rSum = r + circleRange.radius, dist = Math.sqrt(distPos.x ** squareExp + distPos.y ** squareExp);
+                const circleRange = range, rSum = r + circleRange.radius, dist = Math.sqrt(distPos.x ** Constants_js_1.squareExp + distPos.y ** Constants_js_1.squareExp);
                 return rSum > dist;
             }
             else if (range instanceof Rectangle || range.type === RangeType_js_1.RangeType.rectangle) {
-                const rectRange = range, { width, height } = rectRange.size, edges = Math.pow(distPos.x - width, squareExp) + Math.pow(distPos.y - height, squareExp);
-                return (edges <= r ** squareExp ||
+                const rectRange = range, { width, height } = rectRange.size, edges = Math.pow(distPos.x - width, Constants_js_1.squareExp) + Math.pow(distPos.y - height, Constants_js_1.squareExp);
+                return (edges <= r ** Constants_js_1.squareExp ||
                     (distPos.x <= r + width && distPos.y <= r + height) ||
                     distPos.x <= width ||
                     distPos.y <= height);

package/umd/Core/Utils/Vectors.js

@@ -12,11 +12,6 @@
     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) => {
@@ -27,19 +22,19 @@
                 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);
@@ -85,7 +80,7 @@
             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);
@@ -96,19 +91,19 @@
             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);
@@ -122,10 +117,10 @@
     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/umd/Options/Classes/ManualParticle.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Enums/Modes/PixelMode.js", "../../Utils/Utils.js", "../../Utils/TypeUtils.js"], factory);
+        define(["require", "exports", "../../Enums/Modes/PixelMode.js", "../../Utils/Utils.js", "../../Utils/TypeUtils.js", "../../Core/Utils/Constants.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -13,7 +13,7 @@
     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)) {
@@ -21,8 +21,8 @@
             }
             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/umd/Utils/CanvasUtils.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../Enums/Types/AlterType.js", "./ColorUtils.js"], factory);
+        define(["require", "exports", "../Core/Utils/Constants.js", "../Enums/Types/AlterType.js", "./ColorUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -20,14 +20,9 @@
     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);
@@ -36,28 +31,28 @@
     }
     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) {
@@ -73,7 +68,7 @@
         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;
@@ -114,7 +109,7 @@
         });
     }
     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;
         }
@@ -135,7 +130,7 @@
         if (particle.shapeClose) {
             context.closePath();
         }
-        if (strokeWidth > minStrokeWidth) {
+        if (strokeWidth > Constants_js_1.minStrokeWidth) {
             context.stroke();
         }
         if (particle.shapeFill) {
@@ -174,11 +169,10 @@
         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/umd/Utils/ColorUtils.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./NumberUtils.js", "./TypeUtils.js", "../Core/Utils/Constants.js", "../Enums/AnimationStatus.js", "./Utils.js"], factory);
+        define(["require", "exports", "./NumberUtils.js", "../Core/Utils/Constants.js", "./TypeUtils.js", "../Enums/AnimationStatus.js", "./Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -29,11 +29,10 @@
     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;
@@ -70,7 +69,7 @@
         }
         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, {
@@ -93,26 +92,26 @@
         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;
     }
@@ -123,33 +122,33 @@
         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) {
@@ -162,20 +161,18 @@
         };
     }
     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;
@@ -192,10 +189,10 @@
         };
     }
     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());
@@ -213,19 +210,19 @@
     }
     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, {
@@ -266,14 +263,13 @@
     }
     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)();
@@ -283,7 +279,7 @@
             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) {
@@ -338,8 +334,7 @@
         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 },