@tsparticles/particles 4.5.0 → 4.5.1

package/tsparticles.particles.bundle.js

@@ -1,6 +1,6 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
 (function (g) {
-/* tsParticles v4.5.0 */
+/* tsParticles v4.5.1 */
 g.__tsParticlesInternals = g.__tsParticlesInternals || {};
 g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
 (function (exports) {
@@ -737,12 +737,8 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
         }
         addEventListener(type, listener) {
             this.removeEventListener(type, listener);
-            let arr = this.#listeners.get(type);
-            if (!arr) {
-                arr = [];
-                this.#listeners.set(type, arr);
-            }
-            arr.push(listener);
+            const arr = this.#listeners.get(type);
+            this.#listeners.set(type, arr ? [...arr, listener] : [listener]);
         }
         dispatchEvent(type, args) {
             const listeners = this.#listeners.get(type);
@@ -774,7 +770,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
                 this.#listeners.delete(type);
             }
             else {
-                arr.splice(idx, deleteCount);
+                this.#listeners.set(type, [...arr.slice(minIndex, idx), ...arr.slice(idx + deleteCount)]);
             }
         }
     }
@@ -955,7 +951,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             return this.#domArray;
         }
         get version() {
-            return "4.5.0";
+            return "4.5.1";
         }
         addEventListener(type, listener) {
             this.#eventDispatcher.addEventListener(type, listener);
@@ -2521,7 +2517,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadBlendPlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addPlugin(new BlendPlugin());
         });
@@ -2558,7 +2554,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadCircleShape(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["circle"], () => {
                 return Promise.resolve(new CircleDrawer());
@@ -2606,7 +2602,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadHexColorPlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("hex", new HexColorManager());
         });
@@ -2659,7 +2655,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadHslColorPlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("hsl", new HslColorManager());
         });
@@ -2691,7 +2687,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadMovePlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
             addErrorMessages(ErrorMessages$2);
         }
