@tsparticles/updater-out-modes - npm Package Compare versions

Comparing version 3.5.0 to 3.6.0-beta.0

browser/BounceOutMode.js

@@ -17,3 +17,3 @@ import { OutMode, calculateBounds, } from "@tsparticles/engine";
         let handled = false;
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             if (plugin.particleBounce !== undefined) {
@@ -20,0 +20,0 @@ handled = plugin.particleBounce(particle, delta, direction);

browser/DestroyOutMode.js

@@ -31,4 +31,4 @@ import { OutMode, ParticleOutType, Vector, getDistances, isPointInside, } from "@tsparticles/engine";
         }
-        container.particles.remove(particle, undefined, true);
+        container.particles.remove(particle, particle.group, true);
     }
 }

browser/OutOfCanvasUpdater.js

@@ -15,4 +15,10 @@ import { OutMode, OutModeDirection, } from "@tsparticles/engine";
     constructor(container) {
+        this._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._updateOutMode = (particle, delta, outMode, direction) => {
-            for (const updater of this.updaters) {
+            for (const updater of this.updaters.values()) {
                 updater.update(particle, direction, delta, outMode);
@@ -22,19 +28,9 @@ }
         this.container = container;
-        this.updaters = [];
+        this.updaters = new Map();
     }
     init(particle) {
-        this.updaters = [];
-        const outModes = particle.options.move.outModes;
-        if (checkOutMode(outModes, OutMode.bounce)) {
-            this.updaters.push(new BounceOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.out)) {
-            this.updaters.push(new OutOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.destroy)) {
-            this.updaters.push(new DestroyOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.none)) {
-            this.updaters.push(new NoneOutMode(this.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));
     }
@@ -41,0 +37,0 @@ isEnabled(particle) {

cjs/BounceOutMode.js

@@ -20,3 +20,3 @@ "use strict";
         let handled = false;
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             if (plugin.particleBounce !== undefined) {
@@ -23,0 +23,0 @@ handled = plugin.particleBounce(particle, delta, direction);

cjs/DestroyOutMode.js

@@ -34,5 +34,5 @@ "use strict";
         }
-        container.particles.remove(particle, undefined, true);
+        container.particles.remove(particle, particle.group, true);
     }
 }
 exports.DestroyOutMode = DestroyOutMode;

cjs/OutOfCanvasUpdater.js

@@ -18,4 +18,10 @@ "use strict";
     constructor(container) {
+        this._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._updateOutMode = (particle, delta, outMode, direction) => {
-            for (const updater of this.updaters) {
+            for (const updater of this.updaters.values()) {
                 updater.update(particle, direction, delta, outMode);
@@ -25,19 +31,9 @@ }
         this.container = container;
-        this.updaters = [];
+        this.updaters = new Map();
     }
     init(particle) {
-        this.updaters = [];
-        const outModes = particle.options.move.outModes;
-        if (checkOutMode(outModes, engine_1.OutMode.bounce)) {
-            this.updaters.push(new BounceOutMode_js_1.BounceOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, engine_1.OutMode.out)) {
-            this.updaters.push(new OutOutMode_js_1.OutOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, engine_1.OutMode.destroy)) {
-            this.updaters.push(new DestroyOutMode_js_1.DestroyOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, engine_1.OutMode.none)) {
-            this.updaters.push(new NoneOutMode_js_1.NoneOutMode(this.container));
-        }
+        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));
     }
@@ -44,0 +40,0 @@ isEnabled(particle) {

esm/BounceOutMode.js

@@ -17,3 +17,3 @@ import { OutMode, calculateBounds, } from "@tsparticles/engine";
         let handled = false;
-        for (const [, plugin] of container.plugins) {
+        for (const plugin of container.plugins.values()) {
             if (plugin.particleBounce !== undefined) {
@@ -20,0 +20,0 @@ handled = plugin.particleBounce(particle, delta, direction);

esm/DestroyOutMode.js

@@ -31,4 +31,4 @@ import { OutMode, ParticleOutType, Vector, getDistances, isPointInside, } from "@tsparticles/engine";
         }
-        container.particles.remove(particle, undefined, true);
+        container.particles.remove(particle, particle.group, true);
     }
 }

esm/OutOfCanvasUpdater.js

@@ -15,4 +15,10 @@ import { OutMode, OutModeDirection, } from "@tsparticles/engine";
     constructor(container) {
+        this._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._updateOutMode = (particle, delta, outMode, direction) => {
-            for (const updater of this.updaters) {
+            for (const updater of this.updaters.values()) {
                 updater.update(particle, direction, delta, outMode);
@@ -22,19 +28,9 @@ }
         this.container = container;
-        this.updaters = [];
+        this.updaters = new Map();
     }
     init(particle) {
-        this.updaters = [];
-        const outModes = particle.options.move.outModes;
-        if (checkOutMode(outModes, OutMode.bounce)) {
-            this.updaters.push(new BounceOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.out)) {
-            this.updaters.push(new OutOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.destroy)) {
-            this.updaters.push(new DestroyOutMode(this.container));
-        }
-        else if (checkOutMode(outModes, OutMode.none)) {
-            this.updaters.push(new NoneOutMode(this.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));
     }
@@ -41,0 +37,0 @@ isEnabled(particle) {

package.json

 {
   "name": "@tsparticles/updater-out-modes",
-  "version": "3.5.0",
+  "version": "3.6.0-beta.0",
   "description": "tsParticles particles out modes updater",
@@ -90,3 +90,3 @@ "homepage": "https://particles.js.org",
   "dependencies": {
-    "@tsparticles/engine": "^3.5.0"
+    "@tsparticles/engine": "^3.6.0-beta.0"
   },
@@ -93,0 +93,0 @@ "publishConfig": {

tsparticles.updater.out-modes.js

@@ -7,3 +7,3 @@ /*!
  * How to use? : Check the GitHub README
- * v3.5.0
+ * v3.6.0-beta.0
  */
@@ -38,3 +38,3 @@ /*
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BounceOutMode: () => (/* binding */ BounceOutMode)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nclass BounceOutMode {\n  constructor(container) {\n    this.container = container;\n    this.modes = [_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.bounce, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.split];\n  }\n  update(particle, direction, delta, outMode) {\n    if (!this.modes.includes(outMode)) {\n      return;\n    }\n    const container = this.container;\n    let handled = false;\n    for (const [, plugin] of container.plugins) {\n      if (plugin.particleBounce !== undefined) {\n        handled = plugin.particleBounce(particle, delta, direction);\n      }\n      if (handled) {\n        break;\n      }\n    }\n    if (handled) {\n      return;\n    }\n    const pos = particle.getPosition(),\n      offset = particle.offset,\n      size = particle.getRadius(),\n      bounds = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calculateBounds)(pos, size),\n      canvasSize = container.canvas.size;\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.bounceHorizontal)({\n      particle,\n      outMode,\n      direction,\n      bounds,\n      canvasSize,\n      offset,\n      size\n    });\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.bounceVertical)({\n      particle,\n      outMode,\n      direction,\n      bounds,\n      canvasSize,\n      offset,\n      size\n    });\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/BounceOutMode.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BounceOutMode: () => (/* binding */ BounceOutMode)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nclass BounceOutMode {\n  constructor(container) {\n    this.container = container;\n    this.modes = [_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.bounce, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.split];\n  }\n  update(particle, direction, delta, outMode) {\n    if (!this.modes.includes(outMode)) {\n      return;\n    }\n    const container = this.container;\n    let handled = false;\n    for (const plugin of container.plugins.values()) {\n      if (plugin.particleBounce !== undefined) {\n        handled = plugin.particleBounce(particle, delta, direction);\n      }\n      if (handled) {\n        break;\n      }\n    }\n    if (handled) {\n      return;\n    }\n    const pos = particle.getPosition(),\n      offset = particle.offset,\n      size = particle.getRadius(),\n      bounds = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calculateBounds)(pos, size),\n      canvasSize = container.canvas.size;\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.bounceHorizontal)({\n      particle,\n      outMode,\n      direction,\n      bounds,\n      canvasSize,\n      offset,\n      size\n    });\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.bounceVertical)({\n      particle,\n      outMode,\n      direction,\n      bounds,\n      canvasSize,\n      offset,\n      size\n    });\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/BounceOutMode.js?");
 
@@ -49,3 +49,3 @@ /***/ }),
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyOutMode: () => (/* binding */ DestroyOutMode)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst minVelocity = 0;\nclass DestroyOutMode {\n  constructor(container) {\n    this.container = container;\n    this.modes = [_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy];\n  }\n  update(particle, direction, _delta, outMode) {\n    if (!this.modes.includes(outMode)) {\n      return;\n    }\n    const container = this.container;\n    switch (particle.outType) {\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.normal:\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.outside:\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(particle.position, container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin, particle.getRadius(), direction)) {\n          return;\n        }\n        break;\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.inside:\n        {\n          const {\n              dx,\n              dy\n            } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, particle.moveCenter),\n            {\n              x: vx,\n              y: vy\n            } = particle.velocity;\n          if (vx < minVelocity && dx > particle.moveCenter.radius || vy < minVelocity && dy > particle.moveCenter.radius || vx >= minVelocity && dx < -particle.moveCenter.radius || vy >= minVelocity && dy < -particle.moveCenter.radius) {\n            return;\n          }\n          break;\n        }\n    }\n    container.particles.remove(particle, undefined, true);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/DestroyOutMode.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DestroyOutMode: () => (/* binding */ DestroyOutMode)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst minVelocity = 0;\nclass DestroyOutMode {\n  constructor(container) {\n    this.container = container;\n    this.modes = [_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy];\n  }\n  update(particle, direction, _delta, outMode) {\n    if (!this.modes.includes(outMode)) {\n      return;\n    }\n    const container = this.container;\n    switch (particle.outType) {\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.normal:\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.outside:\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(particle.position, container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin, particle.getRadius(), direction)) {\n          return;\n        }\n        break;\n      case _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticleOutType.inside:\n        {\n          const {\n              dx,\n              dy\n            } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, particle.moveCenter),\n            {\n              x: vx,\n              y: vy\n            } = particle.velocity;\n          if (vx < minVelocity && dx > particle.moveCenter.radius || vy < minVelocity && dy > particle.moveCenter.radius || vx >= minVelocity && dx < -particle.moveCenter.radius || vy >= minVelocity && dy < -particle.moveCenter.radius) {\n            return;\n          }\n          break;\n        }\n    }\n    container.particles.remove(particle, particle.group, true);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/DestroyOutMode.js?");
 
@@ -70,3 +70,3 @@ /***/ }),
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OutOfCanvasUpdater: () => (/* binding */ OutOfCanvasUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _BounceOutMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BounceOutMode.js */ \"./dist/browser/BounceOutMode.js\");\n/* harmony import */ var _DestroyOutMode_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DestroyOutMode.js */ \"./dist/browser/DestroyOutMode.js\");\n/* harmony import */ var _NoneOutMode_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./NoneOutMode.js */ \"./dist/browser/NoneOutMode.js\");\n/* harmony import */ var _OutOutMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OutOutMode.js */ \"./dist/browser/OutOutMode.js\");\n\n\n\n\n\nconst checkOutMode = (outModes, outMode) => {\n  return outModes.default === outMode || outModes.bottom === outMode || outModes.left === outMode || outModes.right === outMode || outModes.top === outMode;\n};\nclass OutOfCanvasUpdater {\n  constructor(container) {\n    this._updateOutMode = (particle, delta, outMode, direction) => {\n      for (const updater of this.updaters) {\n        updater.update(particle, direction, delta, outMode);\n      }\n    };\n    this.container = container;\n    this.updaters = [];\n  }\n  init(particle) {\n    this.updaters = [];\n    const outModes = particle.options.move.outModes;\n    if (checkOutMode(outModes, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.bounce)) {\n      this.updaters.push(new _BounceOutMode_js__WEBPACK_IMPORTED_MODULE_1__.BounceOutMode(this.container));\n    } else if (checkOutMode(outModes, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.out)) {\n      this.updaters.push(new _OutOutMode_js__WEBPACK_IMPORTED_MODULE_2__.OutOutMode(this.container));\n    } else if (checkOutMode(outModes, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy)) {\n      this.updaters.push(new _DestroyOutMode_js__WEBPACK_IMPORTED_MODULE_3__.DestroyOutMode(this.container));\n    } else if (checkOutMode(outModes, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.none)) {\n      this.updaters.push(new _NoneOutMode_js__WEBPACK_IMPORTED_MODULE_4__.NoneOutMode(this.container));\n    }\n  }\n  isEnabled(particle) {\n    return !particle.destroyed && !particle.spawning;\n  }\n  update(particle, delta) {\n    const outModes = particle.options.move.outModes;\n    this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.bottom);\n    this._updateOutMode(particle, delta, outModes.left ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.left);\n    this._updateOutMode(particle, delta, outModes.right ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.right);\n    this._updateOutMode(particle, delta, outModes.top ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.top);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/OutOfCanvasUpdater.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OutOfCanvasUpdater: () => (/* binding */ OutOfCanvasUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _BounceOutMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BounceOutMode.js */ \"./dist/browser/BounceOutMode.js\");\n/* harmony import */ var _DestroyOutMode_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DestroyOutMode.js */ \"./dist/browser/DestroyOutMode.js\");\n/* harmony import */ var _NoneOutMode_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./NoneOutMode.js */ \"./dist/browser/NoneOutMode.js\");\n/* harmony import */ var _OutOutMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./OutOutMode.js */ \"./dist/browser/OutOutMode.js\");\n\n\n\n\n\nconst checkOutMode = (outModes, outMode) => {\n  return outModes.default === outMode || outModes.bottom === outMode || outModes.left === outMode || outModes.right === outMode || outModes.top === outMode;\n};\nclass OutOfCanvasUpdater {\n  constructor(container) {\n    this._addUpdaterIfMissing = (particle, outMode, getUpdater) => {\n      const outModes = particle.options.move.outModes;\n      if (!this.updaters.has(outMode) && checkOutMode(outModes, outMode)) {\n        this.updaters.set(outMode, getUpdater(this.container));\n      }\n    };\n    this._updateOutMode = (particle, delta, outMode, direction) => {\n      for (const updater of this.updaters.values()) {\n        updater.update(particle, direction, delta, outMode);\n      }\n    };\n    this.container = container;\n    this.updaters = new Map();\n  }\n  init(particle) {\n    this._addUpdaterIfMissing(particle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.bounce, container => new _BounceOutMode_js__WEBPACK_IMPORTED_MODULE_1__.BounceOutMode(container));\n    this._addUpdaterIfMissing(particle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.out, container => new _OutOutMode_js__WEBPACK_IMPORTED_MODULE_2__.OutOutMode(container));\n    this._addUpdaterIfMissing(particle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy, container => new _DestroyOutMode_js__WEBPACK_IMPORTED_MODULE_3__.DestroyOutMode(container));\n    this._addUpdaterIfMissing(particle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.none, container => new _NoneOutMode_js__WEBPACK_IMPORTED_MODULE_4__.NoneOutMode(container));\n  }\n  isEnabled(particle) {\n    return !particle.destroyed && !particle.spawning;\n  }\n  update(particle, delta) {\n    const outModes = particle.options.move.outModes;\n    this._updateOutMode(particle, delta, outModes.bottom ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.bottom);\n    this._updateOutMode(particle, delta, outModes.left ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.left);\n    this._updateOutMode(particle, delta, outModes.right ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.right);\n    this._updateOutMode(particle, delta, outModes.top ?? outModes.default, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutModeDirection.top);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-out-modes/./dist/browser/OutOfCanvasUpdater.js?");
 
@@ -73,0 +73,0 @@ /***/ }),

