tsparticles 4.0.0-alpha.2 → 4.0.0-alpha.21

package/interactions_particles_collisions_dist_browser_Collider_js.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
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**********************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   absorb: () => (/* binding */ absorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst half = 0.5,\n  absorbFactor = 10,\n  minAbsorbFactor = 0;\nfunction updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  const factor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(p1.options.collisions.absorb.speed * delta.factor / absorbFactor, minAbsorbFactor, r2);\n  p1.size.value += factor * half;\n  p2.size.value -= factor;\n  if (r2 <= pixelRatio) {\n    p2.size.value = 0;\n    p2.destroy();\n  }\n}\nfunction absorb(p1, p2, delta, pixelRatio) {\n  const r1 = p1.getRadius(),\n    r2 = p2.getRadius();\n  if (!r1 && r2) {\n    p1.destroy();\n  } else if (r1 && !r2) {\n    p2.destroy();\n  } else if (r1 && r2) {\n    if (r1 >= r2) {\n      updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);\n    } else {\n      updateAbsorb(p2, r2, p1, r1, delta, pixelRatio);\n    }\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Absorb.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   absorb: () => (/* binding */ absorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst absorbFactor = 10, minAbsorbFactor = 0;\nfunction updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {\n    if (!p1.options.collisions || !p2.options.collisions) {\n        return;\n    }\n    const factor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(p1.options.collisions.absorb.speed * delta.factor / absorbFactor, minAbsorbFactor, r2);\n    p1.size.value += factor * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n    p2.size.value -= factor;\n    if (r2 <= pixelRatio) {\n        p2.size.value = 0;\n        p2.destroy();\n    }\n}\nfunction absorb(p1, p2, delta, pixelRatio) {\n    const r1 = p1.getRadius(), r2 = p2.getRadius();\n    if (!r1 && r2) {\n        p1.destroy();\n    } else if (r1 && !r2) {\n        p2.destroy();\n    } else if (r1 && r2) {\n        if (r1 >= r2) {\n            updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);\n        } else {\n            updateAbsorb(p2, r2, p1, r1, delta, pixelRatio);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Absorb.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**********************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   bounce: () => (/* binding */ bounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst fixBounceSpeed = p => {\n  if (!p.options.collisions) {\n    return;\n  }\n  p.collisionMaxSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.collisions.maxSpeed);\n  if (p.velocity.length > p.collisionMaxSpeed) {\n    p.velocity.length = p.collisionMaxSpeed;\n  }\n};\nfunction bounce(p1, p2) {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounce)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p1), (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p2));\n  fixBounceSpeed(p1);\n  fixBounceSpeed(p2);\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Bounce.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   bounce: () => (/* binding */ bounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst fixBounceSpeed = (p)=>{\n    if (!p.options.collisions) {\n        return;\n    }\n    p.collisionMaxSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.collisions.maxSpeed);\n    if (p.velocity.length > p.collisionMaxSpeed) {\n        p.velocity.length = p.collisionMaxSpeed;\n    }\n};\nfunction bounce(p1, p2) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounce)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p1), (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p2));\n    fixBounceSpeed(p1);\n    fixBounceSpeed(p2);\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Bounce.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collider: () => (/* binding */ Collider)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ResolveCollision.js */ \"../../interactions/particles/collisions/dist/browser/ResolveCollision.js\");\n\n\n\nconst double = 2;\nclass Collider extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1, delta) {\n    if (p1.destroyed || p1.spawning) {\n      return;\n    }\n    const container = this.container,\n      pos1 = p1.getPosition(),\n      radius1 = p1.getRadius(),\n      query = container.particles.quadTree.queryCircle(pos1, radius1 * double);\n    for (const p2 of query) {\n      if (p1 === p2 || !p1.options.collisions || !p2.options.collisions || !p2.options.collisions.enable || p1.options.collisions.mode !== p2.options.collisions.mode || p2.destroyed || p2.spawning) {\n        continue;\n      }\n      const pos2 = p2.getPosition(),\n        radius2 = p2.getRadius();\n      if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {\n        continue;\n      }\n      const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2),\n        distP = radius1 + radius2;\n      if (dist > distP) {\n        continue;\n      }\n      (0,_ResolveCollision_js__WEBPACK_IMPORTED_MODULE_2__.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);\n    }\n  }\n  isEnabled(particle) {\n    return !!particle.options.collisions?.enable;\n  }\n  loadParticlesOptions(options, ...sources) {\n    options.collisions ??= new _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_1__.Collisions();\n    for (const source of sources) {\n      options.collisions.load(source?.collisions);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Collider.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collider: () => (/* binding */ Collider)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\");\n/* harmony import */ var _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ResolveCollision.js */ \"../../interactions/particles/collisions/dist/browser/ResolveCollision.js\");\n\n\n\n\nclass Collider extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n    constructor(container){\n        super(container);\n    }\n    clear() {}\n    init() {}\n    interact(p1, _interactivityData, delta) {\n        if (p1.destroyed || p1.spawning) {\n            return;\n        }\n        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n        for (const p2 of query){\n            if (p1 === p2 || !p1.options.collisions || !p2.options.collisions || !p2.options.collisions.enable || p1.options.collisions.mode !== p2.options.collisions.mode || p2.destroyed || p2.spawning) {\n                continue;\n            }\n            const pos2 = p2.getPosition(), radius2 = p2.getRadius();\n            if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {\n                continue;\n            }\n            const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2), distP = radius1 + radius2;\n            if (dist > distP) {\n                continue;\n            }\n            (0,_ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);\n        }\n    }\n    isEnabled(particle) {\n        return !!particle.options.collisions?.enable;\n    }\n    loadParticlesOptions(options, ...sources) {\n        options.collisions ??= new _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__.Collisions();\n        for (const source of sources){\n            options.collisions.load(source?.collisions);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Collider.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*****************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionMode: () => (/* binding */ CollisionMode)\n/* harmony export */ });\nvar CollisionMode;\n(function (CollisionMode) {\n  CollisionMode[\"absorb\"] = \"absorb\";\n  CollisionMode[\"bounce\"] = \"bounce\";\n  CollisionMode[\"destroy\"] = \"destroy\";\n})(CollisionMode || (CollisionMode = {}));\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/CollisionMode.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionMode: () => (/* binding */ CollisionMode)\n/* harmony export */ });\nvar CollisionMode;\n(function(CollisionMode) {\n    CollisionMode[\"absorb\"] = \"absorb\";\n    CollisionMode[\"bounce\"] = \"bounce\";\n    CollisionMode[\"destroy\"] = \"destroy\";\n})(CollisionMode || (CollisionMode = {}));\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/CollisionMode.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   destroy: () => (/* binding */ destroy)\n/* harmony export */ });\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Bounce.js */ \"../../interactions/particles/collisions/dist/browser/Bounce.js\");\n\nfunction destroy(p1, p2) {\n  if (!p1.unbreakable && !p2.unbreakable) {\n    (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_0__.bounce)(p1, p2);\n  }\n  const p1Radius = p1.getRadius(),\n    p2Radius = p2.getRadius();\n  if (!p1Radius && p2Radius) {\n    p1.destroy();\n  } else if (p1Radius && !p2Radius) {\n    p2.destroy();\n  } else if (p1Radius && p2Radius) {\n    const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;\n    deleteP.destroy();\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Destroy.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   destroy: () => (/* binding */ destroy)\n/* harmony export */ });\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Bounce.js */ \"../../interactions/particles/collisions/dist/browser/Bounce.js\");\n\nfunction destroy(p1, p2) {\n    if (!p1.unbreakable && !p2.unbreakable) {\n        (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_0__.bounce)(p1, p2);\n    }\n    const p1Radius = p1.getRadius(), p2Radius = p2.getRadius();\n    if (!p1Radius && p2Radius) {\n        p1.destroy();\n    } else if (p1Radius && !p2Radius) {\n        p2.destroy();\n    } else if (p1Radius && p2Radius) {\n        const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;\n        deleteP.destroy();\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Destroy.js?\n}");
 
 /***/ },
 
