@tsparticles/updater-out-modes 3.9.1 → 4.0.0-alpha.1

package/822.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 822.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_updater_out_modes=this.webpackChunk_tsparticles_updater_out_modes||[]).push([[822],{822(t,i,e){e.d(i,{OutOfCanvasUpdater:()=>d});var o=e(303);class n{constructor(t){this.container=t,this.modes=[o.OutMode.bounce,o.OutMode.split]}update(t,i,e,n){if(!this.modes.includes(n))return;const s=this.container;let r=!1;for(const o of s.plugins.values())if(void 0!==o.particleBounce&&(r=o.particleBounce(t,e,i)),r)break;if(r)return;const a=t.getPosition(),d=t.offset,c=t.getRadius(),u=(0,o.calculateBounds)(a,c),p=s.canvas.size;!function(t){if(t.outMode!==o.OutMode.bounce&&t.outMode!==o.OutMode.split||t.direction!==o.OutModeDirection.left&&t.direction!==o.OutModeDirection.right)return;t.bounds.right<0&&t.direction===o.OutModeDirection.left?t.particle.position.x=t.size+t.offset.x:t.bounds.left>t.canvasSize.width&&t.direction===o.OutModeDirection.right&&(t.particle.position.x=t.canvasSize.width-t.size-t.offset.x);const i=t.particle.velocity.x;let e=!1;if(t.direction===o.OutModeDirection.right&&t.bounds.right>=t.canvasSize.width&&i>0||t.direction===o.OutModeDirection.left&&t.bounds.left<=0&&i<0){const i=(0,o.getRangeValue)(t.particle.options.bounce.horizontal.value);t.particle.velocity.x*=-i,e=!0}if(!e)return;const n=t.offset.x+t.size;t.bounds.right>=t.canvasSize.width&&t.direction===o.OutModeDirection.right?t.particle.position.x=t.canvasSize.width-n:t.bounds.left<=0&&t.direction===o.OutModeDirection.left&&(t.particle.position.x=n),t.outMode===o.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:i,bounds:u,canvasSize:p,offset:d,size:c}),function(t){if(t.outMode!==o.OutMode.bounce&&t.outMode!==o.OutMode.split||t.direction!==o.OutModeDirection.bottom&&t.direction!==o.OutModeDirection.top)return;t.bounds.bottom<0&&t.direction===o.OutModeDirection.top?t.particle.position.y=t.size+t.offset.y:t.bounds.top>t.canvasSize.height&&t.direction===o.OutModeDirection.bottom&&(t.particle.position.y=t.canvasSize.height-t.size-t.offset.y);const i=t.particle.velocity.y;let e=!1;if(t.direction===o.OutModeDirection.bottom&&t.bounds.bottom>=t.canvasSize.height&&i>0||t.direction===o.OutModeDirection.top&&t.bounds.top<=0&&i<0){const i=(0,o.getRangeValue)(t.particle.options.bounce.vertical.value);t.particle.velocity.y*=-i,e=!0}if(!e)return;const n=t.offset.y+t.size;t.bounds.bottom>=t.canvasSize.height&&t.direction===o.OutModeDirection.bottom?t.particle.position.y=t.canvasSize.height-n:t.bounds.top<=0&&t.direction===o.OutModeDirection.top&&(t.particle.position.y=n),t.outMode===o.OutMode.split&&t.particle.destroy()}({particle:t,outMode:n,direction:i,bounds:u,canvasSize:p,offset:d,size:c})}}class s{constructor(t){this.container=t,this.modes=[o.OutMode.destroy]}update(t,i,e,n){if(!this.modes.includes(n))return;const s=this.container;switch(t.outType){case o.ParticleOutType.normal:case o.ParticleOutType.outside:if((0,o.isPointInside)(t.position,s.canvas.size,o.Vector.origin,t.getRadius(),i))return;break;case o.ParticleOutType.inside:{const{dx:i,dy:e}=(0,o.getDistances)(t.position,t.moveCenter),{x:n,y:s}=t.velocity;if(n<0&&i>t.moveCenter.radius||s<0&&e>t.moveCenter.radius||n>=0&&i<-t.moveCenter.radius||s>=0&&e<-t.moveCenter.radius)return;break}}s.particles.remove(t,t.group,!0)}}class r{constructor(t){this.container=t,this.modes=[o.OutMode.none]}update(t,i,e,n){if(!this.modes.includes(n))return;if((t.options.move.distance.horizontal&&(i===o.OutModeDirection.left||i===o.OutModeDirection.right))??(t.options.move.distance.vertical&&(i===o.OutModeDirection.top||i===o.OutModeDirection.bottom)))return;const s=t.options.move.gravity,r=this.container,a=r.canvas.size,d=t.getRadius();if(s.enable){const e=t.position;(!s.inverse&&e.y>a.height+d&&i===o.OutModeDirection.bottom||s.inverse&&e.y<-d&&i===o.OutModeDirection.top)&&r.particles.remove(t)}else{if(t.velocity.y>0&&t.position.y<=a.height+d||t.velocity.y<0&&t.position.y>=-d||t.velocity.x>0&&t.position.x<=a.width+d||t.velocity.x<0&&t.position.x>=-d)return;(0,o.isPointInside)(t.position,r.canvas.size,o.Vector.origin,d,i)||r.particles.remove(t)}}}class a{constructor(t){this.container=t,this.modes=[o.OutMode.out]}update(t,i,e,n){if(!this.modes.includes(n))return;const s=this.container;switch(t.outType){case o.ParticleOutType.inside:{const{x:i,y:e}=t.velocity,n=o.Vector.origin;n.length=t.moveCenter.radius,n.angle=t.velocity.angle+Math.PI,n.addTo(o.Vector.create(t.moveCenter));const{dx:r,dy:a}=(0,o.getDistances)(t.position,n);if(i<=0&&r>=0||e<=0&&a>=0||i>=0&&r<=0||e>=0&&a<=0)return;t.position.x=Math.floor((0,o.randomInRangeValue)({min:0,max:s.canvas.size.width})),t.position.y=Math.floor((0,o.randomInRangeValue)({min:0,max:s.canvas.size.height}));const{dx:d,dy:c}=(0,o.getDistances)(t.position,t.moveCenter);t.direction=Math.atan2(-c,-d),t.velocity.angle=t.direction;break}default:if((0,o.isPointInside)(t.position,s.canvas.size,o.Vector.origin,t.getRadius(),i))return;switch(t.outType){case o.ParticleOutType.outside:{t.position.x=Math.floor((0,o.randomInRangeValue)({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x,t.position.y=Math.floor((0,o.randomInRangeValue)({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;const{dx:i,dy:e}=(0,o.getDistances)(t.position,t.moveCenter);t.moveCenter.radius&&(t.direction=Math.atan2(e,i),t.velocity.angle=t.direction);break}case o.ParticleOutType.normal:{const e=t.options.move.warp,n=s.canvas.size,r={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},a=t.getRadius(),d=(0,o.calculateBounds)(t.position,a);i===o.OutModeDirection.right&&d.left>n.width+t.offset.x?(t.position.x=r.left,t.initialPosition.x=t.position.x,e||(t.position.y=(0,o.getRandom)()*n.height,t.initialPosition.y=t.position.y)):i===o.OutModeDirection.left&&d.right<-t.offset.x&&(t.position.x=r.right,t.initialPosition.x=t.position.x,e||(t.position.y=(0,o.getRandom)()*n.height,t.initialPosition.y=t.position.y)),i===o.OutModeDirection.bottom&&d.top>n.height+t.offset.y?(e||(t.position.x=(0,o.getRandom)()*n.width,t.initialPosition.x=t.position.x),t.position.y=r.top,t.initialPosition.y=t.position.y):i===o.OutModeDirection.top&&d.bottom<-t.offset.y&&(e||(t.position.x=(0,o.getRandom)()*n.width,t.initialPosition.x=t.position.x),t.position.y=r.bottom,t.initialPosition.y=t.position.y);break}}}}}class d{constructor(t){this._addUpdaterIfMissing=(t,i,e)=>{const o=t.options.move.outModes;!this.updaters.has(i)&&((t,i)=>t.default===i||t.bottom===i||t.left===i||t.right===i||t.top===i)(o,i)&&this.updaters.set(i,e(this.container))},this._updateOutMode=(t,i,e,o)=>{for(const n of this.updaters.values())n.update(t,o,i,e)},this.container=t,this.updaters=new Map}init(t){this._addUpdaterIfMissing(t,o.OutMode.bounce,(t=>new n(t))),this._addUpdaterIfMissing(t,o.OutMode.out,(t=>new a(t))),this._addUpdaterIfMissing(t,o.OutMode.destroy,(t=>new s(t))),this._addUpdaterIfMissing(t,o.OutMode.none,(t=>new r(t)))}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,i){const e=t.options.move.outModes;this._updateOutMode(t,i,e.bottom??e.default,o.OutModeDirection.bottom),this._updateOutMode(t,i,e.left??e.default,o.OutModeDirection.left),this._updateOutMode(t,i,e.right??e.default,o.OutModeDirection.right),this._updateOutMode(t,i,e.top??e.default,o.OutModeDirection.top)}}}}]);

package/822.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Out Modes Updater v4.0.0-alpha.1 by Matteo Bruni */

package/browser/NoneOutMode.js

@@ -5,7 +5,7 @@ export class NoneOutMode {
         this.container = container;
         this.modes = [OutMode.none];
     }
-    update(particle, direction, delta, outMode) {
+    update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }

package/browser/OutOutMode.js

@@ -1,11 +1,11 @@
-import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, randomInRange, } from "@tsparticles/engine";
+import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, randomInRangeValue, } from "@tsparticles/engine";
 const minVelocity = 0, minDistance = 0;
 export class OutOutMode {
     constructor(container) {
         this.container = container;
         this.modes = [OutMode.out];
     }
-    update(particle, direction, delta, outMode) {
+    update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
@@ -24,11 +24,11 @@ export class OutOutMode {
                     (vy >= minVelocity && dy <= minDistance)) {
                     return;
                 }
-                particle.position.x = Math.floor(randomInRange({
+                particle.position.x = Math.floor(randomInRangeValue({
                     min: 0,
                     max: container.canvas.size.width,
                 }));
-                particle.position.y = Math.floor(randomInRange({
+                particle.position.y = Math.floor(randomInRangeValue({
                     min: 0,
                     max: container.canvas.size.height,
                 }));
@@ -44,12 +44,12 @@ export class OutOutMode {
                 switch (particle.outType) {
                     case ParticleOutType.outside: {
                         particle.position.x =
-                            Math.floor(randomInRange({
+                            Math.floor(randomInRangeValue({
                                 min: -particle.moveCenter.radius,
                                 max: particle.moveCenter.radius,
                             })) + particle.moveCenter.x;
                         particle.position.y =
-                            Math.floor(randomInRange({
+                            Math.floor(randomInRangeValue({
                                 min: -particle.moveCenter.radius,
                                 max: particle.moveCenter.radius,
                             })) + particle.moveCenter.y;

package/browser/index.js

@@ -1,7 +1,9 @@
-import { OutOfCanvasUpdater } from "./OutOfCanvasUpdater.js";
-export async function loadOutModesUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("outModes", container => {
-        return Promise.resolve(new OutOfCanvasUpdater(container));
-    }, refresh);
+export function loadOutModesUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("outModes", async (container) => {
+            const { OutOfCanvasUpdater } = await import("./OutOfCanvasUpdater.js");
+            return new OutOfCanvasUpdater(container);
+        });
+    });
 }

package/cjs/BounceOutMode.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BounceOutMode = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
-class BounceOutMode {
+import { OutMode, calculateBounds, } from "@tsparticles/engine";
+import { bounceHorizontal, bounceVertical } from "./Utils.js";
+export class BounceOutMode {
     constructor(container) {
         this.container = container;
         this.modes = [
-            engine_1.OutMode.bounce,
-            engine_1.OutMode.split,
+            OutMode.bounce,
+            OutMode.split,
         ];
     }
     update(particle, direction, delta, outMode) {
@@ -28,9 +25,8 @@ class BounceOutMode {
         if (handled) {
             return;
         }
-        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = (0, engine_1.calculateBounds)(pos, size), canvasSize = container.canvas.size;
-        (0, Utils_js_1.bounceHorizontal)({ particle, outMode, direction, bounds, canvasSize, offset, size });
-        (0, Utils_js_1.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;
+        bounceHorizontal({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        bounceVertical({ particle, outMode, direction, bounds, canvasSize, offset, size });
     }
 }
-exports.BounceOutMode = BounceOutMode;

package/cjs/DestroyOutMode.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DestroyOutMode = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { OutMode, ParticleOutType, Vector, getDistances, isPointInside, } from "@tsparticles/engine";
 const minVelocity = 0;
-class DestroyOutMode {
+export class DestroyOutMode {
     constructor(container) {
         this.container = container;
-        this.modes = [engine_1.OutMode.destroy];
+        this.modes = [OutMode.destroy];
     }
     update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
@@ -14,14 +11,14 @@ class DestroyOutMode {
         }
         const container = this.container;
         switch (particle.outType) {
-            case engine_1.ParticleOutType.normal:
-            case engine_1.ParticleOutType.outside:
-                if ((0, engine_1.isPointInside)(particle.position, container.canvas.size, engine_1.Vector.origin, particle.getRadius(), direction)) {
+            case ParticleOutType.normal:
+            case ParticleOutType.outside:
+                if (isPointInside(particle.position, container.canvas.size, Vector.origin, particle.getRadius(), direction)) {
                     return;
                 }
                 break;
-            case engine_1.ParticleOutType.inside: {
-                const { dx, dy } = (0, engine_1.getDistances)(particle.position, particle.moveCenter), { x: vx, y: vy } = particle.velocity;
+            case ParticleOutType.inside: {
+                const { dx, dy } = getDistances(particle.position, particle.moveCenter), { x: vx, y: vy } = particle.velocity;
                 if ((vx < minVelocity && dx > particle.moveCenter.radius) ||
                     (vy < minVelocity && dy > particle.moveCenter.radius) ||
                     (vx >= minVelocity && dx < -particle.moveCenter.radius) ||
@@ -34,4 +31,3 @@ class DestroyOutMode {
         container.particles.remove(particle, particle.group, true);
     }
 }
-exports.DestroyOutMode = DestroyOutMode;

package/cjs/IBounceData.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/IOutModeManager.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/NoneOutMode.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoneOutMode = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { OutMode, OutModeDirection, Vector, isPointInside, } from "@tsparticles/engine";
 const minVelocity = 0;
-class NoneOutMode {
+export class NoneOutMode {
     constructor(container) {
         this.container = container;
-        this.modes = [engine_1.OutMode.none];
+        this.modes = [OutMode.none];
     }
-    update(particle, direction, delta, outMode) {
+    update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
         if ((particle.options.move.distance.horizontal &&
-            (direction === engine_1.OutModeDirection.left || direction === engine_1.OutModeDirection.right)) ??
+            (direction === OutModeDirection.left || direction === OutModeDirection.right)) ??
             (particle.options.move.distance.vertical &&
-                (direction === engine_1.OutModeDirection.top || direction === engine_1.OutModeDirection.bottom))) {
+                (direction === OutModeDirection.top || direction === OutModeDirection.bottom))) {
             return;
         }
         const gravityOptions = particle.options.move.gravity, container = this.container, canvasSize = container.canvas.size, pRadius = particle.getRadius();
@@ -26,7 +23,7 @@ class NoneOutMode {
                 (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)) {
+            if (!isPointInside(particle.position, container.canvas.size, Vector.origin, pRadius, direction)) {
                 container.particles.remove(particle);
             }
         }
@@ -34,11 +31,10 @@ class NoneOutMode {
             const position = particle.position;
             if ((!gravityOptions.inverse &&
                 position.y > canvasSize.height + pRadius &&
-                direction === engine_1.OutModeDirection.bottom) ||
-                (gravityOptions.inverse && position.y < -pRadius && direction === engine_1.OutModeDirection.top)) {
+                direction === OutModeDirection.bottom) ||
+                (gravityOptions.inverse && position.y < -pRadius && direction === OutModeDirection.top)) {
                 container.particles.remove(particle);
             }
         }
     }
 }
-exports.NoneOutMode = NoneOutMode;

package/cjs/OutOfCanvasUpdater.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OutOfCanvasUpdater = void 0;
-const engine_1 = require("@tsparticles/engine");
-const BounceOutMode_js_1 = require("./BounceOutMode.js");
-const DestroyOutMode_js_1 = require("./DestroyOutMode.js");
-const NoneOutMode_js_1 = require("./NoneOutMode.js");
-const OutOutMode_js_1 = require("./OutOutMode.js");
+import { OutMode, OutModeDirection, } from "@tsparticles/engine";
+import { BounceOutMode } from "./BounceOutMode.js";
+import { DestroyOutMode } from "./DestroyOutMode.js";
+import { NoneOutMode } from "./NoneOutMode.js";
+import { OutOutMode } from "./OutOutMode.js";
 const checkOutMode = (outModes, outMode) => {
     return (outModes.default === outMode ||
         outModes.bottom === outMode ||
@@ -13,7 +10,7 @@ const checkOutMode = (outModes, outMode) => {
         outModes.right === outMode ||
         outModes.top === outMode);
 };
-class OutOfCanvasUpdater {
+export class OutOfCanvasUpdater {
     constructor(container) {
         this._addUpdaterIfMissing = (particle, outMode, getUpdater) => {
             const outModes = particle.options.move.outModes;
@@ -30,20 +27,19 @@ class OutOfCanvasUpdater {
         this.updaters = new Map();
     }
     init(particle) {
-        this._addUpdaterIfMissing(particle, engine_1.OutMode.bounce, container => new BounceOutMode_js_1.BounceOutMode(container));
-        this._addUpdaterIfMissing(particle, engine_1.OutMode.out, container => new OutOutMode_js_1.OutOutMode(container));
-        this._addUpdaterIfMissing(particle, engine_1.OutMode.destroy, container => new DestroyOutMode_js_1.DestroyOutMode(container));
-        this._addUpdaterIfMissing(particle, engine_1.OutMode.none, container => new NoneOutMode_js_1.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;
     }
     update(particle, delta) {
         const outModes = particle.options.move.outModes;
-        this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, engine_1.OutModeDirection.bottom);
-        this._updateOutMode(particle, delta, outModes.left ?? outModes.default, engine_1.OutModeDirection.left);
-        this._updateOutMode(particle, delta, outModes.right ?? outModes.default, engine_1.OutModeDirection.right);
-        this._updateOutMode(particle, delta, outModes.top ?? outModes.default, engine_1.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);
     }
 }
-exports.OutOfCanvasUpdater = OutOfCanvasUpdater;

package/cjs/OutOutMode.js

@@ -1,104 +1,101 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OutOutMode = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { OutMode, OutModeDirection, ParticleOutType, Vector, calculateBounds, getDistances, getRandom, isPointInside, randomInRangeValue, } from "@tsparticles/engine";
 const minVelocity = 0, minDistance = 0;
-class OutOutMode {
+export class OutOutMode {
     constructor(container) {
         this.container = container;
-        this.modes = [engine_1.OutMode.out];
+        this.modes = [OutMode.out];
     }
-    update(particle, direction, delta, outMode) {
+    update(particle, direction, _delta, outMode) {
         if (!this.modes.includes(outMode)) {
             return;
         }
         const container = this.container;
         switch (particle.outType) {
-            case engine_1.ParticleOutType.inside: {
+            case ParticleOutType.inside: {
                 const { x: vx, y: vy } = particle.velocity;
-                const circVec = engine_1.Vector.origin;
+                const circVec = Vector.origin;
                 circVec.length = particle.moveCenter.radius;
                 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);
+                circVec.addTo(Vector.create(particle.moveCenter));
+                const { dx, dy } = getDistances(particle.position, circVec);
                 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)({
+                particle.position.x = Math.floor(randomInRangeValue({
                     min: 0,
                     max: container.canvas.size.width,
                 }));
-                particle.position.y = Math.floor((0, engine_1.randomInRange)({
+                particle.position.y = Math.floor(randomInRangeValue({
                     min: 0,
                     max: container.canvas.size.height,
                 }));
-                const { dx: newDx, dy: newDy } = (0, engine_1.getDistances)(particle.position, particle.moveCenter);
+                const { dx: newDx, dy: newDy } = getDistances(particle.position, particle.moveCenter);
                 particle.direction = Math.atan2(-newDy, -newDx);
                 particle.velocity.angle = particle.direction;
                 break;
             }
             default: {
-                if ((0, engine_1.isPointInside)(particle.position, container.canvas.size, engine_1.Vector.origin, particle.getRadius(), direction)) {
+                if (isPointInside(particle.position, container.canvas.size, Vector.origin, particle.getRadius(), direction)) {
                     return;
                 }
                 switch (particle.outType) {
-                    case engine_1.ParticleOutType.outside: {
+                    case ParticleOutType.outside: {
                         particle.position.x =
-                            Math.floor((0, engine_1.randomInRange)({
+                            Math.floor(randomInRangeValue({
                                 min: -particle.moveCenter.radius,
                                 max: particle.moveCenter.radius,
                             })) + particle.moveCenter.x;
                         particle.position.y =
-                            Math.floor((0, engine_1.randomInRange)({
+                            Math.floor(randomInRangeValue({
                                 min: -particle.moveCenter.radius,
                                 max: particle.moveCenter.radius,
                             })) + particle.moveCenter.y;
-                        const { dx, dy } = (0, engine_1.getDistances)(particle.position, particle.moveCenter);
+                        const { dx, dy } = getDistances(particle.position, particle.moveCenter);
                         if (particle.moveCenter.radius) {
                             particle.direction = Math.atan2(dy, dx);
                             particle.velocity.angle = particle.direction;
                         }
                         break;
                     }
-                    case engine_1.ParticleOutType.normal: {
+                    case ParticleOutType.normal: {
                         const warp = particle.options.move.warp, canvasSize = container.canvas.size, newPos = {
                             bottom: canvasSize.height + particle.getRadius() + particle.offset.y,
                             left: -particle.getRadius() - particle.offset.x,
                             right: canvasSize.width + particle.getRadius() + particle.offset.x,
                             top: -particle.getRadius() - particle.offset.y,
-                        }, sizeValue = particle.getRadius(), nextBounds = (0, engine_1.calculateBounds)(particle.position, sizeValue);
-                        if (direction === engine_1.OutModeDirection.right &&
+                        }, sizeValue = particle.getRadius(), nextBounds = calculateBounds(particle.position, sizeValue);
+                        if (direction === OutModeDirection.right &&
                             nextBounds.left > canvasSize.width + particle.offset.x) {
                             particle.position.x = newPos.left;
                             particle.initialPosition.x = particle.position.x;
                             if (!warp) {
-                                particle.position.y = (0, engine_1.getRandom)() * canvasSize.height;
+                                particle.position.y = getRandom() * canvasSize.height;
                                 particle.initialPosition.y = particle.position.y;
                             }
                         }
-                        else if (direction === engine_1.OutModeDirection.left && nextBounds.right < -particle.offset.x) {
+                        else if (direction === OutModeDirection.left && nextBounds.right < -particle.offset.x) {
                             particle.position.x = newPos.right;
                             particle.initialPosition.x = particle.position.x;
                             if (!warp) {
-                                particle.position.y = (0, engine_1.getRandom)() * canvasSize.height;
+                                particle.position.y = getRandom() * canvasSize.height;
                                 particle.initialPosition.y = particle.position.y;
                             }
                         }
-                        if (direction === engine_1.OutModeDirection.bottom &&
+                        if (direction === OutModeDirection.bottom &&
                             nextBounds.top > canvasSize.height + particle.offset.y) {
                             if (!warp) {
-                                particle.position.x = (0, engine_1.getRandom)() * canvasSize.width;
+                                particle.position.x = getRandom() * canvasSize.width;
                                 particle.initialPosition.x = particle.position.x;
                             }
                             particle.position.y = newPos.top;
                             particle.initialPosition.y = particle.position.y;
                         }
-                        else if (direction === engine_1.OutModeDirection.top && nextBounds.bottom < -particle.offset.y) {
+                        else if (direction === OutModeDirection.top && nextBounds.bottom < -particle.offset.y) {
                             if (!warp) {
-                                particle.position.x = (0, engine_1.getRandom)() * canvasSize.width;
+                                particle.position.x = getRandom() * canvasSize.width;
                                 particle.initialPosition.x = particle.position.x;
                             }
                             particle.position.y = newPos.bottom;
@@ -112,4 +109,3 @@ class OutOutMode {
         }
     }
 }
-exports.OutOutMode = OutOutMode;

package/cjs/Utils.js

@@ -1,27 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bounceHorizontal = bounceHorizontal;
-exports.bounceVertical = bounceVertical;
-const engine_1 = require("@tsparticles/engine");
+import { OutMode, OutModeDirection, getRangeValue } from "@tsparticles/engine";
 const minVelocity = 0, boundsMin = 0;
-function bounceHorizontal(data) {
-    if ((data.outMode !== engine_1.OutMode.bounce && data.outMode !== engine_1.OutMode.split) ||
-        (data.direction !== engine_1.OutModeDirection.left && data.direction !== engine_1.OutModeDirection.right)) {
+export function bounceHorizontal(data) {
+    if ((data.outMode !== OutMode.bounce && data.outMode !== OutMode.split) ||
+        (data.direction !== OutModeDirection.left && data.direction !== OutModeDirection.right)) {
         return;
     }
-    if (data.bounds.right < boundsMin && data.direction === engine_1.OutModeDirection.left) {
+    if (data.bounds.right < boundsMin && data.direction === OutModeDirection.left) {
         data.particle.position.x = data.size + data.offset.x;
     }
-    else if (data.bounds.left > data.canvasSize.width && data.direction === engine_1.OutModeDirection.right) {
+    else if (data.bounds.left > data.canvasSize.width && data.direction === OutModeDirection.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 === engine_1.OutModeDirection.right &&
+    if ((data.direction === OutModeDirection.right &&
         data.bounds.right >= data.canvasSize.width &&
         velocity > minVelocity) ||
-        (data.direction === engine_1.OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
-        const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.horizontal.value);
+        (data.direction === OutModeDirection.left && data.bounds.left <= boundsMin && velocity < minVelocity)) {
+        const newVelocity = getRangeValue(data.particle.options.bounce.horizontal.value);
         data.particle.velocity.x *= -newVelocity;
         bounced = true;
     }
@@ -29,34 +25,34 @@ function bounceHorizontal(data) {
         return;
     }
     const minPos = data.offset.x + data.size;
-    if (data.bounds.right >= data.canvasSize.width && data.direction === engine_1.OutModeDirection.right) {
+    if (data.bounds.right >= data.canvasSize.width && data.direction === OutModeDirection.right) {
         data.particle.position.x = data.canvasSize.width - minPos;
     }
-    else if (data.bounds.left <= boundsMin && data.direction === engine_1.OutModeDirection.left) {
+    else if (data.bounds.left <= boundsMin && data.direction === OutModeDirection.left) {
         data.particle.position.x = minPos;
     }
-    if (data.outMode === engine_1.OutMode.split) {
+    if (data.outMode === OutMode.split) {
         data.particle.destroy();
     }
 }
-function bounceVertical(data) {
-    if ((data.outMode !== engine_1.OutMode.bounce && data.outMode !== engine_1.OutMode.split) ||
-        (data.direction !== engine_1.OutModeDirection.bottom && data.direction !== engine_1.OutModeDirection.top)) {
+export function bounceVertical(data) {
+    if ((data.outMode !== OutMode.bounce && data.outMode !== OutMode.split) ||
+        (data.direction !== OutModeDirection.bottom && data.direction !== OutModeDirection.top)) {
         return;
     }
-    if (data.bounds.bottom < boundsMin && data.direction === engine_1.OutModeDirection.top) {
+    if (data.bounds.bottom < boundsMin && data.direction === OutModeDirection.top) {
         data.particle.position.y = data.size + data.offset.y;
     }
-    else if (data.bounds.top > data.canvasSize.height && data.direction === engine_1.OutModeDirection.bottom) {
+    else if (data.bounds.top > data.canvasSize.height && data.direction === OutModeDirection.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 === engine_1.OutModeDirection.bottom &&
+    if ((data.direction === OutModeDirection.bottom &&
         data.bounds.bottom >= data.canvasSize.height &&
         velocity > minVelocity) ||
-        (data.direction === engine_1.OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
-        const newVelocity = (0, engine_1.getRangeValue)(data.particle.options.bounce.vertical.value);
+        (data.direction === OutModeDirection.top && data.bounds.top <= boundsMin && velocity < minVelocity)) {
+        const newVelocity = getRangeValue(data.particle.options.bounce.vertical.value);
         data.particle.velocity.y *= -newVelocity;
         bounced = true;
     }
@@ -64,13 +60,13 @@ function bounceVertical(data) {
         return;
     }
     const minPos = data.offset.y + data.size;
-    if (data.bounds.bottom >= data.canvasSize.height && data.direction === engine_1.OutModeDirection.bottom) {
+    if (data.bounds.bottom >= data.canvasSize.height && data.direction === OutModeDirection.bottom) {
         data.particle.position.y = data.canvasSize.height - minPos;
     }
-    else if (data.bounds.top <= boundsMin && data.direction === engine_1.OutModeDirection.top) {
+    else if (data.bounds.top <= boundsMin && data.direction === OutModeDirection.top) {
         data.particle.position.y = minPos;
     }
-    if (data.outMode === engine_1.OutMode.split) {
+    if (data.outMode === OutMode.split) {
         data.particle.destroy();
     }
 }

package/cjs/index.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadOutModesUpdater = loadOutModesUpdater;
-const OutOfCanvasUpdater_js_1 = require("./OutOfCanvasUpdater.js");
-async function loadOutModesUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addParticleUpdater("outModes", container => {
-        return Promise.resolve(new OutOfCanvasUpdater_js_1.OutOfCanvasUpdater(container));
-    }, refresh);
+export function loadOutModesUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        e.addParticleUpdater("outModes", async (container) => {
+            const { OutOfCanvasUpdater } = await import("./OutOfCanvasUpdater.js");
+            return new OutOfCanvasUpdater(container);
+        });
+    });
 }