tsparticles.updater.out-modes.min.js

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

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

@@ -1,1 +0,1 @@
-/*! tsParticles Out Modes Updater v3.5.0 by Matteo Bruni */
+/*! tsParticles Out Modes Updater v3.6.0-beta.0 by Matteo Bruni */

types/OutOfCanvasUpdater.d.ts

@@ -1,5 +0,5 @@
-import { type Container, type IDelta, type IParticleUpdater, type Particle } from "@tsparticles/engine";
+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 {
-    updaters: IOutModeManager[];
+    updaters: Map<OutMode, IOutModeManager>;
     private readonly container;
@@ -10,3 +10,4 @@ constructor(container: Container);
     update(particle: Particle, delta: IDelta): void;
+    private readonly _addUpdaterIfMissing;
     private readonly _updateOutMode;
 }

umd/BounceOutMode.js

@@ -29,3 +29,3 @@ (function (factory) {
             let handled = false;
-            for (const [, plugin] of container.plugins) {
+            for (const plugin of container.plugins.values()) {
                 if (plugin.particleBounce !== undefined) {
@@ -32,0 +32,0 @@ handled = plugin.particleBounce(particle, delta, direction);

umd/DestroyOutMode.js

@@ -43,3 +43,3 @@ (function (factory) {
             }
-            container.particles.remove(particle, undefined, true);
+            container.particles.remove(particle, particle.group, true);
         }
@@ -46,0 +46,0 @@ }

umd/OutOfCanvasUpdater.js

@@ -27,4 +27,10 @@ (function (factory) {
         constructor(container) {
+            this._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._updateOutMode = (particle, delta, outMode, direction) => {
-                for (const updater of this.updaters) {
+                for (const updater of this.updaters.values()) {
                     updater.update(particle, direction, delta, outMode);
@@ -34,19 +40,9 @@ }
             this.container = container;
-            this.updaters = [];
+            this.updaters = new Map();
         }
         init(particle) {
-            this.updaters = [];
-            const outModes = particle.options.move.outModes;
-            if (checkOutMode(outModes, engine_1.OutMode.bounce)) {
-                this.updaters.push(new BounceOutMode_js_1.BounceOutMode(this.container));
-            }
-            else if (checkOutMode(outModes, engine_1.OutMode.out)) {
-                this.updaters.push(new OutOutMode_js_1.OutOutMode(this.container));
-            }
-            else if (checkOutMode(outModes, engine_1.OutMode.destroy)) {
-                this.updaters.push(new DestroyOutMode_js_1.DestroyOutMode(this.container));
-            }
-            else if (checkOutMode(outModes, engine_1.OutMode.none)) {
-                this.updaters.push(new NoneOutMode_js_1.NoneOutMode(this.container));
-            }
+            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));
         }
@@ -53,0 +49,0 @@ isEnabled(particle) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

396001

increased by0.21%

Worsened metrics

Lines of code

1813

decreased by-0.77%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@tsparticles/engine@3.6.0-beta.1(transitive)

• - Removed@tsparticles/engine@3.5.0(transitive)

• Updated@tsparticles/engine@^3.6.0-beta.0