@@ -73,7 +73,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collisions: () => (/* binding */ Collisions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../CollisionMode.js */ \"../../interactions/particles/collisions/dist/browser/CollisionMode.js\");\n/* harmony import */ var _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollisionsAbsorb.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsAbsorb.js\");\n/* harmony import */ var _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CollisionsOverlap.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsOverlap.js\");\n\n\n\n\nclass Collisions {\n  constructor() {\n    this.absorb = new _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__.CollisionsAbsorb();\n    this.bounce = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesBounce();\n    this.enable = false;\n    this.maxSpeed = 50;\n    this.mode = _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__.CollisionMode.bounce;\n    this.overlap = new _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__.CollisionsOverlap();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.absorb.load(data.absorb);\n    this.bounce.load(data.bounce);\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.maxSpeed !== undefined) {\n      this.maxSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.maxSpeed);\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    this.overlap.load(data.overlap);\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/Collisions.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collisions: () => (/* binding */ Collisions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../CollisionMode.js */ \"../../interactions/particles/collisions/dist/browser/CollisionMode.js\");\n/* harmony import */ var _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollisionsAbsorb.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsAbsorb.js\");\n/* harmony import */ var _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CollisionsOverlap.js */ \"../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsOverlap.js\");\n\n\n\n\nclass Collisions {\n    absorb;\n    bounce;\n    enable;\n    maxSpeed;\n    mode;\n    overlap;\n    constructor(){\n        this.absorb = new _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__.CollisionsAbsorb();\n        this.bounce = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesBounce();\n        this.enable = false;\n        this.maxSpeed = 50;\n        this.mode = _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__.CollisionMode.bounce;\n        this.overlap = new _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__.CollisionsOverlap();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.absorb.load(data.absorb);\n        this.bounce.load(data.bounce);\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.maxSpeed !== undefined) {\n            this.maxSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.maxSpeed);\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        this.overlap.load(data.overlap);\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/Collisions.js?\n}");
 
 /***/ },
 
