@tsparticles/engine 3.7.1 → 3.8.0

package/cjs/Core/Particle.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particle = void 0;
 const Vectors_js_1 = require("./Utils/Vectors.js");
 const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
-const Utils_js_1 = require("../Utils/Utils.js");
 const Constants_js_1 = require("./Utils/Constants.js");
+const Utils_js_1 = require("../Utils/Utils.js");
 const ColorUtils_js_1 = require("../Utils/ColorUtils.js");
 const EventType_js_1 = require("../Enums/Types/EventType.js");
 const Interactivity_js_1 = require("../Options/Classes/Interactivity/Interactivity.js");
@@ -14,7 +14,6 @@ const ParticleOutType_js_1 = require("../Enums/Types/ParticleOutType.js");
 const PixelMode_js_1 = require("../Enums/Modes/PixelMode.js");
 const CanvasUtils_js_1 = require("../Utils/CanvasUtils.js");
 const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
-const defaultRetryCount = 0, double = 2, half = 0.5, squareExp = 2, randomString = "random";
 function loadEffectData(effect, effectOptions, id, reduceDuplicates) {
     const effectData = effectOptions.options[effect];
     if (!effectData) {
@@ -39,7 +38,7 @@ function fixOutMode(data) {
     if (!(0, Utils_js_1.isInArray)(data.outMode, data.checkModes)) {
         return;
     }
-    const diameter = data.radius * double;
+    const diameter = data.radius * Constants_js_1.double;
     if (data.coord > data.maxCoord - diameter) {
         data.setCb(-data.radius);
     }
@@ -50,7 +49,7 @@ function fixOutMode(data) {
 class Particle {
     constructor(engine, container) {
         this.container = container;
-        this._calcPosition = (container, position, zIndex, tryCount = defaultRetryCount) => {
+        this._calcPosition = (container, position, zIndex, tryCount = Constants_js_1.defaultRetryCount) => {
             for (const plugin of container.plugins.values()) {
                 const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
                 if (pluginPos) {
@@ -84,8 +83,7 @@ class Particle {
             fixVertical(outModes.top ?? outModes.default);
             fixVertical(outModes.bottom ?? outModes.default);
             if (this._checkOverlap(pos, tryCount)) {
-                const increment = 1;
-                return this._calcPosition(container, undefined, zIndex, tryCount + increment);
+                return this._calcPosition(container, undefined, zIndex, tryCount + Constants_js_1.tryCountIncrement);
             }
             return pos;
         };
@@ -95,8 +93,8 @@ class Particle {
                 return res;
             }
             const rad = (0, NumberUtils_js_1.degToRad)((0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.value)), radOffset = (0, NumberUtils_js_1.degToRad)((0, NumberUtils_js_1.getRangeValue)(moveOptions.angle.offset)), range = {
-                left: radOffset - rad * half,
-                right: radOffset + rad * half,
+                left: radOffset - rad * Constants_js_1.half,
+                right: radOffset + rad * Constants_js_1.half,
             };
             if (!moveOptions.straight) {
                 res.angle += (0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(range.left, range.right));
@@ -106,7 +104,7 @@ class Particle {
             }
             return res;
         };
-        this._checkOverlap = (pos, tryCount = defaultRetryCount) => {
+        this._checkOverlap = (pos, tryCount = Constants_js_1.defaultRetryCount) => {
             const collisionsOptions = this.options.collisions, radius = this.getRadius();
             if (!collisionsOptions.enable) {
                 return false;
@@ -115,8 +113,8 @@ class Particle {
             if (overlapOptions.enable) {
                 return false;
             }
-            const retries = overlapOptions.retries, minRetries = 0;
-            if (retries >= minRetries && tryCount > retries) {
+            const retries = overlapOptions.retries;
+            if (retries >= Constants_js_1.minRetries && tryCount > retries) {
                 throw new Error(`${Constants_js_1.errorPrefix} particle is overlapping and can't be placed`);
             }
             return !!this.container.particles.find(particle => (0, NumberUtils_js_1.getDistance)(pos, particle.position) < radius + particle.getRadius());
@@ -125,7 +123,7 @@ class Particle {
             if (!color || !this.roll || (!this.backColor && !this.roll.alter)) {
                 return color;
             }
-            const rollFactor = 1, none = 0, backFactor = this.roll.horizontal && this.roll.vertical ? double * rollFactor : rollFactor, backSum = this.roll.horizontal ? Math.PI * half : none, rolled = Math.floor(((this.roll.angle ?? none) + backSum) / (Math.PI / backFactor)) % double;
+            const backFactor = this.roll.horizontal && this.roll.vertical ? Constants_js_1.double * Constants_js_1.rollFactor : Constants_js_1.rollFactor, backSum = this.roll.horizontal ? Math.PI * Constants_js_1.half : Constants_js_1.none, rolled = Math.floor(((this.roll.angle ?? Constants_js_1.none) + backSum) / (Math.PI / backFactor)) % Constants_js_1.double;
             if (!rolled) {
                 return color;
             }
@@ -138,13 +136,13 @@ class Particle {
             return color;
         };
         this._initPosition = position => {
-            const container = this.container, zIndexValue = (0, NumberUtils_js_1.getRangeValue)(this.options.zIndex.value), minZ = 0;
-            this.position = this._calcPosition(container, position, (0, NumberUtils_js_1.clamp)(zIndexValue, minZ, container.zLayers));
+            const container = this.container, zIndexValue = (0, NumberUtils_js_1.getRangeValue)(this.options.zIndex.value);
+            this.position = this._calcPosition(container, position, (0, NumberUtils_js_1.clamp)(zIndexValue, Constants_js_1.minZ, container.zLayers));
             this.initialPosition = this.position.copy();
-            const canvasSize = container.canvas.size, defaultRadius = 0;
+            const canvasSize = container.canvas.size;
             this.moveCenter = {
                 ...(0, Utils_js_1.getPosition)(this.options.move.center, canvasSize),
-                radius: this.options.move.center.radius ?? defaultRadius,
+                radius: this.options.move.center.radius ?? Constants_js_1.defaultRadius,
                 mode: this.options.move.center.mode ?? PixelMode_js_1.PixelMode.percent,
             };
             this.direction = (0, NumberUtils_js_1.getParticleDirectionAngle)(this.options.move.direction, this.position, this.moveCenter);
@@ -194,7 +192,7 @@ class Particle {
         return this._getRollColor(this.bubble.color ?? (0, ColorUtils_js_1.getHslFromAnimation)(this.color));
     }
     getMass() {
-        return this.getRadius() ** squareExp * Math.PI * half;
+        return this.getRadius() ** Constants_js_1.squareExp * Math.PI * Constants_js_1.half;
     }
     getPosition() {
         return {
@@ -249,11 +247,11 @@ class Particle {
                 }
             }
         }
-        if (this.effect === randomString) {
+        if (this.effect === Constants_js_1.randomColorValue) {
             const availableEffects = [...this.container.effectDrawers.keys()];
             this.effect = availableEffects[Math.floor(Math.random() * availableEffects.length)];
         }
-        if (this.shape === randomString) {
+        if (this.shape === Constants_js_1.randomColorValue) {
             const availableShapes = [...this.container.shapeDrawers.keys()];
             this.shape = availableShapes[Math.floor(Math.random() * availableShapes.length)];
         }
@@ -297,8 +295,7 @@ class Particle {
         this._initPosition(position);
         this.initialVelocity = this._calculateVelocity();
         this.velocity = this.initialVelocity.copy();
-        const decayOffset = 1;
-        this.moveDecay = decayOffset - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
+        this.moveDecay = Constants_js_1.decayOffset - (0, NumberUtils_js_1.getRangeValue)(this.options.move.decay);
         const particles = container.particles;
         particles.setLastZIndex(this.position.z);
         this.zIndexFactor = this.position.z / container.zLayers;

package/cjs/Core/Particles.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
+const Constants_js_1 = require("./Utils/Constants.js");
 const Utils_js_1 = require("../Utils/Utils.js");
 const EventType_js_1 = require("../Enums/Types/EventType.js");
 const InteractionManager_js_1 = require("./Utils/InteractionManager.js");
@@ -9,11 +10,9 @@ const Particle_js_1 = require("./Particle.js");
 const Point_js_1 = require("./Utils/Point.js");
 const QuadTree_js_1 = require("./Utils/QuadTree.js");
 const Ranges_js_1 = require("./Utils/Ranges.js");
-const Constants_js_1 = require("./Utils/Constants.js");
-const qTreeCapacity = 4, squareExp = 2, defaultRemoveQuantity = 1;
 const qTreeRectangle = (canvasSize) => {
-    const { height, width } = canvasSize, posOffset = -0.25, sizeFactor = 1.5;
-    return new Ranges_js_1.Rectangle(posOffset * width, posOffset * height, sizeFactor * width, sizeFactor * height);
+    const { height, width } = canvasSize;
+    return new Ranges_js_1.Rectangle(Constants_js_1.posOffset * width, Constants_js_1.posOffset * height, Constants_js_1.sizeFactor * width, Constants_js_1.sizeFactor * height);
 };
 class Particles {
     constructor(engine, container) {
@@ -31,7 +30,7 @@ class Particles {
                 }
                 return;
             }
-            const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, minLimit = 0, optParticlesLimit = numberOptions.limit.value > minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter(t => t.group === group).length);
+            const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > Constants_js_1.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter(t => t.group === group).length);
             if (group === undefined) {
                 this._limit = numberOptions.limit.value * densityFactor;
             }
@@ -46,12 +45,12 @@ class Particles {
             }
         };
         this._initDensityFactor = densityOptions => {
-            const container = this._container, defaultFactor = 1;
+            const container = this._container;
             if (!container.canvas.element || !densityOptions.enable) {
-                return defaultFactor;
+                return Constants_js_1.defaultDensityFactor;
             }
             const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;
-            return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** squareExp);
+            return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** Constants_js_1.squareExp);
         };
         this._pushParticle = (position, overrideOptions, group, initializer) => {
             try {
@@ -87,9 +86,9 @@ class Particles {
             if (!particle || particle.group !== group) {
                 return false;
             }
-            const zIdx = this._zArray.indexOf(particle), deleteCount = 1;
-            this._array.splice(index, deleteCount);
-            this._zArray.splice(zIdx, deleteCount);
+            const zIdx = this._zArray.indexOf(particle);
+            this._array.splice(index, Constants_js_1.deleteCount);
+            this._zArray.splice(zIdx, Constants_js_1.deleteCount);
             particle.destroy(override);
             this._engine.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
                 container: this._container,
@@ -113,7 +112,7 @@ class Particles {
         this._interactionManager = new InteractionManager_js_1.InteractionManager(engine, container);
         this._pluginsInitialized = false;
         const canvasSize = container.canvas.size;
-        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(canvasSize), qTreeCapacity);
+        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(canvasSize), Constants_js_1.qTreeCapacity);
         this.movers = [];
         this.updaters = [];
     }
@@ -125,12 +124,12 @@ class Particles {
         options.manualParticles.forEach(p => this.addParticle(p.position ? (0, Utils_js_1.getPosition)(p.position, container.canvas.size) : undefined, p.options));
     }
     addParticle(position, overrideOptions, group, initializer) {
-        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : (this._groupLimits.get(group) ?? this._limit), currentCount = this.count, minLimit = 0;
-        if (limit > minLimit) {
+        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : (this._groupLimits.get(group) ?? this._limit), currentCount = this.count;
+        if (limit > Constants_js_1.minLimit) {
             switch (limitMode) {
                 case LimitMode_js_1.LimitMode.delete: {
-                    const countOffset = 1, minCount = 0, countToRemove = currentCount + countOffset - limit;
-                    if (countToRemove > minCount) {
+                    const countToRemove = currentCount + Constants_js_1.countOffset - limit;
+                    if (countToRemove > Constants_js_1.minCount) {
                         this.removeQuantity(countToRemove);
                     }
                     break;
@@ -229,9 +228,8 @@ class Particles {
     remove(particle, group, override) {
         this.removeAt(this._array.indexOf(particle), undefined, group, override);
     }
-    removeAt(index, quantity = defaultRemoveQuantity, group, override) {
-        const minIndex = 0;
-        if (index < minIndex || index > this.count) {
+    removeAt(index, quantity = Constants_js_1.defaultRemoveQuantity, group, override) {
+        if (index < Constants_js_1.minIndex || index > this.count) {
             return;
         }
         let deleted = 0;
@@ -243,13 +241,12 @@ class Particles {
         }
     }
     removeQuantity(quantity, group) {
-        const defaultIndex = 0;
-        this.removeAt(defaultIndex, quantity, group);
+        this.removeAt(Constants_js_1.minIndex, quantity, group);
     }
     setDensity() {
-        const options = this._container.actualOptions, groups = options.particles.groups, manualCount = 0;
+        const options = this._container.actualOptions, groups = options.particles.groups;
         for (const group in groups) {
-            this._applyDensity(groups[group], manualCount, group);
+            this._applyDensity(groups[group], Constants_js_1.manualCount, group);
         }
         this._applyDensity(options.particles, options.manualParticles.length);
     }
@@ -262,7 +259,7 @@ class Particles {
     }
     update(delta) {
         const container = this._container, particlesToDelete = new Set();
-        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
+        this.quadTree = new QuadTree_js_1.QuadTree(qTreeRectangle(container.canvas.size), Constants_js_1.qTreeCapacity);
         for (const pathGenerator of container.pathGenerators.values()) {
             pathGenerator.update();
         }
@@ -323,8 +320,7 @@ class Particles {
         if (this._needsSort) {
             const zArray = this._zArray;
             zArray.sort((a, b) => b.position.z - a.position.z || a.id - b.id);
-            const lengthOffset = 1;
-            this._lastZIndex = zArray[zArray.length - lengthOffset].position.z;
+            this._lastZIndex = zArray[zArray.length - Constants_js_1.lengthOffset].position.z;
             this._needsSort = false;
         }
     }

package/cjs/Core/Retina.js

@@ -1,19 +1,19 @@
 "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/cjs/Core/Utils/Constants.js

@@ -1,19 +1,14 @@
 "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.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.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 = 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/cjs/Core/Utils/EventListeners.js

@@ -1,11 +1,10 @@
 "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 };
@@ -38,8 +37,7 @@ class EventListeners {
                 (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) => {
@@ -80,8 +78,7 @@ class EventListeners {
             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;
             }
@@ -241,8 +238,8 @@ class EventListeners {
                     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 {
@@ -262,10 +259,10 @@ class EventListeners {
             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/cjs/Core/Utils/QuadTree.js

@@ -2,17 +2,17 @@
 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/cjs/Core/Utils/Ranges.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 = {
@@ -25,12 +25,12 @@ class Circle extends BaseRange {
     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/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,
     };
 }