npm - @tsparticles/updater-out-modes - Versions diffs - 3.0.3 → 3.1.0 - Mend

@tsparticles/updater-out-modes 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/browser/DestroyOutMode.js +5 -4
package/browser/NoneOutMode.js +6 -5
package/browser/OutOfCanvasUpdater.js +1 -1
package/browser/OutOutMode.js +5 -1
package/browser/Utils.js +13 -8
package/cjs/DestroyOutMode.js +5 -4
package/cjs/NoneOutMode.js +6 -5
package/cjs/OutOfCanvasUpdater.js +1 -1
package/cjs/OutOutMode.js +5 -1
package/cjs/Utils.js +13 -8
package/esm/DestroyOutMode.js +5 -4
package/esm/NoneOutMode.js +6 -5
package/esm/OutOfCanvasUpdater.js +1 -1
package/esm/OutOutMode.js +5 -1
package/esm/Utils.js +13 -8
package/package.json +2 -2
package/report.html +2 -2
package/tsparticles.updater.out-modes.js +18 -12
package/tsparticles.updater.out-modes.min.js +1 -1
package/tsparticles.updater.out-modes.min.js.LICENSE.txt +1 -1
package/types/OutOfCanvasUpdater.d.ts +1 -1
package/umd/DestroyOutMode.js +5 -4
package/umd/NoneOutMode.js +6 -5
package/umd/OutOfCanvasUpdater.js +1 -1
package/umd/OutOutMode.js +5 -1
package/umd/Utils.js +13 -8