@@ -83,7 +83,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsAbsorb: () => (/* binding */ CollisionsAbsorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CollisionsAbsorb {\n  constructor() {\n    this.speed = 2;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.speed !== undefined) {\n      this.speed = data.speed;\n    }\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsAbsorb.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsAbsorb: () => (/* binding */ CollisionsAbsorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CollisionsAbsorb {\n    speed;\n    constructor(){\n        this.speed = 2;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.speed !== undefined) {\n            this.speed = data.speed;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsAbsorb.js?\n}");
 
 /***/ },
 
@@ -93,7 +93,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*************************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsOverlap: () => (/* binding */ CollisionsOverlap)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CollisionsOverlap {\n  constructor() {\n    this.enable = true;\n    this.retries = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.retries !== undefined) {\n      this.retries = data.retries;\n    }\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsOverlap.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsOverlap: () => (/* binding */ CollisionsOverlap)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CollisionsOverlap {\n    enable;\n    retries;\n    constructor(){\n        this.enable = true;\n        this.retries = 0;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.retries !== undefined) {\n            this.retries = data.retries;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/Options/Classes/CollisionsOverlap.js?\n}");
 
 /***/ },
 
@@ -103,7 +103,107 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \********************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   resolveCollision: () => (/* binding */ resolveCollision)\n/* harmony export */ });\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollisionMode.js */ \"../../interactions/particles/collisions/dist/browser/CollisionMode.js\");\n/* harmony import */ var _Absorb_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorb.js */ \"../../interactions/particles/collisions/dist/browser/Absorb.js\");\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Bounce.js */ \"../../interactions/particles/collisions/dist/browser/Bounce.js\");\n/* harmony import */ var _Destroy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Destroy.js */ \"../../interactions/particles/collisions/dist/browser/Destroy.js\");\n\n\n\n\nfunction resolveCollision(p1, p2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  switch (p1.options.collisions.mode) {\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.absorb:\n      {\n        (0,_Absorb_js__WEBPACK_IMPORTED_MODULE_1__.absorb)(p1, p2, delta, pixelRatio);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.bounce:\n      {\n        (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_2__.bounce)(p1, p2);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.destroy:\n      {\n        (0,_Destroy_js__WEBPACK_IMPORTED_MODULE_3__.destroy)(p1, p2);\n        break;\n      }\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/ResolveCollision.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   resolveCollision: () => (/* binding */ resolveCollision)\n/* harmony export */ });\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollisionMode.js */ \"../../interactions/particles/collisions/dist/browser/CollisionMode.js\");\n/* harmony import */ var _Absorb_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorb.js */ \"../../interactions/particles/collisions/dist/browser/Absorb.js\");\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Bounce.js */ \"../../interactions/particles/collisions/dist/browser/Bounce.js\");\n/* harmony import */ var _Destroy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Destroy.js */ \"../../interactions/particles/collisions/dist/browser/Destroy.js\");\n\n\n\n\nfunction resolveCollision(p1, p2, delta, pixelRatio) {\n    if (!p1.options.collisions || !p2.options.collisions) {\n        return;\n    }\n    switch(p1.options.collisions.mode){\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.absorb:\n            {\n                (0,_Absorb_js__WEBPACK_IMPORTED_MODULE_1__.absorb)(p1, p2, delta, pixelRatio);\n                break;\n            }\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.bounce:\n            {\n                (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_2__.bounce)(p1, p2);\n                break;\n            }\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.destroy:\n            {\n                (0,_Destroy_js__WEBPACK_IMPORTED_MODULE_3__.destroy)(p1, p2);\n                break;\n            }\n        default:\n            break;\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/ResolveCollision.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/DivType.js"
+/*!***********************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/DivType.js ***!
+  \***********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivType: () => (/* binding */ DivType)\n/* harmony export */ });\nvar DivType;\n(function(DivType) {\n    DivType[\"circle\"] = \"circle\";\n    DivType[\"rectangle\"] = \"rectangle\";\n})(DivType || (DivType = {}));\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/DivType.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/ExternalInteractorBase.js"
+/*!**************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/ExternalInteractorBase.js ***!
+  \**************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExternalInteractorBase: () => (/* binding */ ExternalInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n\nclass ExternalInteractorBase {\n    type = _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.external;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/ExternalInteractorBase.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/InteractivityConstants.js"
+/*!**************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityConstants.js ***!
+  \**************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clickEvent: () => (/* binding */ clickEvent),\n/* harmony export */   mouseDownEvent: () => (/* binding */ mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* binding */ mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* binding */ mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* binding */ mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* binding */ mouseUpEvent),\n/* harmony export */   touchCancelEvent: () => (/* binding */ touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* binding */ touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* binding */ touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* binding */ touchStartEvent)\n/* harmony export */ });\nconst clickEvent = \"click\", mouseDownEvent = \"pointerdown\", mouseUpEvent = \"pointerup\", mouseLeaveEvent = \"pointerleave\", mouseOutEvent = \"pointerout\", mouseMoveEvent = \"pointermove\", touchStartEvent = \"touchstart\", touchEndEvent = \"touchend\", touchMoveEvent = \"touchmove\", touchCancelEvent = \"touchcancel\";\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/InteractivityConstants.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/InteractivityDetect.js"
+/*!***********************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityDetect.js ***!
+  \***********************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityDetect: () => (/* binding */ InteractivityDetect)\n/* harmony export */ });\nvar InteractivityDetect;\n(function(InteractivityDetect) {\n    InteractivityDetect[\"canvas\"] = \"canvas\";\n    InteractivityDetect[\"parent\"] = \"parent\";\n    InteractivityDetect[\"window\"] = \"window\";\n})(InteractivityDetect || (InteractivityDetect = {}));\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/InteractivityDetect.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/InteractorType.js"
+/*!******************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractorType.js ***!
+  \******************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n    InteractorType[\"external\"] = \"external\";\n    InteractorType[\"particles\"] = \"particles\";\n})(InteractorType || (InteractorType = {}));\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/InteractorType.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js"
+/*!***********************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js ***!
+  \***********************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* binding */ DivEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _DivType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../DivType.js */ \"../../plugins/interactivity/dist/browser/DivType.js\");\n\n\nclass DivEvent {\n    enable;\n    mode;\n    selectors;\n    type;\n    constructor(){\n        this.selectors = [];\n        this.enable = false;\n        this.mode = [];\n        this.type = _DivType_js__WEBPACK_IMPORTED_MODULE_1__.DivType.circle;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.selectors !== undefined) {\n            this.selectors = data.selectors;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.type !== undefined) {\n            this.type = data.type;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js"
+/*!*******************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js ***!
+  \*******************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Modes: () => (/* binding */ Modes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass Modes {\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._engine = engine;\n        this._container = container;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (!this._container) {\n            return;\n        }\n        const interactors = this._engine.interactors?.get(this._container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (!interactor.loadModeOptions) {\n                continue;\n            }\n            interactor.loadModeOptions(this, data);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/ParticlesInteractorBase.js"
+/*!***************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/ParticlesInteractorBase.js ***!
+  \***************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesInteractorBase: () => (/* binding */ ParticlesInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n\nclass ParticlesInteractorBase {\n    type = _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.particles;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/ParticlesInteractorBase.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/index.js"
+/*!*********************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/index.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _DivType_js__WEBPACK_IMPORTED_MODULE_1__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_4__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _InteractorType_js__WEBPACK_IMPORTED_MODULE_5__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_6__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _DivType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DivType.js */ \"../../plugins/interactivity/dist/browser/DivType.js\");\n/* harmony import */ var _ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/ExternalInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/InteractivityDetect.js\");\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n/* harmony import */ var _ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/ParticlesInteractorBase.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/utils.js"
+/*!*********************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/utils.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   divMode: () => (/* binding */ divMode),\n/* harmony export */   divModeExecute: () => (/* binding */ divModeExecute),\n/* harmony export */   isDivModeEnabled: () => (/* binding */ isDivModeEnabled),\n/* harmony export */   singleDivModeExecute: () => (/* binding */ singleDivModeExecute)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction checkSelector(element, selectors) {\n    const res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, (selector)=>{\n        return element.matches(selector);\n    });\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(res) ? res.some((t)=>t) : res;\n}\nfunction isDivModeEnabled(mode, divs) {\n    return !!(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, (t)=>t.enable && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, t.mode));\n}\nfunction divModeExecute(mode, divs, callback) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(divs, (div)=>{\n        const divMode = div.mode, divEnabled = div.enable;\n        if (divEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, divMode)) {\n            singleDivModeExecute(div, callback);\n        }\n    });\n}\nfunction singleDivModeExecute(div, callback) {\n    const selectors = div.selectors;\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, (selector)=>{\n        callback(selector, div);\n    });\n}\nfunction divMode(divs, element) {\n    if (!element || !divs) {\n        return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, (div)=>{\n        return checkSelector(element, div.selectors);\n    });\n}\n\n\n//# sourceURL=webpack://tsparticles/../../plugins/interactivity/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/interactions_particles_collisions_dist_browser_OverlapPluginInstance_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.21
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunktsparticles"] = this["webpackChunktsparticles"] || []).push([["interactions_particles_collisions_dist_browser_OverlapPluginInstance_js"],{
+
+/***/ "../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js"
+/*!*************************************************************************************!*\
+  !*** ../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js ***!
+  \*************************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPluginInstance: () => (/* binding */ OverlapPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minRetries = 0;\nclass OverlapPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    checkParticlePosition(particle, position, tryCount) {\n        return !this._hasOverlaps(particle, position, tryCount);\n    }\n    _hasOverlaps = (particle, pos, tryCount)=>{\n        const collisionsOptions = particle.options.collisions;\n        if (!collisionsOptions?.enable) {\n            return false;\n        }\n        const overlapOptions = collisionsOptions.overlap;\n        if (overlapOptions.enable) {\n            return false;\n        }\n        const retries = overlapOptions.retries;\n        if (retries >= minRetries && tryCount > retries) {\n            throw new Error(`Particle is overlapping and can't be placed`);\n        }\n        return !!this._container.particles.find((p)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, p.position) < particle.getRadius() + p.getRadius());\n    };\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/interactions_particles_collisions_dist_browser_OverlapPlugin_js.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
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,17 +23,7 @@
   \*****************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPlugin: () => (/* binding */ OverlapPlugin)\n/* harmony export */ });\n/* harmony import */ var _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OverlapPluginInstance.js */ \"../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js\");\n\nclass OverlapPlugin {\n  constructor() {\n    this.id = \"overlap\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__.OverlapPluginInstance(container));\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/OverlapPlugin.js?\n}");
