@tsparticles/updater-out-modes 3.0.0-alpha.1 → 3.0.0-beta.1

package/tsparticles.updater.out-modes.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadOutModesUpdater": () => (/* binding */ loadOutModesUpdater)
+  loadOutModesUpdater: () => (/* binding */ loadOutModesUpdater)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -99,12 +99,12 @@ var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/Utils.js
 
 function bounceHorizontal(data) {
-  if (data.outMode !== "bounce" && data.outMode !== "bounce-horizontal" && data.outMode !== "bounceHorizontal" && data.outMode !== "split") {
+  if (data.outMode !== "bounce" && data.outMode !== "bounce-horizontal" && data.outMode !== "bounceHorizontal" && data.outMode !== "split" || data.direction !== "left" && data.direction !== "right") {
     return;
   }
-  if (data.bounds.right < 0) {
+  if (data.bounds.right < 0 && data.direction === "left") {
     data.particle.position.x = data.size + data.offset.x;
-  } else if (data.bounds.left > data.canvasSize.width) {
+  } else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
     data.particle.position.x = data.canvasSize.width - data.size - data.offset.x;
   }
   const velocity = data.particle.velocity.x;
@@ -118,9 +118,9 @@ function bounceHorizontal(data) {
     return;
   }
   const minPos = data.offset.x + data.size;
-  if (data.bounds.right >= data.canvasSize.width) {
+  if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
     data.particle.position.x = data.canvasSize.width - minPos;
-  } else if (data.bounds.left <= 0) {
+  } else if (data.bounds.left <= 0 && data.direction === "left") {
     data.particle.position.x = minPos;
   }
   if (data.outMode === "split") {
@@ -128,12 +128,12 @@ function bounceHorizontal(data) {
   }
 }
 function bounceVertical(data) {
-  if (data.outMode !== "bounce" && data.outMode !== "bounce-vertical" && data.outMode !== "bounceVertical" && data.outMode !== "split") {
+  if (data.outMode !== "bounce" && data.outMode !== "bounce-vertical" && data.outMode !== "bounceVertical" && data.outMode !== "split" || data.direction !== "bottom" && data.direction !== "top") {
     return;
   }
-  if (data.bounds.bottom < 0) {
+  if (data.bounds.bottom < 0 && data.direction === "top") {
     data.particle.position.y = data.size + data.offset.y;
-  } else if (data.bounds.top > data.canvasSize.height) {
+  } else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
     data.particle.position.y = data.canvasSize.height - data.size - data.offset.y;
   }
   const velocity = data.particle.velocity.y;
@@ -147,9 +147,9 @@ function bounceVertical(data) {
     return;
   }
   const minPos = data.offset.y + data.size;
-  if (data.bounds.bottom >= data.canvasSize.height) {
+  if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
     data.particle.position.y = data.canvasSize.height - minPos;
-  } else if (data.bounds.top <= 0) {
+  } else if (data.bounds.top <= 0 && data.direction === "top") {
     data.particle.position.y = minPos;
   }
   if (data.outMode === "split") {
@@ -213,7 +213,7 @@ class DestroyOutMode {
     this.container = container;
     this.modes = ["destroy"];
   }
-  update(particle, direction, delta, outMode) {
+  update(particle, direction, _delta, outMode) {
     if (!this.modes.includes(outMode)) {
       return;
     }
@@ -407,6 +407,11 @@ class OutOutMode {
 class OutOfCanvasUpdater {
   constructor(container) {
     this.container = container;
+    this._updateOutMode = (particle, delta, outMode, direction) => {
+      for (const updater of this.updaters) {
+        updater.update(particle, direction, delta, outMode);
+      }
+    };
     this.updaters = [new BounceOutMode(container), new DestroyOutMode(container), new OutOutMode(container), new NoneOutMode(container)];
   }
   init() {}
@@ -414,23 +419,17 @@ class OutOfCanvasUpdater {
     return !particle.destroyed && !particle.spawning;
   }
   update(particle, delta) {
-    var _a, _b, _c, _d;
     const outModes = particle.options.move.outModes;
-    this.updateOutMode(particle, delta, (_a = outModes.bottom) !== null && _a !== void 0 ? _a : outModes.default, "bottom");
-    this.updateOutMode(particle, delta, (_b = outModes.left) !== null && _b !== void 0 ? _b : outModes.default, "left");
-    this.updateOutMode(particle, delta, (_c = outModes.right) !== null && _c !== void 0 ? _c : outModes.default, "right");
-    this.updateOutMode(particle, delta, (_d = outModes.top) !== null && _d !== void 0 ? _d : outModes.default, "top");
-  }
-  updateOutMode(particle, delta, outMode, direction) {
-    for (const updater of this.updaters) {
-      updater.update(particle, direction, delta, outMode);
-    }
+    this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, "bottom");
+    this._updateOutMode(particle, delta, outModes.left ?? outModes.default, "left");
+    this._updateOutMode(particle, delta, outModes.right ?? outModes.default, "right");
+    this._updateOutMode(particle, delta, outModes.top ?? outModes.default, "top");
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadOutModesUpdater(engine) {
-  await engine.addParticleUpdater("outModes", container => new OutOfCanvasUpdater(container));
+async function loadOutModesUpdater(engine, refresh = true) {
+  await engine.addParticleUpdater("outModes", container => new OutOfCanvasUpdater(container), refresh);
 }
 })();
 

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

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

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

@@ -1,8 +1 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
- */
+/*! tsParticles Out Modes Updater v3.0.0-beta.1 by Matteo Bruni */

package/types/BounceOutMode.d.ts

@@ -1,6 +1,5 @@
-import type { Container, IDelta, OutModeAlt, OutModeDirection, Particle } from "@tsparticles/engine";
-import { OutMode } from "@tsparticles/engine";
-import type { IOutModeManager } from "./IOutModeManager";
+import { type Container, type IDelta, OutMode, type OutModeAlt, type OutModeDirection, type Particle } from "@tsparticles/engine";
+import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class BounceOutMode implements IOutModeManager {
     private readonly container;
     modes: (OutMode | OutModeAlt | keyof typeof OutMode)[];

package/types/DestroyOutMode.d.ts

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

package/types/IBounceData.d.ts

@@ -1,5 +1,4 @@
-import type { IBounds, ICoordinates, IDimension, OutMode, OutModeAlt, OutModeDirection } from "@tsparticles/engine";
-import type { Particle } from "@tsparticles/engine";
+import type { IBounds, ICoordinates, IDimension, OutMode, OutModeAlt, OutModeDirection, Particle } from "@tsparticles/engine";
 export interface IBounceData {
     bounds: IBounds;
     canvasSize: IDimension;

package/types/NoneOutMode.d.ts

@@ -1,6 +1,5 @@
-import type { Container, IDelta, OutModeAlt, Particle } from "@tsparticles/engine";
-import { OutMode, OutModeDirection } from "@tsparticles/engine";
-import type { IOutModeManager } from "./IOutModeManager";
+import { type Container, type IDelta, OutMode, type OutModeAlt, OutModeDirection, type Particle } from "@tsparticles/engine";
+import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class NoneOutMode implements IOutModeManager {
     private readonly container;
     modes: (OutMode | OutModeAlt | keyof typeof OutMode)[];

package/types/OutOfCanvasUpdater.d.ts

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

package/types/OutOutMode.d.ts

@@ -1,6 +1,5 @@
-import type { Container, IDelta, OutModeAlt, Particle } from "@tsparticles/engine";
-import { OutMode, OutModeDirection } from "@tsparticles/engine";
-import type { IOutModeManager } from "./IOutModeManager";
+import { type Container, type IDelta, OutMode, type OutModeAlt, OutModeDirection, type Particle } from "@tsparticles/engine";
+import type { IOutModeManager } from "./IOutModeManager.js";
 export declare class OutOutMode implements IOutModeManager {
     private readonly container;
     modes: (OutMode | OutModeAlt | keyof typeof OutMode)[];

package/types/Utils.d.ts

@@ -1,3 +1,3 @@
-import type { IBounceData } from "./IBounceData";
+import type { IBounceData } from "./IBounceData.js";
 export declare function bounceHorizontal(data: IBounceData): void;
 export declare function bounceVertical(data: IBounceData): void;

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadOutModesUpdater(engine: Engine): Promise<void>;
+export declare function loadOutModesUpdater(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/BounceOutMode.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Utils"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.BounceOutMode = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const Utils_1 = require("./Utils");
+    const Utils_js_1 = require("./Utils.js");
     class BounceOutMode {
         constructor(container) {
             this.container = container;
@@ -42,8 +42,8 @@
                 return;
             }
             const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = (0, engine_1.calculateBounds)(pos, size), canvasSize = container.canvas.size;
-            (0, Utils_1.bounceHorizontal)({ particle, outMode, direction, bounds, canvasSize, offset, size });
-            (0, Utils_1.bounceVertical)({ particle, outMode, direction, bounds, canvasSize, offset, 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 });
         }
     }
     exports.BounceOutMode = BounceOutMode;

package/umd/DestroyOutMode.js

@@ -16,7 +16,7 @@
             this.container = container;
             this.modes = ["destroy"];
         }
-        update(particle, direction, delta, outMode) {
+        update(particle, direction, _delta, outMode) {
             if (!this.modes.includes(outMode)) {
                 return;
             }

package/umd/OutOfCanvasUpdater.js

@@ -4,24 +4,29 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./BounceOutMode", "./DestroyOutMode", "./NoneOutMode", "./OutOutMode"], factory);
+        define(["require", "exports", "./BounceOutMode.js", "./DestroyOutMode.js", "./NoneOutMode.js", "./OutOutMode.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.OutOfCanvasUpdater = void 0;
-    const BounceOutMode_1 = require("./BounceOutMode");
-    const DestroyOutMode_1 = require("./DestroyOutMode");
-    const NoneOutMode_1 = require("./NoneOutMode");
-    const OutOutMode_1 = require("./OutOutMode");
+    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");
     class OutOfCanvasUpdater {
         constructor(container) {
             this.container = container;
+            this._updateOutMode = (particle, delta, outMode, direction) => {
+                for (const updater of this.updaters) {
+                    updater.update(particle, direction, delta, outMode);
+                }
+            };
             this.updaters = [
-                new BounceOutMode_1.BounceOutMode(container),
-                new DestroyOutMode_1.DestroyOutMode(container),
-                new OutOutMode_1.OutOutMode(container),
-                new NoneOutMode_1.NoneOutMode(container),
+                new BounceOutMode_js_1.BounceOutMode(container),
+                new DestroyOutMode_js_1.DestroyOutMode(container),
+                new OutOutMode_js_1.OutOutMode(container),
+                new NoneOutMode_js_1.NoneOutMode(container),
             ];
         }
         init() {
@@ -30,17 +35,11 @@
             return !particle.destroyed && !particle.spawning;
         }
         update(particle, delta) {
-            var _a, _b, _c, _d;
             const outModes = particle.options.move.outModes;
-            this.updateOutMode(particle, delta, (_a = outModes.bottom) !== null && _a !== void 0 ? _a : outModes.default, "bottom");
-            this.updateOutMode(particle, delta, (_b = outModes.left) !== null && _b !== void 0 ? _b : outModes.default, "left");
-            this.updateOutMode(particle, delta, (_c = outModes.right) !== null && _c !== void 0 ? _c : outModes.default, "right");
-            this.updateOutMode(particle, delta, (_d = outModes.top) !== null && _d !== void 0 ? _d : outModes.default, "top");
-        }
-        updateOutMode(particle, delta, outMode, direction) {
-            for (const updater of this.updaters) {
-                updater.update(particle, direction, delta, outMode);
-            }
+            this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, "bottom");
+            this._updateOutMode(particle, delta, outModes.left ?? outModes.default, "left");
+            this._updateOutMode(particle, delta, outModes.right ?? outModes.default, "right");
+            this._updateOutMode(particle, delta, outModes.top ?? outModes.default, "top");
         }
     }
     exports.OutOfCanvasUpdater = OutOfCanvasUpdater;

package/umd/Utils.js

@@ -12,16 +12,17 @@
     exports.bounceVertical = exports.bounceHorizontal = void 0;
     const engine_1 = require("@tsparticles/engine");
     function bounceHorizontal(data) {
-        if (data.outMode !== "bounce" &&
+        if ((data.outMode !== "bounce" &&
             data.outMode !== "bounce-horizontal" &&
             data.outMode !== "bounceHorizontal" &&
-            data.outMode !== "split") {
+            data.outMode !== "split") ||
+            (data.direction !== "left" && data.direction !== "right")) {
             return;
         }
-        if (data.bounds.right < 0) {
+        if (data.bounds.right < 0 && data.direction === "left") {
             data.particle.position.x = data.size + data.offset.x;
         }
-        else if (data.bounds.left > data.canvasSize.width) {
+        else if (data.bounds.left > data.canvasSize.width && data.direction === "right") {
             data.particle.position.x = data.canvasSize.width - data.size - data.offset.x;
         }
         const velocity = data.particle.velocity.x;
@@ -36,10 +37,10 @@
             return;
         }
         const minPos = data.offset.x + data.size;
-        if (data.bounds.right >= data.canvasSize.width) {
+        if (data.bounds.right >= data.canvasSize.width && data.direction === "right") {
             data.particle.position.x = data.canvasSize.width - minPos;
         }
-        else if (data.bounds.left <= 0) {
+        else if (data.bounds.left <= 0 && data.direction === "left") {
             data.particle.position.x = minPos;
         }
         if (data.outMode === "split") {
@@ -48,16 +49,17 @@
     }
     exports.bounceHorizontal = bounceHorizontal;
     function bounceVertical(data) {
-        if (data.outMode !== "bounce" &&
+        if ((data.outMode !== "bounce" &&
             data.outMode !== "bounce-vertical" &&
             data.outMode !== "bounceVertical" &&
-            data.outMode !== "split") {
+            data.outMode !== "split") ||
+            (data.direction !== "bottom" && data.direction !== "top")) {
             return;
         }
-        if (data.bounds.bottom < 0) {
+        if (data.bounds.bottom < 0 && data.direction === "top") {
             data.particle.position.y = data.size + data.offset.y;
         }
-        else if (data.bounds.top > data.canvasSize.height) {
+        else if (data.bounds.top > data.canvasSize.height && data.direction === "bottom") {
             data.particle.position.y = data.canvasSize.height - data.size - data.offset.y;
         }
         const velocity = data.particle.velocity.y;
@@ -72,10 +74,10 @@
             return;
         }
         const minPos = data.offset.y + data.size;
-        if (data.bounds.bottom >= data.canvasSize.height) {
+        if (data.bounds.bottom >= data.canvasSize.height && data.direction === "bottom") {
             data.particle.position.y = data.canvasSize.height - minPos;
         }
-        else if (data.bounds.top <= 0) {
+        else if (data.bounds.top <= 0 && data.direction === "top") {
             data.particle.position.y = minPos;
         }
         if (data.outMode === "split") {

package/umd/index.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./OutOfCanvasUpdater"], factory);
+        define(["require", "exports", "./OutOfCanvasUpdater.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadOutModesUpdater = void 0;
-    const OutOfCanvasUpdater_1 = require("./OutOfCanvasUpdater");
-    async function loadOutModesUpdater(engine) {
-        await engine.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater_1.OutOfCanvasUpdater(container));
+    const OutOfCanvasUpdater_js_1 = require("./OutOfCanvasUpdater.js");
+    async function loadOutModesUpdater(engine, refresh = true) {
+        await engine.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater_js_1.OutOfCanvasUpdater(container), refresh);
     }
     exports.loadOutModesUpdater = loadOutModesUpdater;
 });