package/browser/DestroyOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, getDistances, isPointInside, } from "@tsparticles/engine";
+const minVelocity = 0;
 export class DestroyOutMode {
     constructor(container) {
         this.container = container;
@@ -19,10 +20,10 @@ export class DestroyOutMode {
             case "inside": {
                 const { dx, dy } = getDistances(particle.position, particle.moveCenter);
                 const { x: vx, y: vy } = particle.velocity;
-                if ((vx < 0 && dx > particle.moveCenter.radius) ||
-                    (vy < 0 && dy > particle.moveCenter.radius) ||
-                    (vx >= 0 && dx < -particle.moveCenter.radius) ||
-                    (vy >= 0 && dy < -particle.moveCenter.radius)) {
+                if ((vx < minVelocity && dx > particle.moveCenter.radius) ||
+                    (vy < minVelocity && dy > particle.moveCenter.radius) ||
+                    (vx >= minVelocity && dx < -particle.moveCenter.radius) ||
+                    (vy >= minVelocity && dy < -particle.moveCenter.radius)) {
                     return;
                 }
                 break;

package/browser/NoneOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, isPointInside, } from "@tsparticles/engine";
+const minVelocity = 0;
 export class NoneOutMode {
     constructor(container) {
         this.container = container;
@@ -9,7 +10,7 @@ export class NoneOutMode {
             return;
         }
         if ((particle.options.move.distance.horizontal &&
-            (direction === "left" || direction === "right")) ||
+            (direction === "left" || direction === "right")) ??
             (particle.options.move.distance.vertical &&
                 (direction === "top" || direction === "bottom"))) {
             return;
@@ -18,10 +19,10 @@ export class NoneOutMode {
         const canvasSize = container.canvas.size;
         const pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
-            if ((particle.velocity.y > 0 && particle.position.y <= canvasSize.height + pRadius) ||
-                (particle.velocity.y < 0 && particle.position.y >= -pRadius) ||
-                (particle.velocity.x > 0 && particle.position.x <= canvasSize.width + pRadius) ||
-                (particle.velocity.x < 0 && particle.position.x >= -pRadius)) {
+            if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
+                (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||
+                (particle.velocity.x > minVelocity && particle.position.x <= canvasSize.width + pRadius) ||
+                (particle.velocity.x < minVelocity && particle.position.x >= -pRadius)) {
                 return;
             }
             if (!isPointInside(particle.position, container.canvas.size, Vector.origin, pRadius, direction)) {

package/browser/OutOfCanvasUpdater.js CHANGED Viewed

@@ -4,12 +4,12 @@ import { NoneOutMode } from "./NoneOutMode.js";
 import { OutOutMode } from "./OutOutMode.js";
 export class OutOfCanvasUpdater {
     constructor(container) {
-        this.container = container;
         this._updateOutMode = (particle, delta, outMode, direction) => {
             for (const updater of this.updaters) {
                 updater.update(particle, direction, delta, outMode);
             }
         };
+        this.container = container;
         this.updaters = [
             new BounceOutMode(container),
             new DestroyOutMode(container),

package/browser/OutOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, calculateBounds, getDistances, getRandom, isPointInside, randomInRange, } from "@tsparticles/engine";
+const minVelocity = 0, minDistance = 0;
 export class OutOutMode {
     constructor(container) {
         this.container = container;
@@ -17,7 +18,10 @@ export class OutOutMode {
                 circVec.angle = particle.velocity.angle + Math.PI;
                 circVec.addTo(Vector.create(particle.moveCenter));
                 const { dx, dy } = getDistances(particle.position, circVec);
-                if ((vx <= 0 && dx >= 0) || (vy <= 0 && dy >= 0) || (vx >= 0 && dx <= 0) || (vy >= 0 && dy <= 0)) {
+                if ((vx <= minVelocity && dx >= minDistance) ||
+                    (vy <= minVelocity && dy >= minDistance) ||
+                    (vx >= minVelocity && dx <= minDistance) ||
+                    (vy >= minVelocity && dy <= minDistance)) {
                     return;
                 }
                 particle.position.x = Math.floor(randomInRange({

package/browser/Utils.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { getRangeValue } from "@tsparticles/engine";
+const minVelocity = 0, boundsMin = 0;
 export function bounceHorizontal(data) {
     if ((data.outMode !== "bounce" &&
         data.outMode !== "bounce-horizontal" &&
@@ -7,7 +8,7 @@ export function bounceHorizontal(data) {
         (data.direction !== "left" && data.direction !== "right")) {
         return;
     }
-    if (data.bounds.right < 0 && data.direction === "left") {
+    if (data.bounds.right < boundsMin && data.direction === "left") {
         data.particle.position.x = data.size + data.offset.x;
     }
     else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
@@ -15,8 +16,10 @@ export function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0) ||
-        (data.direction === "left" && data.bounds.left <= 0 && velocity < 0)) {
+    if ((data.direction === "right" &&
+        data.bounds.right >= data.canvasSize.width &&
+        velocity > minVelocity) ||
+        (data.direction === "left" && data.bounds.left <= boundsMin && velocity < minVelocity)) {
         const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -28,7 +31,7 @@ export function bounceHorizontal(data) {
     if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= 0 && data.direction === "left") {
+    else if (data.bounds.left <= boundsMin && data.direction === "left") {
         data.particle.position.x = minPos;
     }
     if (data.outMode === "split") {
@@ -43,7 +46,7 @@ export function bounceVertical(data) {
         (data.direction !== "bottom" && data.direction !== "top")) {
         return;
     }
-    if (data.bounds.bottom < 0 && data.direction === "top") {
+    if (data.bounds.bottom < boundsMin && data.direction === "top") {
         data.particle.position.y = data.size + data.offset.y;
     }
     else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
@@ -51,8 +54,10 @@ export function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0) ||
-        (data.direction === "top" && data.bounds.top <= 0 && velocity < 0)) {
+    if ((data.direction === "bottom" &&
+        data.bounds.bottom >= data.canvasSize.height &&
+        velocity > minVelocity) ||
+        (data.direction === "top" && data.bounds.top <= boundsMin && velocity < minVelocity)) {
         const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -64,7 +69,7 @@ export function bounceVertical(data) {
     if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= 0 && data.direction === "top") {
+    else if (data.bounds.top <= boundsMin && data.direction === "top") {
         data.particle.position.y = minPos;
     }
     if (data.outMode === "split") {

package/cjs/DestroyOutMode.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DestroyOutMode = void 0;
 const engine_1 = require("@tsparticles/engine");
+const minVelocity = 0;
 class DestroyOutMode {
     constructor(container) {
         this.container = container;
@@ -22,10 +23,10 @@ class DestroyOutMode {
             case "inside": {
                 const { dx, dy } = (0, engine_1.getDistances)(particle.position, particle.moveCenter);
                 const { x: vx, y: vy } = particle.velocity;
-                if ((vx < 0 && dx > particle.moveCenter.radius) ||
-                    (vy < 0 && dy > particle.moveCenter.radius) ||
-                    (vx >= 0 && dx < -particle.moveCenter.radius) ||
-                    (vy >= 0 && dy < -particle.moveCenter.radius)) {
+                if ((vx < minVelocity && dx > particle.moveCenter.radius) ||
+                    (vy < minVelocity && dy > particle.moveCenter.radius) ||
+                    (vx >= minVelocity && dx < -particle.moveCenter.radius) ||
+                    (vy >= minVelocity && dy < -particle.moveCenter.radius)) {
                     return;
                 }
                 break;

package/cjs/NoneOutMode.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoneOutMode = void 0;
 const engine_1 = require("@tsparticles/engine");
+const minVelocity = 0;
 class NoneOutMode {
     constructor(container) {
         this.container = container;
@@ -12,7 +13,7 @@ class NoneOutMode {
             return;
         }
         if ((particle.options.move.distance.horizontal &&
-            (direction === "left" || direction === "right")) ||
+            (direction === "left" || direction === "right")) ??
             (particle.options.move.distance.vertical &&
                 (direction === "top" || direction === "bottom"))) {
             return;
@@ -21,10 +22,10 @@ class NoneOutMode {
         const canvasSize = container.canvas.size;
         const pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
-            if ((particle.velocity.y > 0 && particle.position.y <= canvasSize.height + pRadius) ||
-                (particle.velocity.y < 0 && particle.position.y >= -pRadius) ||
-                (particle.velocity.x > 0 && particle.position.x <= canvasSize.width + pRadius) ||
-                (particle.velocity.x < 0 && particle.position.x >= -pRadius)) {
+            if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
+                (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||
+                (particle.velocity.x > minVelocity && particle.position.x <= canvasSize.width + pRadius) ||
+                (particle.velocity.x < minVelocity && particle.position.x >= -pRadius)) {
                 return;
             }
             if (!(0, engine_1.isPointInside)(particle.position, container.canvas.size, engine_1.Vector.origin, pRadius, direction)) {

package/cjs/OutOfCanvasUpdater.js CHANGED Viewed

@@ -7,12 +7,12 @@ const NoneOutMode_js_1 = require("./NoneOutMode.js");
 const OutOutMode_js_1 = require("./OutOutMode.js");
 class OutOfCanvasUpdater {
     constructor(container) {
-        this.container = container;
         this._updateOutMode = (particle, delta, outMode, direction) => {
             for (const updater of this.updaters) {
                 updater.update(particle, direction, delta, outMode);
             }
         };
+        this.container = container;
         this.updaters = [
             new BounceOutMode_js_1.BounceOutMode(container),
             new DestroyOutMode_js_1.DestroyOutMode(container),

package/cjs/OutOutMode.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutOutMode = void 0;
 const engine_1 = require("@tsparticles/engine");
+const minVelocity = 0, minDistance = 0;
 class OutOutMode {
     constructor(container) {
         this.container = container;
@@ -20,7 +21,10 @@ class OutOutMode {
                 circVec.angle = particle.velocity.angle + Math.PI;
                 circVec.addTo(engine_1.Vector.create(particle.moveCenter));
                 const { dx, dy } = (0, engine_1.getDistances)(particle.position, circVec);
-                if ((vx <= 0 && dx >= 0) || (vy <= 0 && dy >= 0) || (vx >= 0 && dx <= 0) || (vy >= 0 && dy <= 0)) {
+                if ((vx <= minVelocity && dx >= minDistance) ||
+                    (vy <= minVelocity && dy >= minDistance) ||
+                    (vx >= minVelocity && dx <= minDistance) ||
+                    (vy >= minVelocity && dy <= minDistance)) {
                     return;
                 }
                 particle.position.x = Math.floor((0, engine_1.randomInRange)({

package/cjs/Utils.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.bounceVertical = exports.bounceHorizontal = void 0;
 const engine_1 = require("@tsparticles/engine");
+const minVelocity = 0, boundsMin = 0;
 function bounceHorizontal(data) {
     if ((data.outMode !== "bounce" &&
         data.outMode !== "bounce-horizontal" &&
@@ -10,7 +11,7 @@ function bounceHorizontal(data) {
         (data.direction !== "left" && data.direction !== "right")) {
         return;
     }
-    if (data.bounds.right < 0 && data.direction === "left") {
+    if (data.bounds.right < boundsMin && data.direction === "left") {
         data.particle.position.x = data.size + data.offset.x;
     }
     else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
@@ -18,8 +19,10 @@ function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0) ||
-        (data.direction === "left" && data.bounds.left <= 0 && velocity < 0)) {
+    if ((data.direction === "right" &&
+        data.bounds.right >= data.canvasSize.width &&
+        velocity > minVelocity) ||
+        (data.direction === "left" && data.bounds.left <= boundsMin && velocity < minVelocity)) {
         const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -31,7 +34,7 @@ function bounceHorizontal(data) {
     if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= 0 && data.direction === "left") {
+    else if (data.bounds.left <= boundsMin && data.direction === "left") {
         data.particle.position.x = minPos;
     }
     if (data.outMode === "split") {
@@ -47,7 +50,7 @@ function bounceVertical(data) {
         (data.direction !== "bottom" && data.direction !== "top")) {
         return;
     }
-    if (data.bounds.bottom < 0 && data.direction === "top") {
+    if (data.bounds.bottom < boundsMin && data.direction === "top") {
         data.particle.position.y = data.size + data.offset.y;
     }
     else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
@@ -55,8 +58,10 @@ function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0) ||
-        (data.direction === "top" && data.bounds.top <= 0 && velocity < 0)) {
+    if ((data.direction === "bottom" &&
+        data.bounds.bottom >= data.canvasSize.height &&
+        velocity > minVelocity) ||
+        (data.direction === "top" && data.bounds.top <= boundsMin && velocity < minVelocity)) {
         const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -68,7 +73,7 @@ function bounceVertical(data) {
     if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= 0 && data.direction === "top") {
+    else if (data.bounds.top <= boundsMin && data.direction === "top") {
         data.particle.position.y = minPos;
     }
     if (data.outMode === "split") {

package/esm/DestroyOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, getDistances, isPointInside, } from "@tsparticles/engine";
+const minVelocity = 0;
 export class DestroyOutMode {
     constructor(container) {
         this.container = container;
@@ -19,10 +20,10 @@ export class DestroyOutMode {
             case "inside": {
                 const { dx, dy } = getDistances(particle.position, particle.moveCenter);
                 const { x: vx, y: vy } = particle.velocity;
-                if ((vx < 0 && dx > particle.moveCenter.radius) ||
-                    (vy < 0 && dy > particle.moveCenter.radius) ||
-                    (vx >= 0 && dx < -particle.moveCenter.radius) ||
-                    (vy >= 0 && dy < -particle.moveCenter.radius)) {
+                if ((vx < minVelocity && dx > particle.moveCenter.radius) ||
+                    (vy < minVelocity && dy > particle.moveCenter.radius) ||
+                    (vx >= minVelocity && dx < -particle.moveCenter.radius) ||
+                    (vy >= minVelocity && dy < -particle.moveCenter.radius)) {
                     return;
                 }
                 break;

package/esm/NoneOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, isPointInside, } from "@tsparticles/engine";
+const minVelocity = 0;
 export class NoneOutMode {
     constructor(container) {
         this.container = container;
@@ -9,7 +10,7 @@ export class NoneOutMode {
             return;
         }
         if ((particle.options.move.distance.horizontal &&
-            (direction === "left" || direction === "right")) ||
+            (direction === "left" || direction === "right")) ??
             (particle.options.move.distance.vertical &&
                 (direction === "top" || direction === "bottom"))) {
             return;
@@ -18,10 +19,10 @@ export class NoneOutMode {
         const canvasSize = container.canvas.size;
         const pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
-            if ((particle.velocity.y > 0 && particle.position.y <= canvasSize.height + pRadius) ||
-                (particle.velocity.y < 0 && particle.position.y >= -pRadius) ||
-                (particle.velocity.x > 0 && particle.position.x <= canvasSize.width + pRadius) ||
-                (particle.velocity.x < 0 && particle.position.x >= -pRadius)) {
+            if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
+                (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||
+                (particle.velocity.x > minVelocity && particle.position.x <= canvasSize.width + pRadius) ||
+                (particle.velocity.x < minVelocity && particle.position.x >= -pRadius)) {
                 return;
             }
             if (!isPointInside(particle.position, container.canvas.size, Vector.origin, pRadius, direction)) {

package/esm/OutOfCanvasUpdater.js CHANGED Viewed

@@ -4,12 +4,12 @@ import { NoneOutMode } from "./NoneOutMode.js";
 import { OutOutMode } from "./OutOutMode.js";
 export class OutOfCanvasUpdater {
     constructor(container) {
-        this.container = container;
         this._updateOutMode = (particle, delta, outMode, direction) => {
             for (const updater of this.updaters) {
                 updater.update(particle, direction, delta, outMode);
             }
         };
+        this.container = container;
         this.updaters = [
             new BounceOutMode(container),
             new DestroyOutMode(container),

package/esm/OutOutMode.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Vector, calculateBounds, getDistances, getRandom, isPointInside, randomInRange, } from "@tsparticles/engine";
+const minVelocity = 0, minDistance = 0;
 export class OutOutMode {
     constructor(container) {
         this.container = container;
@@ -17,7 +18,10 @@ export class OutOutMode {
                 circVec.angle = particle.velocity.angle + Math.PI;
                 circVec.addTo(Vector.create(particle.moveCenter));
                 const { dx, dy } = getDistances(particle.position, circVec);
-                if ((vx <= 0 && dx >= 0) || (vy <= 0 && dy >= 0) || (vx >= 0 && dx <= 0) || (vy >= 0 && dy <= 0)) {
+                if ((vx <= minVelocity && dx >= minDistance) ||
+                    (vy <= minVelocity && dy >= minDistance) ||
+                    (vx >= minVelocity && dx <= minDistance) ||
+                    (vy >= minVelocity && dy <= minDistance)) {
                     return;
                 }
                 particle.position.x = Math.floor(randomInRange({

package/esm/Utils.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { getRangeValue } from "@tsparticles/engine";
+const minVelocity = 0, boundsMin = 0;
 export function bounceHorizontal(data) {
     if ((data.outMode !== "bounce" &&
         data.outMode !== "bounce-horizontal" &&
@@ -7,7 +8,7 @@ export function bounceHorizontal(data) {
         (data.direction !== "left" && data.direction !== "right")) {
         return;
     }
-    if (data.bounds.right < 0 && data.direction === "left") {
+    if (data.bounds.right < boundsMin && data.direction === "left") {
         data.particle.position.x = data.size + data.offset.x;
     }
     else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
@@ -15,8 +16,10 @@ export function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0) ||
-        (data.direction === "left" && data.bounds.left <= 0 && velocity < 0)) {
+    if ((data.direction === "right" &&
+        data.bounds.right >= data.canvasSize.width &&
+        velocity > minVelocity) ||
+        (data.direction === "left" && data.bounds.left <= boundsMin && velocity < minVelocity)) {
         const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -28,7 +31,7 @@ export function bounceHorizontal(data) {
     if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= 0 && data.direction === "left") {
+    else if (data.bounds.left <= boundsMin && data.direction === "left") {
         data.particle.position.x = minPos;
     }
     if (data.outMode === "split") {
@@ -43,7 +46,7 @@ export function bounceVertical(data) {
         (data.direction !== "bottom" && data.direction !== "top")) {
         return;
     }
-    if (data.bounds.bottom < 0 && data.direction === "top") {
+    if (data.bounds.bottom < boundsMin && data.direction === "top") {
         data.particle.position.y = data.size + data.offset.y;
     }
     else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
@@ -51,8 +54,10 @@ export function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0) ||
-        (data.direction === "top" && data.bounds.top <= 0 && velocity < 0)) {
+    if ((data.direction === "bottom" &&
+        data.bounds.bottom >= data.canvasSize.height &&
+        velocity > minVelocity) ||
+        (data.direction === "top" && data.bounds.top <= boundsMin && velocity < minVelocity)) {
         const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -64,7 +69,7 @@ export function bounceVertical(data) {
     if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= 0 && data.direction === "top") {
+    else if (data.bounds.top <= boundsMin && data.direction === "top") {
         data.particle.position.y = minPos;
     }
     if (data.outMode === "split") {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-out-modes",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "tsParticles particles out modes updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,7 +87,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.3"
+    "@tsparticles/engine": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/updater-out-modes [26 Dec 2023 at 19:32]</title>
+    <title>@tsparticles/updater-out-modes [13 Jan 2024 at 23:08]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.updater.out-modes.js","isAsset":true,"statSize":13062,"parsedSize":17066,"gzipSize":3419,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":13020,"groups":[{"id":1,"label":"index.js + 6 modules (concatenated)","path":"./dist/browser/index.js + 6 modules (concatenated)","statSize":13020,"parsedSize":17066,"gzipSize":3419,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser","statSize":13020,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/index.js","statSize":235,"parsedSize":308,"gzipSize":61,"inaccurateSizes":true},{"id":null,"label":"OutOfCanvasUpdater.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/OutOfCanvasUpdater.js","statSize":1149,"parsedSize":1506,"gzipSize":301,"inaccurateSizes":true},{"id":null,"label":"BounceOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/BounceOutMode.js","statSize":1230,"parsedSize":1612,"gzipSize":322,"inaccurateSizes":true},{"id":null,"label":"DestroyOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/DestroyOutMode.js","statSize":1146,"parsedSize":1502,"gzipSize":300,"inaccurateSizes":true},{"id":null,"label":"OutOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/OutOutMode.js","statSize":5027,"parsedSize":6589,"gzipSize":1320,"inaccurateSizes":true},{"id":null,"label":"NoneOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/NoneOutMode.js","statSize":1498,"parsedSize":1963,"gzipSize":393,"inaccurateSizes":true},{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/Utils.js","statSize":2735,"parsedSize":3584,"gzipSize":718,"inaccurateSizes":true}],"parsedSize":17066,"gzipSize":3419,"inaccurateSizes":true}]}],"parsedSize":17066,"gzipSize":3419},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.updater.out-modes":true}}];
+      window.chartData = [{"label":"tsparticles.updater.out-modes.js","isAsset":true,"statSize":13442,"parsedSize":17636,"gzipSize":3492,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":13400,"groups":[{"id":421,"label":"index.js + 6 modules (concatenated)","path":"./dist/browser/index.js + 6 modules (concatenated)","statSize":13400,"parsedSize":17636,"gzipSize":3492,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser","statSize":13400,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/index.js","statSize":235,"parsedSize":309,"gzipSize":61,"inaccurateSizes":true},{"id":null,"label":"OutOfCanvasUpdater.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/OutOfCanvasUpdater.js","statSize":1149,"parsedSize":1512,"gzipSize":299,"inaccurateSizes":true},{"id":null,"label":"BounceOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/BounceOutMode.js","statSize":1230,"parsedSize":1618,"gzipSize":320,"inaccurateSizes":true},{"id":null,"label":"DestroyOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/DestroyOutMode.js","statSize":1209,"parsedSize":1591,"gzipSize":315,"inaccurateSizes":true},{"id":null,"label":"OutOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/OutOutMode.js","statSize":5149,"parsedSize":6776,"gzipSize":1341,"inaccurateSizes":true},{"id":null,"label":"NoneOutMode.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/NoneOutMode.js","statSize":1565,"parsedSize":2059,"gzipSize":407,"inaccurateSizes":true},{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 6 modules (concatenated)/dist/browser/Utils.js","statSize":2863,"parsedSize":3768,"gzipSize":746,"inaccurateSizes":true}],"parsedSize":17636,"gzipSize":3492,"inaccurateSizes":true}]}],"parsedSize":17636,"gzipSize":3492},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.updater.out-modes":true}}];
       window.entrypoints = ["tsparticles.updater.out-modes","tsparticles.updater.out-modes.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.updater.out-modes.js CHANGED Viewed

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.3
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -98,18 +98,20 @@ __webpack_require__.d(__webpack_exports__, {
 var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/Utils.js
+const minVelocity = 0,
+  boundsMin = 0;
 function bounceHorizontal(data) {
   if (data.outMode !== "bounce" && data.outMode !== "bounce-horizontal" && data.outMode !== "bounceHorizontal" && data.outMode !== "split" || data.direction !== "left" && data.direction !== "right") {
     return;
   }
-  if (data.bounds.right < 0 && data.direction === "left") {
+  if (data.bounds.right < boundsMin && data.direction === "left") {
     data.particle.position.x = data.size + data.offset.x;
   } else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
     data.particle.position.x = data.canvasSize.width - data.size - data.offset.x;
   }
   const velocity = data.particle.velocity.x;
   let bounced = false;
-  if (data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0 || data.direction === "left" && data.bounds.left <= 0 && velocity < 0) {
+  if (data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > minVelocity || data.direction === "left" && data.bounds.left <= boundsMin && velocity < minVelocity) {
     const newVelocity = (0,engine_root_window_.getRangeValue)(data.particle.options.bounce.horizontal.value);
     data.particle.velocity.x *= -newVelocity;
     bounced = true;
@@ -120,7 +122,7 @@ function bounceHorizontal(data) {
   const minPos = data.offset.x + data.size;
   if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
     data.particle.position.x = data.canvasSize.width - minPos;
-  } else if (data.bounds.left <= 0 && data.direction === "left") {
+  } else if (data.bounds.left <= boundsMin && data.direction === "left") {
     data.particle.position.x = minPos;
   }
   if (data.outMode === "split") {
@@ -131,14 +133,14 @@ function bounceVertical(data) {
   if (data.outMode !== "bounce" && data.outMode !== "bounce-vertical" && data.outMode !== "bounceVertical" && data.outMode !== "split" || data.direction !== "bottom" && data.direction !== "top") {
     return;
   }
-  if (data.bounds.bottom < 0 && data.direction === "top") {
+  if (data.bounds.bottom < boundsMin && data.direction === "top") {
     data.particle.position.y = data.size + data.offset.y;
   } else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
     data.particle.position.y = data.canvasSize.height - data.size - data.offset.y;
   }
   const velocity = data.particle.velocity.y;
   let bounced = false;
-  if (data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0 || data.direction === "top" && data.bounds.top <= 0 && velocity < 0) {
+  if (data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > minVelocity || data.direction === "top" && data.bounds.top <= boundsMin && velocity < minVelocity) {
     const newVelocity = (0,engine_root_window_.getRangeValue)(data.particle.options.bounce.vertical.value);
     data.particle.velocity.y *= -newVelocity;
     bounced = true;
@@ -149,7 +151,7 @@ function bounceVertical(data) {
   const minPos = data.offset.y + data.size;
   if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
     data.particle.position.y = data.canvasSize.height - minPos;
-  } else if (data.bounds.top <= 0 && data.direction === "top") {
+  } else if (data.bounds.top <= boundsMin && data.direction === "top") {
     data.particle.position.y = minPos;
   }
   if (data.outMode === "split") {
@@ -208,6 +210,7 @@ class BounceOutMode {
 }
 ;// CONCATENATED MODULE: ./dist/browser/DestroyOutMode.js
+const DestroyOutMode_minVelocity = 0;
 class DestroyOutMode {
   constructor(container) {
     this.container = container;
@@ -235,7 +238,7 @@ class DestroyOutMode {
             x: vx,
             y: vy
           } = particle.velocity;
-          if (vx < 0 && dx > particle.moveCenter.radius || vy < 0 && dy > particle.moveCenter.radius || vx >= 0 && dx < -particle.moveCenter.radius || vy >= 0 && dy < -particle.moveCenter.radius) {
+          if (vx < DestroyOutMode_minVelocity && dx > particle.moveCenter.radius || vy < DestroyOutMode_minVelocity && dy > particle.moveCenter.radius || vx >= DestroyOutMode_minVelocity && dx < -particle.moveCenter.radius || vy >= DestroyOutMode_minVelocity && dy < -particle.moveCenter.radius) {
             return;
           }
           break;
@@ -246,6 +249,7 @@ class DestroyOutMode {
 }
 ;// CONCATENATED MODULE: ./dist/browser/NoneOutMode.js
+const NoneOutMode_minVelocity = 0;
 class NoneOutMode {
   constructor(container) {
     this.container = container;
@@ -255,7 +259,7 @@ class NoneOutMode {
     if (!this.modes.includes(outMode)) {
       return;
     }
-    if (particle.options.move.distance.horizontal && (direction === "left" || direction === "right") || particle.options.move.distance.vertical && (direction === "top" || direction === "bottom")) {
+    if ((particle.options.move.distance.horizontal && (direction === "left" || direction === "right")) ?? (particle.options.move.distance.vertical && (direction === "top" || direction === "bottom"))) {
       return;
     }
     const gravityOptions = particle.options.move.gravity,
@@ -263,7 +267,7 @@ class NoneOutMode {
     const canvasSize = container.canvas.size;
     const pRadius = particle.getRadius();
     if (!gravityOptions.enable) {
-      if (particle.velocity.y > 0 && particle.position.y <= canvasSize.height + pRadius || particle.velocity.y < 0 && particle.position.y >= -pRadius || particle.velocity.x > 0 && particle.position.x <= canvasSize.width + pRadius || particle.velocity.x < 0 && particle.position.x >= -pRadius) {
+      if (particle.velocity.y > NoneOutMode_minVelocity && particle.position.y <= canvasSize.height + pRadius || particle.velocity.y < NoneOutMode_minVelocity && particle.position.y >= -pRadius || particle.velocity.x > NoneOutMode_minVelocity && particle.position.x <= canvasSize.width + pRadius || particle.velocity.x < NoneOutMode_minVelocity && particle.position.x >= -pRadius) {
         return;
       }
       if (!(0,engine_root_window_.isPointInside)(particle.position, container.canvas.size, engine_root_window_.Vector.origin, pRadius, direction)) {
@@ -279,6 +283,8 @@ class NoneOutMode {
 }
 ;// CONCATENATED MODULE: ./dist/browser/OutOutMode.js
+const OutOutMode_minVelocity = 0,
+  minDistance = 0;
 class OutOutMode {
   constructor(container) {
     this.container = container;
@@ -304,7 +310,7 @@ class OutOutMode {
             dx,
             dy
           } = (0,engine_root_window_.getDistances)(particle.position, circVec);
-          if (vx <= 0 && dx >= 0 || vy <= 0 && dy >= 0 || vx >= 0 && dx <= 0 || vy >= 0 && dy <= 0) {
+          if (vx <= OutOutMode_minVelocity && dx >= minDistance || vy <= OutOutMode_minVelocity && dy >= minDistance || vx >= OutOutMode_minVelocity && dx <= minDistance || vy >= OutOutMode_minVelocity && dy <= minDistance) {
             return;
           }
           particle.position.x = Math.floor((0,engine_root_window_.randomInRange)({
@@ -406,12 +412,12 @@ class OutOutMode {
 class OutOfCanvasUpdater {
   constructor(container) {
-    this.container = container;
     this._updateOutMode = (particle, delta, outMode, direction) => {
       for (const updater of this.updaters) {
         updater.update(particle, direction, delta, outMode);
       }
     };
+    this.container = container;
     this.updaters = [new BounceOutMode(container), new DestroyOutMode(container), new OutOutMode(container), new NoneOutMode(container)];
   }
   init() {}

package/tsparticles.updater.out-modes.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.updater.out-modes.min.js.LICENSE.txt */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var n=o[t];if(void 0!==n)return n.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{loadOutModesUpdater:()=>c});var t=i(533);class e{constructor(t){this.container=t,this.modes=["bounce","bounce-vertical","bounce-horizontal","bounceVertical","bounceHorizontal","split"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;let r=!1;for(const[,t]of s.plugins)if(void 0!==t.particleBounce&&(r=t.particleBounce(e,i,o)),r)break;if(r)return;const a=e.getPosition(),c=e.offset,d=e.getRadius(),u=(0,t.calculateBounds)(a,d),p=s.canvas.size;!function(e){if("bounce"!==e.outMode&&"bounce-horizontal"!==e.outMode&&"bounceHorizontal"!==e.outMode&&"split"!==e.outMode||"left"!==e.direction&&"right"!==e.direction)return;e.bounds.right<0&&"left"===e.direction?e.particle.position.x=e.size+e.offset.x:e.bounds.left>e.canvasSize.width&&"right"===e.direction&&(e.particle.position.x=e.canvasSize.width-e.size-e.offset.x);const o=e.particle.velocity.x;let i=!1;if("right"===e.direction&&e.bounds.right>=e.canvasSize.width&&o>0||"left"===e.direction&&e.bounds.left<=0&&o<0){const o=(0,t.getRangeValue)(e.particle.options.bounce.horizontal.value);e.particle.velocity.x*=-o,i=!0}if(!i)return;const n=e.offset.x+e.size;e.bounds.right>=e.canvasSize.width&&"right"===e.direction?e.particle.position.x=e.canvasSize.width-n:e.bounds.left<=0&&"left"===e.direction&&(e.particle.position.x=n),"split"===e.outMode&&e.particle.destroy()}({particle:e,outMode:n,direction:o,bounds:u,canvasSize:p,offset:c,size:d}),function(e){if("bounce"!==e.outMode&&"bounce-vertical"!==e.outMode&&"bounceVertical"!==e.outMode&&"split"!==e.outMode||"bottom"!==e.direction&&"top"!==e.direction)return;e.bounds.bottom<0&&"top"===e.direction?e.particle.position.y=e.size+e.offset.y:e.bounds.top>e.canvasSize.height&&"bottom"===e.direction&&(e.particle.position.y=e.canvasSize.height-e.size-e.offset.y);const o=e.particle.velocity.y;let i=!1;if("bottom"===e.direction&&e.bounds.bottom>=e.canvasSize.height&&o>0||"top"===e.direction&&e.bounds.top<=0&&o<0){const o=(0,t.getRangeValue)(e.particle.options.bounce.vertical.value);e.particle.velocity.y*=-o,i=!0}if(!i)return;const n=e.offset.y+e.size;e.bounds.bottom>=e.canvasSize.height&&"bottom"===e.direction?e.particle.position.y=e.canvasSize.height-n:e.bounds.top<=0&&"top"===e.direction&&(e.particle.position.y=n),"split"===e.outMode&&e.particle.destroy()}({particle:e,outMode:n,direction:o,bounds:u,canvasSize:p,offset:c,size:d})}}class o{constructor(t){this.container=t,this.modes=["destroy"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;switch(e.outType){case"normal":case"outside":if((0,t.isPointInside)(e.position,s.canvas.size,t.Vector.origin,e.getRadius(),o))return;break;case"inside":{const{dx:o,dy:i}=(0,t.getDistances)(e.position,e.moveCenter),{x:n,y:s}=e.velocity;if(n<0&&o>e.moveCenter.radius||s<0&&i>e.moveCenter.radius||n>=0&&o<-e.moveCenter.radius||s>=0&&i<-e.moveCenter.radius)return;break}}s.particles.remove(e,void 0,!0)}}class s{constructor(t){this.container=t,this.modes=["none"]}update(e,o,i,n){if(!this.modes.includes(n))return;if(e.options.move.distance.horizontal&&("left"===o||"right"===o)||e.options.move.distance.vertical&&("top"===o||"bottom"===o))return;const s=e.options.move.gravity,r=this.container,a=r.canvas.size,c=e.getRadius();if(s.enable){const t=e.position;(!s.inverse&&t.y>a.height+c&&"bottom"===o||s.inverse&&t.y<-c&&"top"===o)&&r.particles.remove(e)}else{if(e.velocity.y>0&&e.position.y<=a.height+c||e.velocity.y<0&&e.position.y>=-c||e.velocity.x>0&&e.position.x<=a.width+c||e.velocity.x<0&&e.position.x>=-c)return;(0,t.isPointInside)(e.position,r.canvas.size,t.Vector.origin,c,o)||r.particles.remove(e)}}}class r{constructor(t){this.container=t,this.modes=["out"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;switch(e.outType){case"inside":{const{x:o,y:i}=e.velocity,n=t.Vector.origin;n.length=e.moveCenter.radius,n.angle=e.velocity.angle+Math.PI,n.addTo(t.Vector.create(e.moveCenter));const{dx:r,dy:a}=(0,t.getDistances)(e.position,n);if(o<=0&&r>=0||i<=0&&a>=0||o>=0&&r<=0||i>=0&&a<=0)return;e.position.x=Math.floor((0,t.randomInRange)({min:0,max:s.canvas.size.width})),e.position.y=Math.floor((0,t.randomInRange)({min:0,max:s.canvas.size.height}));const{dx:c,dy:d}=(0,t.getDistances)(e.position,e.moveCenter);e.direction=Math.atan2(-d,-c),e.velocity.angle=e.direction;break}default:if((0,t.isPointInside)(e.position,s.canvas.size,t.Vector.origin,e.getRadius(),o))return;switch(e.outType){case"outside":{e.position.x=Math.floor((0,t.randomInRange)({min:-e.moveCenter.radius,max:e.moveCenter.radius}))+e.moveCenter.x,e.position.y=Math.floor((0,t.randomInRange)({min:-e.moveCenter.radius,max:e.moveCenter.radius}))+e.moveCenter.y;const{dx:o,dy:i}=(0,t.getDistances)(e.position,e.moveCenter);e.moveCenter.radius&&(e.direction=Math.atan2(i,o),e.velocity.angle=e.direction);break}case"normal":{const i=e.options.move.warp,n=s.canvas.size,r={bottom:n.height+e.getRadius()+e.offset.y,left:-e.getRadius()-e.offset.x,right:n.width+e.getRadius()+e.offset.x,top:-e.getRadius()-e.offset.y},a=e.getRadius(),c=(0,t.calculateBounds)(e.position,a);"right"===o&&c.left>n.width+e.offset.x?(e.position.x=r.left,e.initialPosition.x=e.position.x,i||(e.position.y=(0,t.getRandom)()*n.height,e.initialPosition.y=e.position.y)):"left"===o&&c.right<-e.offset.x&&(e.position.x=r.right,e.initialPosition.x=e.position.x,i||(e.position.y=(0,t.getRandom)()*n.height,e.initialPosition.y=e.position.y)),"bottom"===o&&c.top>n.height+e.offset.y?(i||(e.position.x=(0,t.getRandom)()*n.width,e.initialPosition.x=e.position.x),e.position.y=r.top,e.initialPosition.y=e.position.y):"top"===o&&c.bottom<-e.offset.y&&(i||(e.position.x=(0,t.getRandom)()*n.width,e.initialPosition.x=e.position.x),e.position.y=r.bottom,e.initialPosition.y=e.position.y);break}}}}}class a{constructor(t){this.container=t,this._updateOutMode=(t,e,o,i)=>{for(const n of this.updaters)n.update(t,i,e,o)},this.updaters=[new e(t),new o(t),new r(t),new s(t)]}init(){}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,e){const o=t.options.move.outModes;this._updateOutMode(t,e,o.bottom??o.default,"bottom"),this._updateOutMode(t,e,o.left??o.default,"left"),this._updateOutMode(t,e,o.right??o.default,"right"),this._updateOutMode(t,e,o.top??o.default,"top")}}async function c(t,e=!0){await t.addParticleUpdater("outModes",(t=>new a(t)),e)}})(),n})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var n=o[t];if(void 0!==n)return n.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{loadOutModesUpdater:()=>c});var t=i(533);class e{constructor(t){this.container=t,this.modes=["bounce","bounce-vertical","bounce-horizontal","bounceVertical","bounceHorizontal","split"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;let r=!1;for(const[,t]of s.plugins)if(void 0!==t.particleBounce&&(r=t.particleBounce(e,i,o)),r)break;if(r)return;const a=e.getPosition(),c=e.offset,d=e.getRadius(),u=(0,t.calculateBounds)(a,d),p=s.canvas.size;!function(e){if("bounce"!==e.outMode&&"bounce-horizontal"!==e.outMode&&"bounceHorizontal"!==e.outMode&&"split"!==e.outMode||"left"!==e.direction&&"right"!==e.direction)return;e.bounds.right<0&&"left"===e.direction?e.particle.position.x=e.size+e.offset.x:e.bounds.left>e.canvasSize.width&&"right"===e.direction&&(e.particle.position.x=e.canvasSize.width-e.size-e.offset.x);const o=e.particle.velocity.x;let i=!1;if("right"===e.direction&&e.bounds.right>=e.canvasSize.width&&o>0||"left"===e.direction&&e.bounds.left<=0&&o<0){const o=(0,t.getRangeValue)(e.particle.options.bounce.horizontal.value);e.particle.velocity.x*=-o,i=!0}if(!i)return;const n=e.offset.x+e.size;e.bounds.right>=e.canvasSize.width&&"right"===e.direction?e.particle.position.x=e.canvasSize.width-n:e.bounds.left<=0&&"left"===e.direction&&(e.particle.position.x=n),"split"===e.outMode&&e.particle.destroy()}({particle:e,outMode:n,direction:o,bounds:u,canvasSize:p,offset:c,size:d}),function(e){if("bounce"!==e.outMode&&"bounce-vertical"!==e.outMode&&"bounceVertical"!==e.outMode&&"split"!==e.outMode||"bottom"!==e.direction&&"top"!==e.direction)return;e.bounds.bottom<0&&"top"===e.direction?e.particle.position.y=e.size+e.offset.y:e.bounds.top>e.canvasSize.height&&"bottom"===e.direction&&(e.particle.position.y=e.canvasSize.height-e.size-e.offset.y);const o=e.particle.velocity.y;let i=!1;if("bottom"===e.direction&&e.bounds.bottom>=e.canvasSize.height&&o>0||"top"===e.direction&&e.bounds.top<=0&&o<0){const o=(0,t.getRangeValue)(e.particle.options.bounce.vertical.value);e.particle.velocity.y*=-o,i=!0}if(!i)return;const n=e.offset.y+e.size;e.bounds.bottom>=e.canvasSize.height&&"bottom"===e.direction?e.particle.position.y=e.canvasSize.height-n:e.bounds.top<=0&&"top"===e.direction&&(e.particle.position.y=n),"split"===e.outMode&&e.particle.destroy()}({particle:e,outMode:n,direction:o,bounds:u,canvasSize:p,offset:c,size:d})}}class o{constructor(t){this.container=t,this.modes=["destroy"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;switch(e.outType){case"normal":case"outside":if((0,t.isPointInside)(e.position,s.canvas.size,t.Vector.origin,e.getRadius(),o))return;break;case"inside":{const{dx:o,dy:i}=(0,t.getDistances)(e.position,e.moveCenter),{x:n,y:s}=e.velocity;if(n<0&&o>e.moveCenter.radius||s<0&&i>e.moveCenter.radius||n>=0&&o<-e.moveCenter.radius||s>=0&&i<-e.moveCenter.radius)return;break}}s.particles.remove(e,void 0,!0)}}class s{constructor(t){this.container=t,this.modes=["none"]}update(e,o,i,n){if(!this.modes.includes(n))return;if((e.options.move.distance.horizontal&&("left"===o||"right"===o))??(e.options.move.distance.vertical&&("top"===o||"bottom"===o)))return;const s=e.options.move.gravity,r=this.container,a=r.canvas.size,c=e.getRadius();if(s.enable){const t=e.position;(!s.inverse&&t.y>a.height+c&&"bottom"===o||s.inverse&&t.y<-c&&"top"===o)&&r.particles.remove(e)}else{if(e.velocity.y>0&&e.position.y<=a.height+c||e.velocity.y<0&&e.position.y>=-c||e.velocity.x>0&&e.position.x<=a.width+c||e.velocity.x<0&&e.position.x>=-c)return;(0,t.isPointInside)(e.position,r.canvas.size,t.Vector.origin,c,o)||r.particles.remove(e)}}}class r{constructor(t){this.container=t,this.modes=["out"]}update(e,o,i,n){if(!this.modes.includes(n))return;const s=this.container;switch(e.outType){case"inside":{const{x:o,y:i}=e.velocity,n=t.Vector.origin;n.length=e.moveCenter.radius,n.angle=e.velocity.angle+Math.PI,n.addTo(t.Vector.create(e.moveCenter));const{dx:r,dy:a}=(0,t.getDistances)(e.position,n);if(o<=0&&r>=0||i<=0&&a>=0||o>=0&&r<=0||i>=0&&a<=0)return;e.position.x=Math.floor((0,t.randomInRange)({min:0,max:s.canvas.size.width})),e.position.y=Math.floor((0,t.randomInRange)({min:0,max:s.canvas.size.height}));const{dx:c,dy:d}=(0,t.getDistances)(e.position,e.moveCenter);e.direction=Math.atan2(-d,-c),e.velocity.angle=e.direction;break}default:if((0,t.isPointInside)(e.position,s.canvas.size,t.Vector.origin,e.getRadius(),o))return;switch(e.outType){case"outside":{e.position.x=Math.floor((0,t.randomInRange)({min:-e.moveCenter.radius,max:e.moveCenter.radius}))+e.moveCenter.x,e.position.y=Math.floor((0,t.randomInRange)({min:-e.moveCenter.radius,max:e.moveCenter.radius}))+e.moveCenter.y;const{dx:o,dy:i}=(0,t.getDistances)(e.position,e.moveCenter);e.moveCenter.radius&&(e.direction=Math.atan2(i,o),e.velocity.angle=e.direction);break}case"normal":{const i=e.options.move.warp,n=s.canvas.size,r={bottom:n.height+e.getRadius()+e.offset.y,left:-e.getRadius()-e.offset.x,right:n.width+e.getRadius()+e.offset.x,top:-e.getRadius()-e.offset.y},a=e.getRadius(),c=(0,t.calculateBounds)(e.position,a);"right"===o&&c.left>n.width+e.offset.x?(e.position.x=r.left,e.initialPosition.x=e.position.x,i||(e.position.y=(0,t.getRandom)()*n.height,e.initialPosition.y=e.position.y)):"left"===o&&c.right<-e.offset.x&&(e.position.x=r.right,e.initialPosition.x=e.position.x,i||(e.position.y=(0,t.getRandom)()*n.height,e.initialPosition.y=e.position.y)),"bottom"===o&&c.top>n.height+e.offset.y?(i||(e.position.x=(0,t.getRandom)()*n.width,e.initialPosition.x=e.position.x),e.position.y=r.top,e.initialPosition.y=e.position.y):"top"===o&&c.bottom<-e.offset.y&&(i||(e.position.x=(0,t.getRandom)()*n.width,e.initialPosition.x=e.position.x),e.position.y=r.bottom,e.initialPosition.y=e.position.y);break}}}}}class a{constructor(t){this._updateOutMode=(t,e,o,i)=>{for(const n of this.updaters)n.update(t,i,e,o)},this.container=t,this.updaters=[new e(t),new o(t),new r(t),new s(t)]}init(){}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,e){const o=t.options.move.outModes;this._updateOutMode(t,e,o.bottom??o.default,"bottom"),this._updateOutMode(t,e,o.left??o.default,"left"),this._updateOutMode(t,e,o.right??o.default,"right"),this._updateOutMode(t,e,o.top??o.default,"top")}}async function c(t,e=!0){await t.addParticleUpdater("outModes",(t=>new a(t)),e)}})(),n})()));

package/tsparticles.updater.out-modes.min.js.LICENSE.txt CHANGED Viewed

	@@ -1 +1 @@
1	- /! tsParticles Out Modes Updater v3.0.3 by Matteo Bruni /
1	+ /! tsParticles Out Modes Updater v3.1.0 by Matteo Bruni /

package/types/OutOfCanvasUpdater.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { type Container, type IDelta, type IParticleUpdater, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class OutOfCanvasUpdater implements IParticleUpdater {
-    private readonly container;
     updaters: IOutModeManager[];
+    private readonly container;
     constructor(container: Container);
     init(): void;
     isEnabled(particle: Particle): boolean;

package/umd/DestroyOutMode.js CHANGED Viewed

@@ -11,6 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DestroyOutMode = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const minVelocity = 0;
     class DestroyOutMode {
         constructor(container) {
             this.container = container;
@@ -31,10 +32,10 @@
                 case "inside": {
                     const { dx, dy } = (0, engine_1.getDistances)(particle.position, particle.moveCenter);
                     const { x: vx, y: vy } = particle.velocity;
-                    if ((vx < 0 && dx > particle.moveCenter.radius) ||
-                        (vy < 0 && dy > particle.moveCenter.radius) ||
-                        (vx >= 0 && dx < -particle.moveCenter.radius) ||
-                        (vy >= 0 && dy < -particle.moveCenter.radius)) {
+                    if ((vx < minVelocity && dx > particle.moveCenter.radius) ||
+                        (vy < minVelocity && dy > particle.moveCenter.radius) ||
+                        (vx >= minVelocity && dx < -particle.moveCenter.radius) ||
+                        (vy >= minVelocity && dy < -particle.moveCenter.radius)) {
                         return;
                     }
                     break;

package/umd/NoneOutMode.js CHANGED Viewed

@@ -11,6 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.NoneOutMode = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const minVelocity = 0;
     class NoneOutMode {
         constructor(container) {
             this.container = container;
@@ -21,7 +22,7 @@
                 return;
             }
             if ((particle.options.move.distance.horizontal &&
-                (direction === "left" || direction === "right")) ||
+                (direction === "left" || direction === "right")) ??
                 (particle.options.move.distance.vertical &&
                     (direction === "top" || direction === "bottom"))) {
                 return;
@@ -30,10 +31,10 @@
             const canvasSize = container.canvas.size;
             const pRadius = particle.getRadius();
             if (!gravityOptions.enable) {
-                if ((particle.velocity.y > 0 && particle.position.y <= canvasSize.height + pRadius) ||
-                    (particle.velocity.y < 0 && particle.position.y >= -pRadius) ||
-                    (particle.velocity.x > 0 && particle.position.x <= canvasSize.width + pRadius) ||
-                    (particle.velocity.x < 0 && particle.position.x >= -pRadius)) {
+                if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
+                    (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||
+                    (particle.velocity.x > minVelocity && particle.position.x <= canvasSize.width + pRadius) ||
+                    (particle.velocity.x < minVelocity && particle.position.x >= -pRadius)) {
                     return;
                 }
                 if (!(0, engine_1.isPointInside)(particle.position, container.canvas.size, engine_1.Vector.origin, pRadius, direction)) {

package/umd/OutOfCanvasUpdater.js CHANGED Viewed

@@ -16,12 +16,12 @@
     const OutOutMode_js_1 = require("./OutOutMode.js");
     class OutOfCanvasUpdater {
         constructor(container) {
-            this.container = container;
             this._updateOutMode = (particle, delta, outMode, direction) => {
                 for (const updater of this.updaters) {
                     updater.update(particle, direction, delta, outMode);
                 }
             };
+            this.container = container;
             this.updaters = [
                 new BounceOutMode_js_1.BounceOutMode(container),
                 new DestroyOutMode_js_1.DestroyOutMode(container),

package/umd/OutOutMode.js CHANGED Viewed

@@ -11,6 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.OutOutMode = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const minVelocity = 0, minDistance = 0;
     class OutOutMode {
         constructor(container) {
             this.container = container;
@@ -29,7 +30,10 @@
                     circVec.angle = particle.velocity.angle + Math.PI;
                     circVec.addTo(engine_1.Vector.create(particle.moveCenter));
                     const { dx, dy } = (0, engine_1.getDistances)(particle.position, circVec);
-                    if ((vx <= 0 && dx >= 0) || (vy <= 0 && dy >= 0) || (vx >= 0 && dx <= 0) || (vy >= 0 && dy <= 0)) {
+                    if ((vx <= minVelocity && dx >= minDistance) ||
+                        (vy <= minVelocity && dy >= minDistance) ||
+                        (vx >= minVelocity && dx <= minDistance) ||
+                        (vy >= minVelocity && dy <= minDistance)) {
                         return;
                     }
                     particle.position.x = Math.floor((0, engine_1.randomInRange)({

package/umd/Utils.js CHANGED Viewed

@@ -11,6 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.bounceVertical = exports.bounceHorizontal = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const minVelocity = 0, boundsMin = 0;
     function bounceHorizontal(data) {
         if ((data.outMode !== "bounce" &&
             data.outMode !== "bounce-horizontal" &&
@@ -19,7 +20,7 @@
             (data.direction !== "left" && data.direction !== "right")) {
             return;
         }
-        if (data.bounds.right < 0 && data.direction === "left") {
+        if (data.bounds.right < boundsMin && data.direction === "left") {
             data.particle.position.x = data.size + data.offset.x;
         }
         else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
@@ -27,8 +28,10 @@
         }
         const velocity = data.particle.velocity.x;
         let bounced = false;
-        if ((data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0) ||
-            (data.direction === "left" && data.bounds.left <= 0 && velocity < 0)) {
+        if ((data.direction === "right" &&
+            data.bounds.right >= data.canvasSize.width &&
+            velocity > minVelocity) ||
+            (data.direction === "left" && data.bounds.left <= boundsMin && velocity < minVelocity)) {
             const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.horizontal.value);
             data.particle.velocity.x *= -newVelocity;
             bounced = true;
@@ -40,7 +43,7 @@
         if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
             data.particle.position.x = data.canvasSize.width - minPos;
         }
-        else if (data.bounds.left <= 0 && data.direction === "left") {
+        else if (data.bounds.left <= boundsMin && data.direction === "left") {
             data.particle.position.x = minPos;
         }
         if (data.outMode === "split") {
@@ -56,7 +59,7 @@
             (data.direction !== "bottom" && data.direction !== "top")) {
             return;
         }
-        if (data.bounds.bottom < 0 && data.direction === "top") {
+        if (data.bounds.bottom < boundsMin && data.direction === "top") {
             data.particle.position.y = data.size + data.offset.y;
         }
         else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
@@ -64,8 +67,10 @@
         }
         const velocity = data.particle.velocity.y;
         let bounced = false;
-        if ((data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0) ||
-            (data.direction === "top" && data.bounds.top <= 0 && velocity < 0)) {
+        if ((data.direction === "bottom" &&
+            data.bounds.bottom >= data.canvasSize.height &&
+            velocity > minVelocity) ||
+            (data.direction === "top" && data.bounds.top <= boundsMin && velocity < minVelocity)) {
             const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.vertical.value);
             data.particle.velocity.y *= -newVelocity;
             bounced = true;
@@ -77,7 +82,7 @@
         if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
             data.particle.position.y = data.canvasSize.height - minPos;
         }
-        else if (data.bounds.top <= 0 && data.direction === "top") {
+        else if (data.bounds.top <= boundsMin && data.direction === "top") {
             data.particle.position.y = minPos;
         }
         if (data.outMode === "split") {