-
-/***/ },
-
-/***/ "../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js"
-/*!*************************************************************************************!*\
-  !*** ../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js ***!
-  \*************************************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPluginInstance: () => (/* binding */ OverlapPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minRetries = 0;\nclass OverlapPluginInstance {\n  constructor(container) {\n    this._checkOverlap = (particle, pos, tryCount) => {\n      const collisionsOptions = particle.options.collisions,\n        radius = particle.getRadius();\n      if (!collisionsOptions?.enable) {\n        return false;\n      }\n      const overlapOptions = collisionsOptions.overlap;\n      if (overlapOptions.enable) {\n        return false;\n      }\n      const retries = overlapOptions.retries;\n      if (retries >= minRetries && tryCount > retries) {\n        throw new Error(`Particle is overlapping and can't be placed`);\n      }\n      return !!this._container.particles.find(p => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, p.position) < radius + p.getRadius());\n    };\n    this._container = container;\n  }\n  checkParticlePosition(particle, position, tryCount) {\n    return this._checkOverlap(particle, position, tryCount);\n  }\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPlugin: () => (/* binding */ OverlapPlugin)\n/* harmony export */ });\nclass OverlapPlugin {\n    id = \"overlap\";\n    async getPlugin(container) {\n        const { OverlapPluginInstance } = await __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_OverlapPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OverlapPluginInstance.js */ \"../../interactions/particles/collisions/dist/browser/OverlapPluginInstance.js\"));\n        return new OverlapPluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/OverlapPlugin.js?\n}");
 
 /***/ }
 

