@tsparticles/updater-out-modes 4.0.4 → 4.1.0

package/browser/BounceOutMode.js

@@ -1,24 +1,24 @@
 import { OutMode, calculateBounds, } from "@tsparticles/engine";
 import { bounceHorizontal, bounceVertical } from "./Utils.js";
 export class BounceOutMode {
-    container;
     modes;
-    _particleBouncePlugins;
+    #container;
+    #particleBouncePlugins;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [
             OutMode.bounce,
             OutMode.split,
         ];
-        this._particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
+        this.#particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
     }
     update(particle, direction, delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         let handled = false;
-        for (const plugin of this._particleBouncePlugins) {
+        for (const plugin of this.#particleBouncePlugins) {
             handled = plugin.particleBounce?.(particle, delta, direction) ?? false;
             if (handled) {
                 break;
@@ -27,8 +27,8 @@ export class BounceOutMode {
         if (handled) {
             return;
         }
-        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size;
-        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, size });
-        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size, outOfCanvas = !particle.isInsideCanvasForOutMode(outMode, direction);
+        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
+        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
     }
 }

package/browser/DestroyOutMode.js

@@ -1,21 +1,18 @@
-import { OutMode, ParticleOutType, getDistances, isPointInside, originPoint, } from "@tsparticles/engine";
+import { OutMode, ParticleOutType, getDistances, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class DestroyOutMode {
-    container;
     modes;
-    constructor(container) {
-        this.container = container;
+    constructor(_container) {
         this.modes = [OutMode.destroy];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
         switch (particle.outType) {
             case ParticleOutType.normal:
             case ParticleOutType.outside:
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 break;

package/browser/NoneOutMode.js

@@ -1,10 +1,10 @@
 import { OutMode, OutModeDirection, isPointInside, originPoint, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class NoneOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.none];
     }
     update(particle, direction, _delta, outMode) {
@@ -17,7 +17,7 @@ export class NoneOutMode {
                 (direction === OutModeDirection.top || direction === OutModeDirection.bottom))) {
             return;
         }
-        const gravityOptions = particle.options.move.gravity, container = this.container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
+        const gravityOptions = particle.options.move.gravity, container = this.#container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
             if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
                 (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||

package/browser/OutOfCanvasUpdater.js

@@ -12,16 +12,16 @@ const checkOutMode = (outModes, outMode) => {
 };
 export class OutOfCanvasUpdater {
     updaters;
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.updaters = new Map();
     }
     init(particle) {
-        this._addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning;
@@ -29,18 +29,18 @@ export class OutOfCanvasUpdater {
     update(particle, delta) {
         const outModes = particle.options.move.outModes;
         particle.justWarped = false;
-        this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
-        this._updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
-        this._updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
-        this._updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
+        this.#updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
+        this.#updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
+        this.#updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
+        this.#updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
     }
-    _addUpdaterIfMissing = (particle, outMode, getUpdater) => {
+    #addUpdaterIfMissing = (particle, outMode, getUpdater) => {
         const outModes = particle.options.move.outModes;
         if (!this.updaters.has(outMode) && checkOutMode(outModes, outMode)) {
-            this.updaters.set(outMode, getUpdater(this.container));
+            this.updaters.set(outMode, getUpdater(this.#container));
         }
     };
-    _updateOutMode = (particle, delta, outMode, direction) => {
+    #updateOutMode = (particle, delta, outMode, direction) => {
         for (const updater of this.updaters.values()) {
             updater.update(particle, direction, delta, outMode);
         }

package/browser/OutOutMode.js

@@ -1,17 +1,17 @@
-import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, originPoint, randomInRangeValue, } from "@tsparticles/engine";
+import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, originPoint, randomInRangeValue, } from "@tsparticles/engine";
 const minVelocity = 0, minDistance = 0, updateVector = Vector.origin;
 export class OutOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.out];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         switch (particle.outType) {
             case ParticleOutType.inside: {
                 const { x: vx, y: vy } = particle.velocity;
@@ -41,7 +41,7 @@ export class OutOutMode {
                 break;
             }
             default: {
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 switch (particle.outType) {

package/browser/Utils.js

@@ -13,10 +13,9 @@ export function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === OutModeDirection.right &&
-        data.bounds.right >= data.canvasSize.width &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.right && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.left && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -25,10 +24,10 @@ export function bounceHorizontal(data) {
         return;
     }
     const minPos = data.offset.x + data.size;
-    if (data.bounds.right >= data.canvasSize.width && data.direction === OutModeDirection.right) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.right) {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= boundsMin && data.direction === OutModeDirection.left) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.left) {
         data.particle.position.x = minPos;
     }
     if (data.outMode === OutMode.split) {
@@ -48,10 +47,9 @@ export function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === OutModeDirection.bottom &&
-        data.bounds.bottom >= data.canvasSize.height &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.bottom && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.top && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -60,10 +58,10 @@ export function bounceVertical(data) {
         return;
     }
     const minPos = data.offset.y + data.size;
-    if (data.bounds.bottom >= data.canvasSize.height && data.direction === OutModeDirection.bottom) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.bottom) {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= boundsMin && data.direction === OutModeDirection.top) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.top) {
         data.particle.position.y = minPos;
     }
     if (data.outMode === OutMode.split) {

package/browser/index.js

@@ -1,6 +1,6 @@
 import { OutOfCanvasUpdater } from "./OutOfCanvasUpdater.js";
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", container => {
             return Promise.resolve(new OutOfCanvasUpdater(container));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", async (container) => {
             const { OutOfCanvasUpdater } = await import("./OutOfCanvasUpdater.js");

package/cjs/BounceOutMode.js

@@ -1,24 +1,24 @@
 import { OutMode, calculateBounds, } from "@tsparticles/engine";
 import { bounceHorizontal, bounceVertical } from "./Utils.js";
 export class BounceOutMode {
-    container;
     modes;
-    _particleBouncePlugins;
+    #container;
+    #particleBouncePlugins;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [
             OutMode.bounce,
             OutMode.split,
         ];
-        this._particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
+        this.#particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
     }
     update(particle, direction, delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         let handled = false;
-        for (const plugin of this._particleBouncePlugins) {
+        for (const plugin of this.#particleBouncePlugins) {
             handled = plugin.particleBounce?.(particle, delta, direction) ?? false;
             if (handled) {
                 break;
@@ -27,8 +27,8 @@ export class BounceOutMode {
         if (handled) {
             return;
         }
-        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size;
-        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, size });
-        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size, outOfCanvas = !particle.isInsideCanvasForOutMode(outMode, direction);
+        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
+        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
     }
 }

package/cjs/DestroyOutMode.js

@@ -1,21 +1,18 @@
-import { OutMode, ParticleOutType, getDistances, isPointInside, originPoint, } from "@tsparticles/engine";
+import { OutMode, ParticleOutType, getDistances, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class DestroyOutMode {
-    container;
     modes;
-    constructor(container) {
-        this.container = container;
+    constructor(_container) {
         this.modes = [OutMode.destroy];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
         switch (particle.outType) {
             case ParticleOutType.normal:
             case ParticleOutType.outside:
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 break;

package/cjs/NoneOutMode.js

@@ -1,10 +1,10 @@
 import { OutMode, OutModeDirection, isPointInside, originPoint, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class NoneOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.none];
     }
     update(particle, direction, _delta, outMode) {
@@ -17,7 +17,7 @@ export class NoneOutMode {
                 (direction === OutModeDirection.top || direction === OutModeDirection.bottom))) {
             return;
         }
-        const gravityOptions = particle.options.move.gravity, container = this.container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
+        const gravityOptions = particle.options.move.gravity, container = this.#container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
             if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
                 (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||

package/cjs/OutOfCanvasUpdater.js

@@ -12,16 +12,16 @@ const checkOutMode = (outModes, outMode) => {
 };
 export class OutOfCanvasUpdater {
     updaters;
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.updaters = new Map();
     }
     init(particle) {
-        this._addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning;
@@ -29,18 +29,18 @@ export class OutOfCanvasUpdater {
     update(particle, delta) {
         const outModes = particle.options.move.outModes;
         particle.justWarped = false;
-        this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
-        this._updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
-        this._updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
-        this._updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
+        this.#updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
+        this.#updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
+        this.#updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
+        this.#updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
     }
-    _addUpdaterIfMissing = (particle, outMode, getUpdater) => {
+    #addUpdaterIfMissing = (particle, outMode, getUpdater) => {
         const outModes = particle.options.move.outModes;
         if (!this.updaters.has(outMode) && checkOutMode(outModes, outMode)) {
-            this.updaters.set(outMode, getUpdater(this.container));
+            this.updaters.set(outMode, getUpdater(this.#container));
         }
     };
-    _updateOutMode = (particle, delta, outMode, direction) => {
+    #updateOutMode = (particle, delta, outMode, direction) => {
         for (const updater of this.updaters.values()) {
             updater.update(particle, direction, delta, outMode);
         }

package/cjs/OutOutMode.js

@@ -1,17 +1,17 @@
-import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, originPoint, randomInRangeValue, } from "@tsparticles/engine";
+import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, originPoint, randomInRangeValue, } from "@tsparticles/engine";
 const minVelocity = 0, minDistance = 0, updateVector = Vector.origin;
 export class OutOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.out];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         switch (particle.outType) {
             case ParticleOutType.inside: {
                 const { x: vx, y: vy } = particle.velocity;
@@ -41,7 +41,7 @@ export class OutOutMode {
                 break;
             }
             default: {
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 switch (particle.outType) {

package/cjs/Utils.js

@@ -13,10 +13,9 @@ export function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === OutModeDirection.right &&
-        data.bounds.right >= data.canvasSize.width &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.right && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.left && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -25,10 +24,10 @@ export function bounceHorizontal(data) {
         return;
     }
     const minPos = data.offset.x + data.size;
-    if (data.bounds.right >= data.canvasSize.width && data.direction === OutModeDirection.right) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.right) {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= boundsMin && data.direction === OutModeDirection.left) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.left) {
         data.particle.position.x = minPos;
     }
     if (data.outMode === OutMode.split) {
@@ -48,10 +47,9 @@ export function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === OutModeDirection.bottom &&
-        data.bounds.bottom >= data.canvasSize.height &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.bottom && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.top && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -60,10 +58,10 @@ export function bounceVertical(data) {
         return;
     }
     const minPos = data.offset.y + data.size;
-    if (data.bounds.bottom >= data.canvasSize.height && data.direction === OutModeDirection.bottom) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.bottom) {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= boundsMin && data.direction === OutModeDirection.top) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.top) {
         data.particle.position.y = minPos;
     }
     if (data.outMode === OutMode.split) {

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { OutOfCanvasUpdater } from "./OutOfCanvasUpdater.js";
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", container => {
             return Promise.resolve(new OutOfCanvasUpdater(container));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", async (container) => {
             const { OutOfCanvasUpdater } = await import("./OutOfCanvasUpdater.js");

package/esm/BounceOutMode.js

@@ -1,24 +1,24 @@
 import { OutMode, calculateBounds, } from "@tsparticles/engine";
 import { bounceHorizontal, bounceVertical } from "./Utils.js";
 export class BounceOutMode {
-    container;
     modes;
-    _particleBouncePlugins;
+    #container;
+    #particleBouncePlugins;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [
             OutMode.bounce,
             OutMode.split,
         ];
-        this._particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
+        this.#particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
     }
     update(particle, direction, delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         let handled = false;
-        for (const plugin of this._particleBouncePlugins) {
+        for (const plugin of this.#particleBouncePlugins) {
             handled = plugin.particleBounce?.(particle, delta, direction) ?? false;
             if (handled) {
                 break;
@@ -27,8 +27,8 @@ export class BounceOutMode {
         if (handled) {
             return;
         }
-        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size;
-        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, size });
-        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = calculateBounds(pos, size), canvasSize = container.canvas.size, outOfCanvas = !particle.isInsideCanvasForOutMode(outMode, direction);
+        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
+        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
     }
 }

package/esm/DestroyOutMode.js

@@ -1,21 +1,18 @@
-import { OutMode, ParticleOutType, getDistances, isPointInside, originPoint, } from "@tsparticles/engine";
+import { OutMode, ParticleOutType, getDistances, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class DestroyOutMode {
-    container;
     modes;
-    constructor(container) {
-        this.container = container;
+    constructor(_container) {
         this.modes = [OutMode.destroy];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
         switch (particle.outType) {
             case ParticleOutType.normal:
             case ParticleOutType.outside:
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 break;

package/esm/NoneOutMode.js

@@ -1,10 +1,10 @@
 import { OutMode, OutModeDirection, isPointInside, originPoint, } from "@tsparticles/engine";
 const minVelocity = 0;
 export class NoneOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.none];
     }
     update(particle, direction, _delta, outMode) {
@@ -17,7 +17,7 @@ export class NoneOutMode {
                 (direction === OutModeDirection.top || direction === OutModeDirection.bottom))) {
             return;
         }
-        const gravityOptions = particle.options.move.gravity, container = this.container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
+        const gravityOptions = particle.options.move.gravity, container = this.#container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
         if (!gravityOptions.enable) {
             if ((particle.velocity.y > minVelocity && particle.position.y <= canvasSize.height + pRadius) ||
                 (particle.velocity.y < minVelocity && particle.position.y >= -pRadius) ||

package/esm/OutOfCanvasUpdater.js

@@ -12,16 +12,16 @@ const checkOutMode = (outModes, outMode) => {
 };
 export class OutOfCanvasUpdater {
     updaters;
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.updaters = new Map();
     }
     init(particle) {
-        this._addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
-        this._addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.bounce, container => new BounceOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.out, container => new OutOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.destroy, container => new DestroyOutMode(container));
+        this.#addUpdaterIfMissing(particle, OutMode.none, container => new NoneOutMode(container));
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning;
@@ -29,18 +29,18 @@ export class OutOfCanvasUpdater {
     update(particle, delta) {
         const outModes = particle.options.move.outModes;
         particle.justWarped = false;
-        this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
-        this._updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
-        this._updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
-        this._updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
+        this.#updateOutMode(particle, delta, outModes.bottom ?? outModes.default, OutModeDirection.bottom);
+        this.#updateOutMode(particle, delta, outModes.left ?? outModes.default, OutModeDirection.left);
+        this.#updateOutMode(particle, delta, outModes.right ?? outModes.default, OutModeDirection.right);
+        this.#updateOutMode(particle, delta, outModes.top ?? outModes.default, OutModeDirection.top);
     }
-    _addUpdaterIfMissing = (particle, outMode, getUpdater) => {
+    #addUpdaterIfMissing = (particle, outMode, getUpdater) => {
         const outModes = particle.options.move.outModes;
         if (!this.updaters.has(outMode) && checkOutMode(outModes, outMode)) {
-            this.updaters.set(outMode, getUpdater(this.container));
+            this.updaters.set(outMode, getUpdater(this.#container));
         }
     };
-    _updateOutMode = (particle, delta, outMode, direction) => {
+    #updateOutMode = (particle, delta, outMode, direction) => {
         for (const updater of this.updaters.values()) {
             updater.update(particle, direction, delta, outMode);
         }

package/esm/OutOutMode.js

@@ -1,17 +1,17 @@
-import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, originPoint, randomInRangeValue, } from "@tsparticles/engine";
+import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, originPoint, randomInRangeValue, } from "@tsparticles/engine";
 const minVelocity = 0, minDistance = 0, updateVector = Vector.origin;
 export class OutOutMode {
-    container;
     modes;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
         this.modes = [OutMode.out];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
-        const container = this.container;
+        const container = this.#container;
         switch (particle.outType) {
             case ParticleOutType.inside: {
                 const { x: vx, y: vy } = particle.velocity;
@@ -41,7 +41,7 @@ export class OutOutMode {
                 break;
             }
             default: {
-                if (isPointInside(particle.position, container.canvas.size, originPoint, particle.getRadius(), direction)) {
+                if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                     return;
                 }
                 switch (particle.outType) {

package/esm/Utils.js

@@ -13,10 +13,9 @@ export function bounceHorizontal(data) {
     }
     const velocity = data.particle.velocity.x;
     let bounced = false;
-    if ((data.direction === OutModeDirection.right &&
-        data.bounds.right >= data.canvasSize.width &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.right && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.left && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
@@ -25,10 +24,10 @@ export function bounceHorizontal(data) {
         return;
     }
     const minPos = data.offset.x + data.size;
-    if (data.bounds.right >= data.canvasSize.width && data.direction === OutModeDirection.right) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.right) {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= boundsMin && data.direction === OutModeDirection.left) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.left) {
         data.particle.position.x = minPos;
     }
     if (data.outMode === OutMode.split) {
@@ -48,10 +47,9 @@ export function bounceVertical(data) {
     }
     const velocity = data.particle.velocity.y;
     let bounced = false;
-    if ((data.direction === OutModeDirection.bottom &&
-        data.bounds.bottom >= data.canvasSize.height &&
-        velocity > minVelocity) ||
-        (data.direction === OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
+    if (data.outOfCanvas &&
+        ((data.direction === OutModeDirection.bottom && velocity > minVelocity) ||
+            (data.direction === OutModeDirection.top && velocity < minVelocity))) {
         const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
@@ -60,10 +58,10 @@ export function bounceVertical(data) {
         return;
     }
     const minPos = data.offset.y + data.size;
-    if (data.bounds.bottom >= data.canvasSize.height && data.direction === OutModeDirection.bottom) {
+    if (data.outOfCanvas && data.direction === OutModeDirection.bottom) {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= boundsMin && data.direction === OutModeDirection.top) {
+    else if (data.outOfCanvas && data.direction === OutModeDirection.top) {
         data.particle.position.y = minPos;
     }
     if (data.outMode === OutMode.split) {

package/esm/index.js

@@ -1,6 +1,6 @@
 import { OutOfCanvasUpdater } from "./OutOfCanvasUpdater.js";
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", container => {
             return Promise.resolve(new OutOfCanvasUpdater(container));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOutModesUpdater(engine) {
-    engine.checkVersion("4.0.4");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("outModes", async (container) => {
             const { OutOfCanvasUpdater } = await import("./OutOfCanvasUpdater.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-out-modes",
-  "version": "4.0.4",
+  "version": "4.1.0",
   "description": "tsParticles particles out modes updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,7 +93,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.4"
+    "@tsparticles/engine": "4.1.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.out-modes.js","children":[{"name":"dist/browser","children":[{"uid":"8ac8c483-1","name":"Utils.js"},{"uid":"8ac8c483-3","name":"BounceOutMode.js"},{"uid":"8ac8c483-5","name":"DestroyOutMode.js"},{"uid":"8ac8c483-7","name":"NoneOutMode.js"},{"uid":"8ac8c483-9","name":"OutOutMode.js"},{"uid":"8ac8c483-11","name":"OutOfCanvasUpdater.js"},{"uid":"8ac8c483-13","name":"index.js"},{"uid":"8ac8c483-15","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"8ac8c483-1":{"renderedLength":3622,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-0"},"8ac8c483-3":{"renderedLength":1318,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-2"},"8ac8c483-5":{"renderedLength":1473,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-4"},"8ac8c483-7":{"renderedLength":2075,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-6"},"8ac8c483-9":{"renderedLength":6841,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-8"},"8ac8c483-11":{"renderedLength":2194,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-10"},"8ac8c483-13":{"renderedLength":320,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-12"},"8ac8c483-15":{"renderedLength":181,"gzipLength":0,"brotliLength":0,"metaUid":"8ac8c483-14"}},"nodeMetas":{"8ac8c483-0":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-1"},"imported":[{"uid":"8ac8c483-16"}],"importedBy":[{"uid":"8ac8c483-2"}]},"8ac8c483-2":{"id":"/dist/browser/BounceOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-3"},"imported":[{"uid":"8ac8c483-16"},{"uid":"8ac8c483-0"}],"importedBy":[{"uid":"8ac8c483-10"}]},"8ac8c483-4":{"id":"/dist/browser/DestroyOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-5"},"imported":[{"uid":"8ac8c483-16"}],"importedBy":[{"uid":"8ac8c483-10"}]},"8ac8c483-6":{"id":"/dist/browser/NoneOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-7"},"imported":[{"uid":"8ac8c483-16"}],"importedBy":[{"uid":"8ac8c483-10"}]},"8ac8c483-8":{"id":"/dist/browser/OutOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-9"},"imported":[{"uid":"8ac8c483-16"}],"importedBy":[{"uid":"8ac8c483-10"}]},"8ac8c483-10":{"id":"/dist/browser/OutOfCanvasUpdater.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-11"},"imported":[{"uid":"8ac8c483-16"},{"uid":"8ac8c483-2"},{"uid":"8ac8c483-4"},{"uid":"8ac8c483-6"},{"uid":"8ac8c483-8"}],"importedBy":[{"uid":"8ac8c483-12"}]},"8ac8c483-12":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-13"},"imported":[{"uid":"8ac8c483-10"}],"importedBy":[{"uid":"8ac8c483-14"}]},"8ac8c483-14":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.out-modes.js":"8ac8c483-15"},"imported":[{"uid":"8ac8c483-12"}],"importedBy":[],"isEntry":true},"8ac8c483-16":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"8ac8c483-10"},{"uid":"8ac8c483-2"},{"uid":"8ac8c483-4"},{"uid":"8ac8c483-6"},{"uid":"8ac8c483-8"},{"uid":"8ac8c483-0"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.out-modes.js","children":[{"name":"dist/browser","children":[{"uid":"2ec812d5-1","name":"Utils.js"},{"uid":"2ec812d5-3","name":"BounceOutMode.js"},{"uid":"2ec812d5-5","name":"DestroyOutMode.js"},{"uid":"2ec812d5-7","name":"NoneOutMode.js"},{"uid":"2ec812d5-9","name":"OutOutMode.js"},{"uid":"2ec812d5-11","name":"OutOfCanvasUpdater.js"},{"uid":"2ec812d5-13","name":"index.js"},{"uid":"2ec812d5-15","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"2ec812d5-1":{"renderedLength":3412,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-0"},"2ec812d5-3":{"renderedLength":1417,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-2"},"2ec812d5-5":{"renderedLength":1307,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-4"},"2ec812d5-7":{"renderedLength":2078,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-6"},"2ec812d5-9":{"renderedLength":6782,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-8"},"2ec812d5-11":{"renderedLength":2197,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-10"},"2ec812d5-13":{"renderedLength":320,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-12"},"2ec812d5-15":{"renderedLength":181,"gzipLength":0,"brotliLength":0,"metaUid":"2ec812d5-14"}},"nodeMetas":{"2ec812d5-0":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-1"},"imported":[{"uid":"2ec812d5-16"}],"importedBy":[{"uid":"2ec812d5-2"}]},"2ec812d5-2":{"id":"/dist/browser/BounceOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-3"},"imported":[{"uid":"2ec812d5-16"},{"uid":"2ec812d5-0"}],"importedBy":[{"uid":"2ec812d5-10"}]},"2ec812d5-4":{"id":"/dist/browser/DestroyOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-5"},"imported":[{"uid":"2ec812d5-16"}],"importedBy":[{"uid":"2ec812d5-10"}]},"2ec812d5-6":{"id":"/dist/browser/NoneOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-7"},"imported":[{"uid":"2ec812d5-16"}],"importedBy":[{"uid":"2ec812d5-10"}]},"2ec812d5-8":{"id":"/dist/browser/OutOutMode.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-9"},"imported":[{"uid":"2ec812d5-16"}],"importedBy":[{"uid":"2ec812d5-10"}]},"2ec812d5-10":{"id":"/dist/browser/OutOfCanvasUpdater.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-11"},"imported":[{"uid":"2ec812d5-16"},{"uid":"2ec812d5-2"},{"uid":"2ec812d5-4"},{"uid":"2ec812d5-6"},{"uid":"2ec812d5-8"}],"importedBy":[{"uid":"2ec812d5-12"}]},"2ec812d5-12":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-13"},"imported":[{"uid":"2ec812d5-10"}],"importedBy":[{"uid":"2ec812d5-14"}]},"2ec812d5-14":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.out-modes.js":"2ec812d5-15"},"imported":[{"uid":"2ec812d5-12"}],"importedBy":[],"isEntry":true},"2ec812d5-16":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"2ec812d5-10"},{"uid":"2ec812d5-2"},{"uid":"2ec812d5-4"},{"uid":"2ec812d5-6"},{"uid":"2ec812d5-8"},{"uid":"2ec812d5-0"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.updater.out-modes.js

@@ -1,5 +1,5 @@
 (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);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Updater v4.0.4 */
+/* Updater v4.1.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine'], factory) :
@@ -20,10 +20,9 @@
         }
         const velocity = data.particle.velocity.x;
         let bounced = false;
-        if ((data.direction === engine.OutModeDirection.right &&
-            data.bounds.right >= data.canvasSize.width &&
-            velocity > minVelocity$3) ||
-            (data.direction === engine.OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity$3)) {
+        if (data.outOfCanvas &&
+            ((data.direction === engine.OutModeDirection.right && velocity > minVelocity$3) ||
+                (data.direction === engine.OutModeDirection.left && velocity < minVelocity$3))) {
             const newVelocity = engine.getRangeValue(data.particle.options.bounce.horizontal.value);
             data.particle.velocity.x *= -newVelocity;
             bounced = true;
@@ -32,10 +31,10 @@
             return;
         }
         const minPos = data.offset.x + data.size;
-        if (data.bounds.right >= data.canvasSize.width && data.direction === engine.OutModeDirection.right) {
+        if (data.outOfCanvas && data.direction === engine.OutModeDirection.right) {
             data.particle.position.x = data.canvasSize.width - minPos;
         }
-        else if (data.bounds.left <= boundsMin && data.direction === engine.OutModeDirection.left) {
+        else if (data.outOfCanvas && data.direction === engine.OutModeDirection.left) {
             data.particle.position.x = minPos;
         }
         if (data.outMode === engine.OutMode.split) {
@@ -55,10 +54,9 @@
         }
         const velocity = data.particle.velocity.y;
         let bounced = false;
-        if ((data.direction === engine.OutModeDirection.bottom &&
-            data.bounds.bottom >= data.canvasSize.height &&
-            velocity > minVelocity$3) ||
-            (data.direction === engine.OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity$3)) {
+        if (data.outOfCanvas &&
+            ((data.direction === engine.OutModeDirection.bottom && velocity > minVelocity$3) ||
+                (data.direction === engine.OutModeDirection.top && velocity < minVelocity$3))) {
             const newVelocity = engine.getRangeValue(data.particle.options.bounce.vertical.value);
             data.particle.velocity.y *= -newVelocity;
             bounced = true;
@@ -67,10 +65,10 @@
             return;
         }
         const minPos = data.offset.y + data.size;
-        if (data.bounds.bottom >= data.canvasSize.height && data.direction === engine.OutModeDirection.bottom) {
+        if (data.outOfCanvas && data.direction === engine.OutModeDirection.bottom) {
             data.particle.position.y = data.canvasSize.height - minPos;
         }
-        else if (data.bounds.top <= boundsMin && data.direction === engine.OutModeDirection.top) {
+        else if (data.outOfCanvas && data.direction === engine.OutModeDirection.top) {
             data.particle.position.y = minPos;
         }
         if (data.outMode === engine.OutMode.split) {
@@ -79,24 +77,24 @@
     }
 
     class BounceOutMode {
-        container;
         modes;
-        _particleBouncePlugins;
+        #container;
+        #particleBouncePlugins;
         constructor(container) {
-            this.container = container;
+            this.#container = container;
             this.modes = [
                 engine.OutMode.bounce,
                 engine.OutMode.split,
             ];
-            this._particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
+            this.#particleBouncePlugins = container.plugins.filter(p => p.particleBounce !== undefined);
         }
         update(particle, direction, delta, outMode) {
             if (!this.modes.includes(outMode)) {
                 return;
             }
-            const container = this.container;
+            const container = this.#container;
             let handled = false;
-            for (const plugin of this._particleBouncePlugins) {
+            for (const plugin of this.#particleBouncePlugins) {
                 handled = plugin.particleBounce?.(particle, delta, direction) ?? false;
                 if (handled) {
                     break;
@@ -105,29 +103,26 @@
             if (handled) {
                 return;
             }
-            const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = engine.calculateBounds(pos, size), canvasSize = container.canvas.size;
-            bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, size });
-            bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, size });
+            const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = engine.calculateBounds(pos, size), canvasSize = container.canvas.size, outOfCanvas = !particle.isInsideCanvasForOutMode(outMode, direction);
+            bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
+            bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, outOfCanvas, size });
         }
     }
 
     const minVelocity$2 = 0;
     class DestroyOutMode {
-        container;
         modes;
-        constructor(container) {
-            this.container = container;
+        constructor(_container) {
             this.modes = [engine.OutMode.destroy];
         }
         update(particle, direction, _delta, outMode) {
             if (!this.modes.includes(outMode)) {
                 return;
             }
-            const container = this.container;
             switch (particle.outType) {
                 case engine.ParticleOutType.normal:
                 case engine.ParticleOutType.outside:
-                    if (engine.isPointInside(particle.position, container.canvas.size, engine.originPoint, particle.getRadius(), direction)) {
+                    if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                         return;
                     }
                     break;
@@ -148,10 +143,10 @@
 
     const minVelocity$1 = 0;
     class NoneOutMode {
-        container;
         modes;
+        #container;
         constructor(container) {
-            this.container = container;
+            this.#container = container;
             this.modes = [engine.OutMode.none];
         }
         update(particle, direction, _delta, outMode) {
@@ -164,7 +159,7 @@
                     (direction === engine.OutModeDirection.top || direction === engine.OutModeDirection.bottom))) {
                 return;
             }
-            const gravityOptions = particle.options.move.gravity, container = this.container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
+            const gravityOptions = particle.options.move.gravity, container = this.#container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
             if (!gravityOptions.enable) {
                 if ((particle.velocity.y > minVelocity$1 && particle.position.y <= canvasSize.height + pRadius) ||
                     (particle.velocity.y < minVelocity$1 && particle.position.y >= -pRadius) ||
@@ -190,17 +185,17 @@
 
     const minVelocity = 0, minDistance = 0, updateVector = engine.Vector.origin;
     class OutOutMode {
-        container;
         modes;
+        #container;
         constructor(container) {
-            this.container = container;
+            this.#container = container;
             this.modes = [engine.OutMode.out];
         }
         update(particle, direction, _delta, outMode) {
             if (!this.modes.includes(outMode)) {
                 return;
             }
-            const container = this.container;
+            const container = this.#container;
             switch (particle.outType) {
                 case engine.ParticleOutType.inside: {
                     const { x: vx, y: vy } = particle.velocity;
@@ -230,7 +225,7 @@
                     break;
                 }
                 default: {
-                    if (engine.isPointInside(particle.position, container.canvas.size, engine.originPoint, particle.getRadius(), direction)) {
+                    if (particle.isInsideCanvasForOutMode(outMode, direction)) {
                         return;
                     }
                     switch (particle.outType) {
@@ -314,16 +309,16 @@
     };
     class OutOfCanvasUpdater {
         updaters;
-        container;
+        #container;
         constructor(container) {
-            this.container = container;
+            this.#container = container;
             this.updaters = new Map();
         }
         init(particle) {
-            this._addUpdaterIfMissing(particle, engine.OutMode.bounce, container => new BounceOutMode(container));
-            this._addUpdaterIfMissing(particle, engine.OutMode.out, container => new OutOutMode(container));
-            this._addUpdaterIfMissing(particle, engine.OutMode.destroy, container => new DestroyOutMode(container));
-            this._addUpdaterIfMissing(particle, engine.OutMode.none, container => new NoneOutMode(container));
+            this.#addUpdaterIfMissing(particle, engine.OutMode.bounce, container => new BounceOutMode(container));
+            this.#addUpdaterIfMissing(particle, engine.OutMode.out, container => new OutOutMode(container));
+            this.#addUpdaterIfMissing(particle, engine.OutMode.destroy, container => new DestroyOutMode(container));
+            this.#addUpdaterIfMissing(particle, engine.OutMode.none, container => new NoneOutMode(container));
         }
         isEnabled(particle) {
             return !particle.destroyed && !particle.spawning;
@@ -331,18 +326,18 @@
         update(particle, delta) {
             const outModes = particle.options.move.outModes;
             particle.justWarped = false;
-            this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, engine.OutModeDirection.bottom);
-            this._updateOutMode(particle, delta, outModes.left ?? outModes.default, engine.OutModeDirection.left);
-            this._updateOutMode(particle, delta, outModes.right ?? outModes.default, engine.OutModeDirection.right);
-            this._updateOutMode(particle, delta, outModes.top ?? outModes.default, engine.OutModeDirection.top);
+            this.#updateOutMode(particle, delta, outModes.bottom ?? outModes.default, engine.OutModeDirection.bottom);
+            this.#updateOutMode(particle, delta, outModes.left ?? outModes.default, engine.OutModeDirection.left);
+            this.#updateOutMode(particle, delta, outModes.right ?? outModes.default, engine.OutModeDirection.right);
+            this.#updateOutMode(particle, delta, outModes.top ?? outModes.default, engine.OutModeDirection.top);
         }
-        _addUpdaterIfMissing = (particle, outMode, getUpdater) => {
+        #addUpdaterIfMissing = (particle, outMode, getUpdater) => {
             const outModes = particle.options.move.outModes;
             if (!this.updaters.has(outMode) && checkOutMode(outModes, outMode)) {
-                this.updaters.set(outMode, getUpdater(this.container));
+                this.updaters.set(outMode, getUpdater(this.#container));
             }
         };
-        _updateOutMode = (particle, delta, outMode, direction) => {
+        #updateOutMode = (particle, delta, outMode, direction) => {
             for (const updater of this.updaters.values()) {
                 updater.update(particle, direction, delta, outMode);
             }
@@ -350,7 +345,7 @@
     }
 
     async function loadOutModesUpdater(engine) {
-        engine.checkVersion("4.0.4");
+        engine.checkVersion("4.1.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("outModes", container => {
                 return Promise.resolve(new OutOfCanvasUpdater(container));

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

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var e="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,e){return e in t||(t[e]={}),t[e]}})}:function(t){return t};t.__tsParticlesInternals.bundles=e(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=e(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=e(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=e(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=e(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=e(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=e(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=e(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=e(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=e(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=e(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=e(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=e(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.outModes=t.__tsParticlesInternals.updaters.outModes||{}),t.__tsParticlesInternals.engine)}(this,function(t,e){"use strict";class i{container;modes;_particleBouncePlugins;constructor(t){this.container=t,this.modes=[e.OutMode.bounce,e.OutMode.split],this._particleBouncePlugins=t.plugins.filter(t=>void 0!==t.particleBounce)}update(t,i,s,n){if(!this.modes.includes(n))return;const o=this.container;let a=!1;for(const e of this._particleBouncePlugins)if(a=e.particleBounce?.(t,s,i)??!1,a)break;if(a)return;const r=t.getPosition(),l=t.offset,c=t.getRadius(),d=e.calculateBounds(r,c),u=o.canvas.size;!function(t){if(t.outMode!==e.OutMode.bounce&&t.outMode!==e.OutMode.split||t.direction!==e.OutModeDirection.left&&t.direction!==e.OutModeDirection.right)return;t.bounds.right<0&&t.direction===e.OutModeDirection.left?t.particle.position.x=t.size+t.offset.x:t.bounds.left>t.canvasSize.width&&t.direction===e.OutModeDirection.right&&(t.particle.position.x=t.canvasSize.width-t.size-t.offset.x);const i=t.particle.velocity.x;let s=!1;if(t.direction===e.OutModeDirection.right&&t.bounds.right>=t.canvasSize.width&&i>0||t.direction===e.OutModeDirection.left&&t.bounds.left<=0&&i<0){const i=e.getRangeValue(t.particle.options.bounce.horizontal.value);t.particle.velocity.x*=-i,s=!0}if(!s)return;const n=t.offset.x+t.size;t.bounds.right>=t.canvasSize.width&&t.direction===e.OutModeDirection.right?t.particle.position.x=t.canvasSize.width-n:t.bounds.left<=0&&t.direction===e.OutModeDirection.left&&(t.particle.position.x=n),t.outMode===e.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:i,bounds:d,canvasSize:u,offset:l,size:c}),function(t){if(t.outMode!==e.OutMode.bounce&&t.outMode!==e.OutMode.split||t.direction!==e.OutModeDirection.bottom&&t.direction!==e.OutModeDirection.top)return;t.bounds.bottom<0&&t.direction===e.OutModeDirection.top?t.particle.position.y=t.size+t.offset.y:t.bounds.top>t.canvasSize.height&&t.direction===e.OutModeDirection.bottom&&(t.particle.position.y=t.canvasSize.height-t.size-t.offset.y);const i=t.particle.velocity.y;let s=!1;if(t.direction===e.OutModeDirection.bottom&&t.bounds.bottom>=t.canvasSize.height&&i>0||t.direction===e.OutModeDirection.top&&t.bounds.top<=0&&i<0){const i=e.getRangeValue(t.particle.options.bounce.vertical.value);t.particle.velocity.y*=-i,s=!0}if(!s)return;const n=t.offset.y+t.size;t.bounds.bottom>=t.canvasSize.height&&t.direction===e.OutModeDirection.bottom?t.particle.position.y=t.canvasSize.height-n:t.bounds.top<=0&&t.direction===e.OutModeDirection.top&&(t.particle.position.y=n),t.outMode===e.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:i,bounds:d,canvasSize:u,offset:l,size:c})}}class s{container;modes;constructor(t){this.container=t,this.modes=[e.OutMode.destroy]}update(t,i,s,n){if(!this.modes.includes(n))return;const o=this.container;switch(t.outType){case e.ParticleOutType.normal:case e.ParticleOutType.outside:if(e.isPointInside(t.position,o.canvas.size,e.originPoint,t.getRadius(),i))return;break;case e.ParticleOutType.inside:{const{dx:i,dy:s}=e.getDistances(t.position,t.moveCenter),{x:n,y:o}=t.velocity;if(n<0&&i>t.moveCenter.radius||o<0&&s>t.moveCenter.radius||n>=0&&i<-t.moveCenter.radius||o>=0&&s<-t.moveCenter.radius)return;break}}t.destroy(!0)}}class n{container;modes;constructor(t){this.container=t,this.modes=[e.OutMode.none]}update(t,i,s,n){if(!this.modes.includes(n))return;if((t.options.move.distance.horizontal&&(i===e.OutModeDirection.left||i===e.OutModeDirection.right))??(t.options.move.distance.vertical&&(i===e.OutModeDirection.top||i===e.OutModeDirection.bottom)))return;const o=t.options.move.gravity,a=this.container,r=a.canvas.size,l=t.getRadius();if(o.enable){const s=t.position;(!o.inverse&&s.y>r.height+l&&i===e.OutModeDirection.bottom||o.inverse&&s.y<-l&&i===e.OutModeDirection.top)&&t.destroy()}else{if(t.velocity.y>0&&t.position.y<=r.height+l||t.velocity.y<0&&t.position.y>=-l||t.velocity.x>0&&t.position.x<=r.width+l||t.velocity.x<0&&t.position.x>=-l)return;e.isPointInside(t.position,a.canvas.size,e.originPoint,l,i)||t.destroy()}}}const o=e.Vector.origin;class a{container;modes;constructor(t){this.container=t,this.modes=[e.OutMode.out]}update(t,i,s,n){if(!this.modes.includes(n))return;const a=this.container;switch(t.outType){case e.ParticleOutType.inside:{const{x:i,y:s}=t.velocity;o.setTo(e.originPoint),o.length=t.moveCenter.radius,o.angle=t.velocity.angle+Math.PI,o.addTo(t.moveCenter);const{dx:n,dy:r}=e.getDistances(t.position,o);if(i<=0&&n>=0||s<=0&&r>=0||i>=0&&n<=0||s>=0&&r<=0)return;t.position.x=Math.floor(e.randomInRangeValue({min:0,max:a.canvas.size.width})),t.position.y=Math.floor(e.randomInRangeValue({min:0,max:a.canvas.size.height}));const{dx:l,dy:c}=e.getDistances(t.position,t.moveCenter);t.direction=Math.atan2(-c,-l),t.velocity.angle=t.direction,t.justWarped=!0;break}default:if(e.isPointInside(t.position,a.canvas.size,e.originPoint,t.getRadius(),i))return;switch(t.outType){case e.ParticleOutType.outside:{t.position.x=Math.floor(e.randomInRangeValue({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x,t.position.y=Math.floor(e.randomInRangeValue({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;const{dx:i,dy:s}=e.getDistances(t.position,t.moveCenter);t.moveCenter.radius&&(t.direction=Math.atan2(s,i),t.velocity.angle=t.direction),t.justWarped=!0;break}case e.ParticleOutType.normal:{const s=t.options.move.warp,n=a.canvas.size,o={bottom:n.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:n.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},r=t.getRadius(),l=e.calculateBounds(t.position,r);i===e.OutModeDirection.right&&l.left>n.width+t.offset.x?(t.position.x=o.left,t.initialPosition.x=t.position.x,s||(t.position.y=e.getRandom()*n.height,t.initialPosition.y=t.position.y),t.justWarped=!0):i===e.OutModeDirection.left&&l.right<-t.offset.x&&(t.position.x=o.right,t.initialPosition.x=t.position.x,s||(t.position.y=e.getRandom()*n.height,t.initialPosition.y=t.position.y),t.justWarped=!0),i===e.OutModeDirection.bottom&&l.top>n.height+t.offset.y?(s||(t.position.x=e.getRandom()*n.width,t.initialPosition.x=t.position.x),t.position.y=o.top,t.initialPosition.y=t.position.y,t.justWarped=!0):i===e.OutModeDirection.top&&l.bottom<-t.offset.y&&(s||(t.position.x=e.getRandom()*n.width,t.initialPosition.x=t.position.x),t.position.y=o.bottom,t.initialPosition.y=t.position.y,t.justWarped=!0);break}}}}}class r{updaters;container;constructor(t){this.container=t,this.updaters=new Map}init(t){this._addUpdaterIfMissing(t,e.OutMode.bounce,t=>new i(t)),this._addUpdaterIfMissing(t,e.OutMode.out,t=>new a(t)),this._addUpdaterIfMissing(t,e.OutMode.destroy,t=>new s(t)),this._addUpdaterIfMissing(t,e.OutMode.none,t=>new n(t))}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,i){const s=t.options.move.outModes;t.justWarped=!1,this._updateOutMode(t,i,s.bottom??s.default,e.OutModeDirection.bottom),this._updateOutMode(t,i,s.left??s.default,e.OutModeDirection.left),this._updateOutMode(t,i,s.right??s.default,e.OutModeDirection.right),this._updateOutMode(t,i,s.top??s.default,e.OutModeDirection.top)}_addUpdaterIfMissing=(t,e,i)=>{const s=t.options.move.outModes;!this.updaters.has(e)&&((t,e)=>t.default===e||t.bottom===e||t.left===e||t.right===e||t.top===e)(s,e)&&this.updaters.set(e,i(this.container))};_updateOutMode=(t,e,i,s)=>{for(const n of this.updaters.values())n.update(t,s,e,i)}}async function l(t){t.checkVersion("4.0.4"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("outModes",t=>Promise.resolve(new r(t)))})}const c=globalThis;c.__tsParticlesInternals=c.__tsParticlesInternals??{},c.loadOutModesUpdater=l,t.loadOutModesUpdater=l}),Object.assign(globalThis.window||globalThis,{loadOutModesUpdater:(globalThis.__tsParticlesInternals.updaters.outModes||{}).loadOutModesUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var e="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,e){return e in t||(t[e]={}),t[e]}})}:function(t){return t};t.__tsParticlesInternals.bundles=e(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=e(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=e(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=e(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=e(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=e(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=e(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=e(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=e(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=e(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=e(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=e(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=e(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.outModes=t.__tsParticlesInternals.updaters.outModes||{}),t.__tsParticlesInternals.engine)}(this,function(t,e){"use strict";class s{modes;#t;#e;constructor(t){this.#t=t,this.modes=[e.OutMode.bounce,e.OutMode.split],this.#e=t.plugins.filter(t=>void 0!==t.particleBounce)}update(t,s,i,n){if(!this.modes.includes(n))return;const o=this.#t;let a=!1;for(const e of this.#e)if(a=e.particleBounce?.(t,i,s)??!1,a)break;if(a)return;const r=t.getPosition(),l=t.offset,c=t.getRadius(),d=e.calculateBounds(r,c),u=o.canvas.size,p=!t.isInsideCanvasForOutMode(n,s);!function(t){if(t.outMode!==e.OutMode.bounce&&t.outMode!==e.OutMode.split||t.direction!==e.OutModeDirection.left&&t.direction!==e.OutModeDirection.right)return;t.bounds.right<0&&t.direction===e.OutModeDirection.left?t.particle.position.x=t.size+t.offset.x:t.bounds.left>t.canvasSize.width&&t.direction===e.OutModeDirection.right&&(t.particle.position.x=t.canvasSize.width-t.size-t.offset.x);const s=t.particle.velocity.x;let i=!1;if(t.outOfCanvas&&(t.direction===e.OutModeDirection.right&&s>0||t.direction===e.OutModeDirection.left&&s<0)){const s=e.getRangeValue(t.particle.options.bounce.horizontal.value);t.particle.velocity.x*=-s,i=!0}if(!i)return;const n=t.offset.x+t.size;t.outOfCanvas&&t.direction===e.OutModeDirection.right?t.particle.position.x=t.canvasSize.width-n:t.outOfCanvas&&t.direction===e.OutModeDirection.left&&(t.particle.position.x=n),t.outMode===e.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:s,bounds:d,canvasSize:u,offset:l,outOfCanvas:p,size:c}),function(t){if(t.outMode!==e.OutMode.bounce&&t.outMode!==e.OutMode.split||t.direction!==e.OutModeDirection.bottom&&t.direction!==e.OutModeDirection.top)return;t.bounds.bottom<0&&t.direction===e.OutModeDirection.top?t.particle.position.y=t.size+t.offset.y:t.bounds.top>t.canvasSize.height&&t.direction===e.OutModeDirection.bottom&&(t.particle.position.y=t.canvasSize.height-t.size-t.offset.y);const s=t.particle.velocity.y;let i=!1;if(t.outOfCanvas&&(t.direction===e.OutModeDirection.bottom&&s>0||t.direction===e.OutModeDirection.top&&s<0)){const s=e.getRangeValue(t.particle.options.bounce.vertical.value);t.particle.velocity.y*=-s,i=!0}if(!i)return;const n=t.offset.y+t.size;t.outOfCanvas&&t.direction===e.OutModeDirection.bottom?t.particle.position.y=t.canvasSize.height-n:t.outOfCanvas&&t.direction===e.OutModeDirection.top&&(t.particle.position.y=n),t.outMode===e.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:s,bounds:d,canvasSize:u,offset:l,outOfCanvas:p,size:c})}}class i{modes;constructor(t){this.modes=[e.OutMode.destroy]}update(t,s,i,n){if(this.modes.includes(n)){switch(t.outType){case e.ParticleOutType.normal:case e.ParticleOutType.outside:if(t.isInsideCanvasForOutMode(n,s))return;break;case e.ParticleOutType.inside:{const{dx:s,dy:i}=e.getDistances(t.position,t.moveCenter),{x:n,y:o}=t.velocity;if(n<0&&s>t.moveCenter.radius||o<0&&i>t.moveCenter.radius||n>=0&&s<-t.moveCenter.radius||o>=0&&i<-t.moveCenter.radius)return;break}}t.destroy(!0)}}}class n{modes;#t;constructor(t){this.#t=t,this.modes=[e.OutMode.none]}update(t,s,i,n){if(!this.modes.includes(n))return;if((t.options.move.distance.horizontal&&(s===e.OutModeDirection.left||s===e.OutModeDirection.right))??(t.options.move.distance.vertical&&(s===e.OutModeDirection.top||s===e.OutModeDirection.bottom)))return;const o=t.options.move.gravity,a=this.#t,r=a.canvas.size,l=t.getRadius();if(o.enable){const i=t.position;(!o.inverse&&i.y>r.height+l&&s===e.OutModeDirection.bottom||o.inverse&&i.y<-l&&s===e.OutModeDirection.top)&&t.destroy()}else{if(t.velocity.y>0&&t.position.y<=r.height+l||t.velocity.y<0&&t.position.y>=-l||t.velocity.x>0&&t.position.x<=r.width+l||t.velocity.x<0&&t.position.x>=-l)return;e.isPointInside(t.position,a.canvas.size,e.originPoint,l,s)||t.destroy()}}}const o=e.Vector.origin;class a{modes;#t;constructor(t){this.#t=t,this.modes=[e.OutMode.out]}update(t,s,i,n){if(!this.modes.includes(n))return;const a=this.#t;switch(t.outType){case e.ParticleOutType.inside:{const{x:s,y:i}=t.velocity;o.setTo(e.originPoint),o.length=t.moveCenter.radius,o.angle=t.velocity.angle+Math.PI,o.addTo(t.moveCenter);const{dx:n,dy:r}=e.getDistances(t.position,o);if(s<=0&&n>=0||i<=0&&r>=0||s>=0&&n<=0||i>=0&&r<=0)return;t.position.x=Math.floor(e.randomInRangeValue({min:0,max:a.canvas.size.width})),t.position.y=Math.floor(e.randomInRangeValue({min:0,max:a.canvas.size.height}));const{dx:l,dy:c}=e.getDistances(t.position,t.moveCenter);t.direction=Math.atan2(-c,-l),t.velocity.angle=t.direction,t.justWarped=!0;break}default:if(t.isInsideCanvasForOutMode(n,s))return;switch(t.outType){case e.ParticleOutType.outside:{t.position.x=Math.floor(e.randomInRangeValue({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x,t.position.y=Math.floor(e.randomInRangeValue({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;const{dx:s,dy:i}=e.getDistances(t.position,t.moveCenter);t.moveCenter.radius&&(t.direction=Math.atan2(i,s),t.velocity.angle=t.direction),t.justWarped=!0;break}case e.ParticleOutType.normal:{const i=t.options.move.warp,n=a.canvas.size,o={bottom:n.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:n.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},r=t.getRadius(),l=e.calculateBounds(t.position,r);s===e.OutModeDirection.right&&l.left>n.width+t.offset.x?(t.position.x=o.left,t.initialPosition.x=t.position.x,i||(t.position.y=e.getRandom()*n.height,t.initialPosition.y=t.position.y),t.justWarped=!0):s===e.OutModeDirection.left&&l.right<-t.offset.x&&(t.position.x=o.right,t.initialPosition.x=t.position.x,i||(t.position.y=e.getRandom()*n.height,t.initialPosition.y=t.position.y),t.justWarped=!0),s===e.OutModeDirection.bottom&&l.top>n.height+t.offset.y?(i||(t.position.x=e.getRandom()*n.width,t.initialPosition.x=t.position.x),t.position.y=o.top,t.initialPosition.y=t.position.y,t.justWarped=!0):s===e.OutModeDirection.top&&l.bottom<-t.offset.y&&(i||(t.position.x=e.getRandom()*n.width,t.initialPosition.x=t.position.x),t.position.y=o.bottom,t.initialPosition.y=t.position.y,t.justWarped=!0);break}}}}}class r{updaters;#t;constructor(t){this.#t=t,this.updaters=new Map}init(t){this.#s(t,e.OutMode.bounce,t=>new s(t)),this.#s(t,e.OutMode.out,t=>new a(t)),this.#s(t,e.OutMode.destroy,t=>new i(t)),this.#s(t,e.OutMode.none,t=>new n(t))}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,s){const i=t.options.move.outModes;t.justWarped=!1,this.#i(t,s,i.bottom??i.default,e.OutModeDirection.bottom),this.#i(t,s,i.left??i.default,e.OutModeDirection.left),this.#i(t,s,i.right??i.default,e.OutModeDirection.right),this.#i(t,s,i.top??i.default,e.OutModeDirection.top)}#s=(t,e,s)=>{const i=t.options.move.outModes;!this.updaters.has(e)&&((t,e)=>t.default===e||t.bottom===e||t.left===e||t.right===e||t.top===e)(i,e)&&this.updaters.set(e,s(this.#t))};#i=(t,e,s,i)=>{for(const n of this.updaters.values())n.update(t,i,e,s)}}async function l(t){t.checkVersion("4.1.0"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("outModes",t=>Promise.resolve(new r(t)))})}const c=globalThis;c.__tsParticlesInternals=c.__tsParticlesInternals??{},c.loadOutModesUpdater=l,t.loadOutModesUpdater=l}),Object.assign(globalThis.window||globalThis,{loadOutModesUpdater:(globalThis.__tsParticlesInternals.updaters.outModes||{}).loadOutModesUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/BounceOutMode.d.ts

@@ -1,9 +1,8 @@
 import { type Container, type IDelta, OutMode, type OutModeDirection, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class BounceOutMode implements IOutModeManager {
-    private readonly container;
+    #private;
     modes: (OutMode | keyof typeof OutMode)[];
-    private readonly _particleBouncePlugins;
     constructor(container: Container);
     update(particle: Particle, direction: OutModeDirection, delta: IDelta, outMode: OutMode | keyof typeof OutMode): void;
 }

package/types/DestroyOutMode.d.ts

@@ -1,8 +1,7 @@
 import { type Container, type IDelta, OutMode, type OutModeDirection, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class DestroyOutMode implements IOutModeManager {
-    private readonly container;
     modes: (OutMode | keyof typeof OutMode)[];
-    constructor(container: Container);
+    constructor(_container: Container);
     update(particle: Particle, direction: OutModeDirection, _delta: IDelta, outMode: OutMode | keyof typeof OutMode): void;
 }

package/types/IBounceData.d.ts

@@ -5,6 +5,7 @@ export interface IBounceData {
     direction: OutModeDirection;
     offset: ICoordinates;
     outMode: OutMode | keyof typeof OutMode;
+    outOfCanvas: boolean;
     particle: Particle;
     size: number;
 }

package/types/NoneOutMode.d.ts

@@ -1,7 +1,7 @@
 import { type Container, type IDelta, OutMode, OutModeDirection, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class NoneOutMode implements IOutModeManager {
-    private readonly container;
+    #private;
     modes: (OutMode | keyof typeof OutMode)[];
     constructor(container: Container);
     update(particle: Particle, direction: OutModeDirection, _delta: IDelta, outMode: OutMode | keyof typeof OutMode): void;

package/types/OutOfCanvasUpdater.d.ts

@@ -1,12 +1,10 @@
 import { type Container, type IDelta, type IParticleUpdater, OutMode, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class OutOfCanvasUpdater implements IParticleUpdater {
+    #private;
     updaters: Map<OutMode, IOutModeManager>;
-    private readonly container;
     constructor(container: Container);
     init(particle: Particle): void;
     isEnabled(particle: Particle): boolean;
     update(particle: Particle, delta: IDelta): void;
-    private readonly _addUpdaterIfMissing;
-    private readonly _updateOutMode;
 }

package/types/OutOutMode.d.ts

@@ -1,7 +1,7 @@
 import { type Container, type IDelta, OutMode, OutModeDirection, type Particle } from "@tsparticles/engine";
 import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class OutOutMode implements IOutModeManager {
-    private readonly container;
+    #private;
     modes: (OutMode | keyof typeof OutMode)[];
     constructor(container: Container);
     update(particle: Particle, direction: OutModeDirection, _delta: IDelta, outMode: OutMode | keyof typeof OutMode): void;