@@ -2901,7 +2897,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadOpacityUpdater(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("opacity", container => {
                 return Promise.resolve(new OpacityUpdater(container));
@@ -3230,7 +3226,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadOutModesUpdater(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("outModes", container => {
                 return Promise.resolve(new OutOfCanvasUpdater(container));
@@ -3309,7 +3305,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadPaintUpdater(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("paint", container => {
                 return Promise.resolve(new PaintUpdater(e.pluginManager, container));
@@ -3364,7 +3360,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadRgbColorPlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("rgb", new RgbColorManager());
         });
@@ -3449,7 +3445,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadSizeUpdater(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("size", container => {
                 return Promise.resolve(new SizeUpdater(container));
@@ -3458,7 +3454,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadBasic(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(async (e) => {
             await Promise.all([
                 loadBlendPlugin(e),
@@ -3664,7 +3660,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     const clickEvent = "click", mouseDownEvent = "pointerdown", mouseUpEvent = "pointerup", mouseLeaveEvent = "pointerleave", mouseMoveEvent = "pointermove", touchStartEvent = "touchstart", touchEndEvent = "touchend", touchMoveEvent = "touchmove", touchCancelEvent = "touchcancel";
 
     async function loadInteractivityPlugin(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
             addErrorMessages(ErrorMessages$1);
         }
@@ -4116,7 +4112,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadParticlesCollisionsInteraction(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
             addErrorMessages(ErrorMessages);
         }
@@ -4176,6 +4172,30 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             }
             return false;
         }
+        query(grid) {
+            const { x, y } = this.position, { width, height } = this.#canvasSize, radius = this.radius, crossesLeft = x - radius <= originPoint.x, crossesRight = x + radius >= width, crossesTop = y - radius <= originPoint.y, crossesBottom = y + radius >= height;
+            if (!crossesLeft && !crossesRight && !crossesTop && !crossesBottom) {
+                return grid.query(this);
+            }
+            const xShifts = [originPoint.x], yShifts = [originPoint.y];
+            if (crossesLeft)
+                xShifts.push(width);
+            if (crossesRight)
+                xShifts.push(-width);
+            if (crossesTop)
+                yShifts.push(height);
+            if (crossesBottom)
+                yShifts.push(-height);
+            const particles = new Set();
+            for (const dx of xShifts) {
+                for (const dy of yShifts) {
+                    for (const particle of grid.queryCircle({ x: x + dx, y: y + dy }, radius)) {
+                        particles.add(particle);
+                    }
+                }
+            }
+            return [...particles];
+        }
     }
 
     class LinksShadow {
@@ -4285,7 +4305,9 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             if (pos1.x < originPoint.x || pos1.y < originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {
                 return;
             }
-            const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance$1, warp = linkOpt1.warp, range = warp ? new CircleWarp(pos1.x, pos1.y, optDistance, canvasSize) : new Circle(pos1.x, pos1.y, optDistance), query = container.particles.grid.query(range);
+            const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance$1, warp = linkOpt1.warp, query = (warp
+                ? new CircleWarp(pos1.x, pos1.y, optDistance, canvasSize).query(container.particles.grid)
+                : container.particles.grid.queryCircle(pos1, optDistance));
             for (const p2 of query) {
                 const linkOpt2 = p2.options.links;
                 if (p1 === p2 ||
@@ -4373,7 +4395,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     }
 
     async function loadParticlesLinksInteraction(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register((e) => {
             const pluginManager = e.pluginManager;
             ensureInteractivityPluginLoaded(e);
@@ -4386,7 +4408,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
 
     let initPromise = null;
     async function doInitPlugins(engine) {
-        engine.checkVersion("4.5.0");
+        engine.checkVersion("4.5.1");
         await engine.pluginManager.register(async (e) => {
             const loadParticlesInteractivity = async (e) => {
                 await loadInteractivityPlugin(e);
@@ -4429,7 +4451,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
     particles.init = async () => {
         await initPlugins(tsParticles);
     };
-    particles.version = "4.5.0";
+    particles.version = "4.5.1";
     globalThis.particles = particles;
 
     const globalObject = globalThis;
@@ -5356,6 +5378,10 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             this.#manageListeners(true);
         }
         removeListeners() {
+            if (this.#resizeTimeout !== undefined) {
+                clearTimeout(this.#resizeTimeout);
+                this.#resizeTimeout = undefined;
+            }
             this.#manageListeners(false);
         }
         #handleVisibilityChange() {
@@ -6010,14 +6036,22 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             return out;
         }
         queryCircle(position, radius, check, out = []) {
-            const circle = this.#acquireCircle(position.x, position.y, radius), result = this.query(circle, check, out);
-            this.#releaseShapes();
-            return result;
+            const circle = this.#acquireCircle(position.x, position.y, radius);
+            try {
+                return this.query(circle, check, out);
+            }
+            finally {
+                this.#circlePoolIdx--;
+            }
         }
         queryRectangle(position, size, check, out = []) {
-            const rect = this.#acquireRectangle(position.x, position.y, size.width, size.height), result = this.query(rect, check, out);
-            this.#releaseShapes();
-            return result;
+            const rect = this.#acquireRectangle(position.x, position.y, size.width, size.height);
+            try {
+                return this.query(rect, check, out);
+            }
+            finally {
+                this.#rectanglePoolIdx--;
+            }
         }
         #acquireCircle(x, y, r) {
             const idx = this.#circlePoolIdx++;
@@ -6076,10 +6110,6 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
                 }
             }
         }
-        #releaseShapes() {
-            this.#circlePoolIdx = 0;
-            this.#rectanglePoolIdx = 0;
-        }
     }
 
     class ParticlesManager {
@@ -6627,6 +6657,7 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
         started;
         zLayers;
         #delay;
+        #delayResolve;
         #delayTimeout;
         #delta = { value: 0, factor: 0 };
         #dispatchCallback;
@@ -6865,7 +6896,10 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             await this.init();
             this.started = true;
             await new Promise(resolve => {
+                this.#delayResolve = resolve;
                 const start = async () => {
+                    this.#delayTimeout = undefined;
+                    this.#delayResolve = undefined;
                     this.#eventListeners.addListeners();
                     for (const plugin of this.plugins) {
                         await plugin.start?.();
@@ -6881,9 +6915,11 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             if (!guardCheck(this) || !this.started) {
                 return;
             }
-            if (this.#delayTimeout) {
+            if (this.#delayTimeout !== undefined) {
                 clearTimeout(this.#delayTimeout);
                 this.#delayTimeout = undefined;
+                this.#delayResolve?.();
+                this.#delayResolve = undefined;
             }
             this.#firstStart = true;
             this.started = false;
@@ -7347,7 +7383,9 @@ g.__tsParticlesInternals.bundles = g.__tsParticlesInternals.bundles || {};
             manageListener(interactivityEl, mouseMoveEvent, handlers.mouseMove, add);
             manageListener(interactivityEl, touchStartEvent, handlers.touchStart, add);
             manageListener(interactivityEl, touchMoveEvent, handlers.touchMove, add);
-            manageListener(interactivityEl, touchEndEvent, options.interactivity?.events.onClick.enable ? handlers.touchEndClick : handlers.touchEnd, add);
+            const onClickEnabled = !!options.interactivity?.events.onClick.enable;
+            manageListener(interactivityEl, touchEndEvent, handlers.touchEndClick, add && onClickEnabled);
+            manageListener(interactivityEl, touchEndEvent, handlers.touchEnd, add && !onClickEnabled);
             manageListener(interactivityEl, mouseUpEvent, handlers.mouseUp, add);
             manageListener(interactivityEl, mouseDownEvent, handlers.mouseDown, add);
             manageListener(interactivityEl, mouseLeaveEvent, handlers.mouseLeave, add);