package/interactions_particles_collisions_dist_browser_index_js.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
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesCollisionsInteraction: () => (/* binding */ loadParticlesCollisionsInteraction)\n/* harmony export */ });\nfunction loadParticlesCollisionsInteraction(engine) {\n  engine.checkVersion(\"4.0.0-alpha.2\");\n  engine.register(async e => {\n    const {\n      OverlapPlugin\n    } = await __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_OverlapPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OverlapPlugin.js */ \"../../interactions/particles/collisions/dist/browser/OverlapPlugin.js\"));\n    e.addPlugin(new OverlapPlugin());\n    e.addInteractor(\"particlesCollisions\", async container => {\n      const {\n        Collider\n      } = await __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_Collider_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Collider.js */ \"../../interactions/particles/collisions/dist/browser/Collider.js\"));\n      return new Collider(container);\n    });\n  });\n}\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesCollisionsInteraction: () => (/* binding */ loadParticlesCollisionsInteraction)\n/* harmony export */ });\nasync function loadParticlesCollisionsInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { OverlapPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_OverlapPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OverlapPlugin.js */ \"../../interactions/particles/collisions/dist/browser/OverlapPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new OverlapPlugin());\n        e.addInteractor?.(\"particlesCollisions\", async (container)=>{\n            const { Collider } = await __webpack_require__.e(/*! import() */ \"interactions_particles_collisions_dist_browser_Collider_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Collider.js */ \"../../interactions/particles/collisions/dist/browser/Collider.js\"));\n            return new Collider(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/collisions/dist/browser/index.js?\n}");
 
 /***/ }
 

package/interactions_particles_links_dist_browser_LinkInstance_js.js

@@ -0,0 +1,60 @@
+/*!
+ * 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
+ * v4.0.0-alpha.21
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunktsparticles"] = this["webpackChunktsparticles"] || []).push([["interactions_particles_links_dist_browser_LinkInstance_js"],{
+
+/***/ "../../interactions/particles/links/dist/browser/LinkInstance.js"
+/*!***********************************************************************!*\
+  !*** ../../interactions/particles/links/dist/browser/LinkInstance.js ***!
+  \***********************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LinkInstance: () => (/* binding */ LinkInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"../../interactions/particles/links/dist/browser/Utils.js\");\n\n\nconst minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1;\nclass LinkInstance {\n    _container;\n    _engine;\n    _freqs;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this._freqs = {\n            links: new Map(),\n            triangles: new Map()\n        };\n    }\n    drawParticle(_context, particle) {\n        const { links, options } = particle;\n        if (!links?.length) {\n            return;\n        }\n        const p1Links = links.filter((l)=>options.links && (options.links.frequency >= maxFrequency || this._getLinkFrequency(particle, l.destination) <= options.links.frequency));\n        for (const link of p1Links){\n            this._drawTriangles(options, particle, link, p1Links);\n            if (link.opacity > minOpacity && (particle.retina.linksWidth ?? minWidth) > minWidth) {\n                this._drawLinkLine(particle, link);\n            }\n        }\n    }\n    async init() {\n        this._freqs.links = new Map();\n        this._freqs.triangles = new Map();\n        await Promise.resolve();\n    }\n    particleCreated(particle) {\n        particle.links = [];\n        if (!particle.options.links) {\n            return;\n        }\n        const ratio = this._container.retina.pixelRatio, { retina } = particle, { distance, width } = particle.options.links;\n        retina.linksDistance = distance * ratio;\n        retina.linksWidth = width * ratio;\n    }\n    particleDestroyed(particle) {\n        particle.links = [];\n    }\n    _drawLinkLine = (p1, link)=>{\n        const p1LinksOptions = p1.options.links;\n        if (!p1LinksOptions?.enable) {\n            return;\n        }\n        const container = this._container, p2 = link.destination, pos1 = p1.getPosition(), pos2 = p2.getPosition();\n        let opacity = link.opacity;\n        container.canvas.draw((ctx)=>{\n            let colorLine;\n            const twinkle = p1.options[\"twinkle\"]?.lines;\n            if (twinkle?.enable) {\n                const twinkleFreq = twinkle.frequency, twinkleRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, twinkle.color), twinkling = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() < twinkleFreq;\n                if (twinkling && twinkleRgb) {\n                    colorLine = twinkleRgb;\n                    opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(twinkle.opacity);\n                }\n            }\n            if (!colorLine) {\n                const linkColor = p1LinksOptions.id !== undefined ? container.particles.linksColors.get(p1LinksOptions.id) : container.particles.linksColor;\n                colorLine = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(p1, p2, linkColor);\n            }\n            if (!colorLine) {\n                return;\n            }\n            const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance;\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawLinkLine)({\n                context: ctx,\n                width,\n                begin: pos1,\n                end: pos2,\n                engine: this._engine,\n                maxDistance,\n                canvasSize: container.canvas.size,\n                links: p1LinksOptions,\n                colorLine,\n                opacity,\n                hdr: container.hdr\n            });\n        });\n    };\n    _drawLinkTriangle = (p1, link1, link2)=>{\n        const linksOptions = p1.options.links;\n        if (!linksOptions?.enable) {\n            return;\n        }\n        const triangleOptions = linksOptions.triangles;\n        if (!triangleOptions.enable) {\n            return;\n        }\n        const container = this._container, p2 = link1.destination, p3 = link2.destination, opacityTriangle = triangleOptions.opacity ?? (link1.opacity + link2.opacity) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n        if (opacityTriangle <= minOpacity) {\n            return;\n        }\n        container.canvas.draw((ctx)=>{\n            const pos1 = p1.getPosition(), pos2 = p2.getPosition(), pos3 = p3.getPosition(), linksDistance = p1.retina.linksDistance ?? minDistance;\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2) > linksDistance || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos3, pos2) > linksDistance || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos3, pos1) > linksDistance) {\n                return;\n            }\n            let colorTriangle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, triangleOptions.color);\n            if (!colorTriangle) {\n                const linkColor = linksOptions.id !== undefined ? container.particles.linksColors.get(linksOptions.id) : container.particles.linksColor;\n                colorTriangle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(p1, p2, linkColor);\n            }\n            if (!colorTriangle) {\n                return;\n            }\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawLinkTriangle)({\n                context: ctx,\n                pos1,\n                pos2,\n                pos3,\n                colorTriangle,\n                opacityTriangle,\n                hdr: container.hdr\n            });\n        });\n    };\n    _drawTriangles = (options, p1, link, p1Links)=>{\n        const p2 = link.destination;\n        if (!(options.links?.triangles.enable && p2.options.links?.triangles.enable)) {\n            return;\n        }\n        const vertices = p2.links?.filter((t)=>{\n            const linkFreq = this._getLinkFrequency(p2, t.destination), minCount = 0;\n            return p2.options.links && linkFreq <= p2.options.links.frequency && p1Links.findIndex((l)=>l.destination === t.destination) >= minCount;\n        });\n        if (!vertices?.length) {\n            return;\n        }\n        for (const vertex of vertices){\n            const p3 = vertex.destination, triangleFreq = this._getTriangleFrequency(p1, p2, p3);\n            if (triangleFreq > options.links.triangles.frequency) {\n                continue;\n            }\n            this._drawLinkTriangle(p1, link, vertex);\n        }\n    };\n    _getLinkFrequency = (p1, p2)=>{\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2\n        ], this._freqs.links);\n    };\n    _getTriangleFrequency = (p1, p2, p3)=>{\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2,\n            p3\n        ], this._freqs.triangles);\n    };\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/links/dist/browser/LinkInstance.js?\n}");
+
+/***/ },
+
+/***/ "../../interactions/particles/links/dist/browser/Utils.js"
+/*!****************************************************************!*\
+  !*** ../../interactions/particles/links/dist/browser/Utils.js ***!
+  \****************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLinkLine: () => (/* binding */ drawLinkLine),\n/* harmony export */   drawLinkTriangle: () => (/* binding */ drawLinkTriangle),\n/* harmony export */   drawTriangle: () => (/* binding */ drawTriangle),\n/* harmony export */   getLinkKey: () => (/* binding */ getLinkKey),\n/* harmony export */   setLinkFrequency: () => (/* binding */ setLinkFrequency)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"../../utils/canvasUtils/dist/browser/index.js\");\n\n\nfunction drawTriangle(context, p1, p2, p3) {\n    context.beginPath();\n    context.moveTo(p1.x, p1.y);\n    context.lineTo(p2.x, p2.y);\n    context.lineTo(p3.x, p3.y);\n    context.closePath();\n}\nfunction drawLinkLine(params) {\n    let drawn = false;\n    const { begin, end, engine, maxDistance, context, canvasSize, width, colorLine, opacity, links, hdr } = params;\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(begin, end) <= maxDistance) {\n        (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, begin, end);\n        drawn = true;\n    } else if (links.warp) {\n        let pi1, pi2;\n        const endNE = {\n            x: end.x - canvasSize.width,\n            y: end.y\n        }, d1 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endNE);\n        if (d1.distance <= maxDistance) {\n            const yi = begin.y - d1.dy / d1.dx * begin.x;\n            pi1 = {\n                x: 0,\n                y: yi\n            };\n            pi2 = {\n                x: canvasSize.width,\n                y: yi\n            };\n        } else {\n            const endSW = {\n                x: end.x,\n                y: end.y - canvasSize.height\n            }, d2 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endSW);\n            if (d2.distance <= maxDistance) {\n                const yi = begin.y - d2.dy / d2.dx * begin.x, xi = -yi / (d2.dy / d2.dx);\n                pi1 = {\n                    x: xi,\n                    y: 0\n                };\n                pi2 = {\n                    x: xi,\n                    y: canvasSize.height\n                };\n            } else {\n                const endSE = {\n                    x: end.x - canvasSize.width,\n                    y: end.y - canvasSize.height\n                }, d3 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endSE);\n                if (d3.distance <= maxDistance) {\n                    const yi = begin.y - d3.dy / d3.dx * begin.x, xi = -yi / (d3.dy / d3.dx);\n                    pi1 = {\n                        x: xi,\n                        y: yi\n                    };\n                    pi2 = {\n                        x: pi1.x + canvasSize.width,\n                        y: pi1.y + canvasSize.height\n                    };\n                }\n            }\n        }\n        if (pi1 && pi2) {\n            (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, begin, pi1);\n            (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, end, pi2);\n            drawn = true;\n        }\n    }\n    if (!drawn) {\n        return;\n    }\n    context.lineWidth = width;\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorLine, hdr, opacity);\n    const { shadow } = links;\n    if (shadow.enable) {\n        const shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(engine, shadow.color);\n        if (shadowColor) {\n            context.shadowBlur = shadow.blur;\n            context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, hdr);\n        }\n    }\n    context.stroke();\n}\nfunction drawLinkTriangle(params) {\n    const { context, hdr, pos1, pos2, pos3, colorTriangle, opacityTriangle } = params;\n    drawTriangle(context, pos1, pos2, pos3);\n    context.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorTriangle, hdr, opacityTriangle);\n    context.fill();\n}\nfunction getLinkKey(ids) {\n    ids.sort((a, b)=>a - b);\n    return ids.join(\"_\");\n}\nfunction setLinkFrequency(particles, dictionary) {\n    const key = getLinkKey(particles.map((t)=>t.id));\n    let res = dictionary.get(key);\n    if (res === undefined) {\n        res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        dictionary.set(key, res);\n    }\n    return res;\n}\n\n\n//# sourceURL=webpack://tsparticles/../../interactions/particles/links/dist/browser/Utils.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/canvasUtils/dist/browser/Utils.js"
+/*!*****************************************************!*\
+  !*** ../../utils/canvasUtils/dist/browser/Utils.js ***!
+  \*****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* binding */ drawLine),\n/* harmony export */   getCanvasImageData: () => (/* binding */ getCanvasImageData),\n/* harmony export */   getImageData: () => (/* binding */ getImageData),\n/* harmony export */   getTextData: () => (/* binding */ getTextData),\n/* harmony export */   loadFont: () => (/* binding */ loadFont)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultWidth = 0;\nfunction drawLine(context, begin, end) {\n    context.beginPath();\n    context.moveTo(begin.x, begin.y);\n    context.lineTo(end.x, end.y);\n    context.closePath();\n}\nfunction getCanvasImageData(ctx, size, offset, clear = true) {\n    const imageData = ctx.getImageData(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height).data;\n    if (clear) {\n        ctx.clearRect(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, size.width, size.height);\n    }\n    const pixels = [];\n    for(let i = 0; i < imageData.length; i += offset){\n        const idx = i / offset, pos = {\n            x: idx % size.width,\n            y: Math.floor(idx / size.width)\n        };\n        pixels[pos.y] ??= [];\n        const indexesOffset = {\n            r: 0,\n            g: 1,\n            b: 2,\n            a: 3\n        }, alphaFactor = 255, row = pixels[pos.y];\n        if (!row) {\n            continue;\n        }\n        row[pos.x] = {\n            r: imageData[i + indexesOffset.r] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            g: imageData[i + indexesOffset.g] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            b: imageData[i + indexesOffset.b] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultRgbMin,\n            a: (imageData[i + indexesOffset.a] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha) / alphaFactor\n        };\n    }\n    return {\n        pixels,\n        width: Math.min(...pixels.map((row)=>row.length)),\n        height: pixels.length\n    };\n}\nfunction getImageData(src, offset, canvasSettings) {\n    const image = new Image();\n    image.crossOrigin = \"Anonymous\";\n    const p = new Promise((resolve, reject)=>{\n        image.onerror = reject;\n        image.onload = ()=>{\n            const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\");\n            canvas.width = image.width;\n            canvas.height = image.height;\n            const context = canvas.getContext(\"2d\", canvasSettings);\n            if (!context) {\n                reject(new Error(\"Could not get canvas context\"));\n                return;\n            }\n            context.drawImage(image, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, image.width, image.height, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, canvas.width, canvas.height);\n            resolve(getCanvasImageData(context, canvas, offset));\n        };\n    });\n    image.src = src;\n    return p;\n}\nfunction getTextData(textOptions, offset, fill, canvasSettings) {\n    const canvas = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\"), context = canvas.getContext(\"2d\", canvasSettings), { font, text, lines: linesOptions, color } = textOptions;\n    if (!text || !context) {\n        return;\n    }\n    const lines = text.split(linesOptions.separator), fontSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(font.size) ? `${font.size.toString()}px` : font.size, linesData = [];\n    let maxWidth = 0, totalHeight = 0;\n    for (const line of lines){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        const measure = context.measureText(line), lineData = {\n            measure,\n            text: line,\n            height: measure.actualBoundingBoxAscent + measure.actualBoundingBoxDescent,\n            width: measure.width\n        };\n        maxWidth = Math.max(maxWidth || defaultWidth, lineData.width);\n        totalHeight += lineData.height + linesOptions.spacing;\n        linesData.push(lineData);\n    }\n    canvas.width = maxWidth;\n    canvas.height = totalHeight;\n    let currentHeight = 0;\n    for (const line of linesData){\n        context.font = `${font.style || \"\"} ${font.variant || \"\"} ${font.weight || \"\"} ${fontSize} ${font.family}`;\n        if (fill) {\n            context.fillStyle = color;\n            context.fillText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        } else {\n            context.strokeStyle = color;\n            context.strokeText(line.text, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, currentHeight + line.measure.actualBoundingBoxAscent);\n        }\n        currentHeight += line.height + linesOptions.spacing;\n    }\n    return getCanvasImageData(context, canvas, offset);\n}\nasync function loadFont(font, weight) {\n    try {\n        await (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().fonts.load(`${weight ?? \"400\"} 36px '${font ?? \"Verdana\"}'`);\n    } catch  {}\n}\n\n\n//# sourceURL=webpack://tsparticles/../../utils/canvasUtils/dist/browser/Utils.js?\n}");
+
+/***/ },
+
+/***/ "../../utils/canvasUtils/dist/browser/index.js"
+/*!*****************************************************!*\
+  !*** ../../utils/canvasUtils/dist/browser/index.js ***!
+  \*****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLine: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.drawLine),\n/* harmony export */   getCanvasImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getCanvasImageData),\n/* harmony export */   getImageData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getImageData),\n/* harmony export */   getTextData: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.getTextData),\n/* harmony export */   loadFont: () => (/* reexport safe */ _Utils_js__WEBPACK_IMPORTED_MODULE_0__.loadFont)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"../../utils/canvasUtils/dist/browser/Utils.js\");\n\n\n\n//# sourceURL=webpack://tsparticles/../../utils/canvasUtils/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);