@tsparticles/interaction-external-particle 3.2.0

package/207.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 207.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_external_particle=this.webpackChunk_tsparticles_interaction_external_particle||[]).push([[207],{207:(t,i,e)=>{e.d(i,{InteractivityParticleMaker:()=>r});var s=e(533);class o{constructor(){this.replaceCursor=!1,this.pauseOnStop=!1,this.stopDelay=0}load(t){t&&(void 0!==t.options&&(this.options=(0,s.deepExtend)({},t.options)),void 0!==t.replaceCursor&&(this.replaceCursor=t.replaceCursor),void 0!==t.pauseOnStop&&(this.pauseOnStop=t.pauseOnStop),void 0!==t.stopDelay&&(this.stopDelay=t.stopDelay))}}const n="particle";class r extends s.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(){const t=this.container,{interactivity:i}=t,e=t.actualOptions;if(!t.retina.reduceFactor)return;const o=i.mouse.position,n=e.interactivity.modes.particle;if(!n)return;const r=n.pauseOnStop&&(i.mouse.position===this._lastPosition||i.mouse.position?.x===this._lastPosition?.x&&i.mouse.position?.y===this._lastPosition?.y),a=n.stopDelay;if(o?this._lastPosition={...o}:delete this._lastPosition,this._lastPosition)if(r){if(this._clearTimeout)return;this._clearTimeout=setTimeout((()=>{if(this._particle){if(n.replaceCursor){const t=i.element;t&&(t instanceof Window?document.body.style.cursor="":t.style.cursor="")}this.container.particles.remove(this._particle,void 0,!0),delete this._particle}}),a)}else{if(this._clearTimeout&&(clearTimeout(this._clearTimeout),delete this._clearTimeout),!this._particle){const e=(0,s.deepExtend)(n.options,{move:{enable:!1}});if(this._particle=await t.particles.addParticle(this._lastPosition,e),n.replaceCursor){const t=i.element;t&&(t instanceof Window?document.body.style.cursor="none":t.style.cursor="none")}}this._particle&&(this._particle.position.x=this._lastPosition.x,this._particle.position.y=this._lastPosition.y)}}isEnabled(t){const i=this.container,e=i.actualOptions,o=i.interactivity.mouse,r=(t?.interactivity??e.interactivity).events;return o.clicking&&o.inside&&!!o.position&&(0,s.isInArray)(n,r.onClick.mode)||o.inside&&!!o.position&&(0,s.isInArray)(n,r.onHover.mode)}loadModeOptions(t,...i){t.particle||(t.particle=new o);for(const e of i)t.particle.load(e?.particle)}reset(){}}}}]);

package/207.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Particle External Interaction v3.2.0 by Matteo Bruni */

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,76 @@
+[![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
+
+# tsParticles External Particle Interaction
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/interaction-external-particle/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/interaction-external-particle)
+[![npmjs](https://badge.fury.io/js/@tsparticles/interaction-external-particle.svg)](https://www.npmjs.com/package/@tsparticles/interaction-external-particle)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/interaction-external-particle)](https://www.npmjs.com/package/@tsparticles/interaction-external-particle) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) interaction plugin for particle effect around mouse or HTML
+elements.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+The CDN/Vanilla version JS has one required file in vanilla configuration:
+
+Including the `tsparticles.interaction.external.particle.min.js` file will export the function to load the interaction
+plugin:
+
+```javascript
+loadExternalParticleInteraction;
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` and the interaction plugin like this:
+
+```javascript
+(async () => {
+  await loadExternalParticleInteraction(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      /* options */
+    },
+  });
+})();
+```
+
+### ESM / CommonJS
+
+This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
+
+```shell
+$ npm install @tsparticles/interaction-external-particle
+```
+
+or
+
+```shell
+$ yarn add @tsparticles/interaction-external-particle
+```
+
+Then you need to import it in the app, like this:
+
+```javascript
+const { tsParticles } = require("@tsparticles/engine");
+const { loadExternalParticleInteraction } = require("@tsparticles/interaction-external-particle");
+
+(async () => {
+  await loadExternalParticleInteraction(tsParticles);
+})();
+```
+
+or
+
+```javascript
+import { tsParticles } from "@tsparticles/engine";
+import { loadExternalParticleInteraction } from "@tsparticles/interaction-external-particle";
+
+(async () => {
+  await loadExternalParticleInteraction(tsParticles);
+})();
+```

package/browser/InteractivityParticleMaker.js

@@ -0,0 +1,102 @@
+import { ExternalInteractorBase, deepExtend, isInArray, } from "@tsparticles/engine";
+import { InteractivityParticle } from "./Options/Classes/InteractivityParticle.js";
+const particleMode = "particle";
+export class InteractivityParticleMaker extends ExternalInteractorBase {
+    constructor(container) {
+        super(container);
+    }
+    clear() {
+    }
+    init() {
+    }
+    async interact() {
+        const container = this.container, { interactivity } = container, options = container.actualOptions;
+        if (!container.retina.reduceFactor) {
+            return;
+        }
+        const mousePos = interactivity.mouse.position, interactivityParticleOptions = options.interactivity.modes.particle;
+        if (!interactivityParticleOptions) {
+            return;
+        }
+        const mouseStopped = interactivityParticleOptions.pauseOnStop &&
+            (interactivity.mouse.position === this._lastPosition ||
+                (interactivity.mouse.position?.x === this._lastPosition?.x &&
+                    interactivity.mouse.position?.y === this._lastPosition?.y)), clearDelay = interactivityParticleOptions.stopDelay;
+        if (mousePos) {
+            this._lastPosition = { ...mousePos };
+        }
+        else {
+            delete this._lastPosition;
+        }
+        if (!this._lastPosition) {
+            return;
+        }
+        if (mouseStopped) {
+            if (this._clearTimeout) {
+                return;
+            }
+            this._clearTimeout = setTimeout(() => {
+                if (!this._particle) {
+                    return;
+                }
+                if (interactivityParticleOptions.replaceCursor) {
+                    const element = interactivity.element;
+                    if (element) {
+                        if (element instanceof Window) {
+                            document.body.style.cursor = "";
+                        }
+                        else {
+                            element.style.cursor = "";
+                        }
+                    }
+                }
+                this.container.particles.remove(this._particle, undefined, true);
+                delete this._particle;
+            }, clearDelay);
+            return;
+        }
+        if (this._clearTimeout) {
+            clearTimeout(this._clearTimeout);
+            delete this._clearTimeout;
+        }
+        if (!this._particle) {
+            const particleOptions = deepExtend(interactivityParticleOptions.options, {
+                move: {
+                    enable: false,
+                },
+            });
+            this._particle = await container.particles.addParticle(this._lastPosition, particleOptions);
+            if (interactivityParticleOptions.replaceCursor) {
+                const element = interactivity.element;
+                if (element) {
+                    if (element instanceof Window) {
+                        document.body.style.cursor = "none";
+                    }
+                    else {
+                        element.style.cursor = "none";
+                    }
+                }
+            }
+        }
+        if (!this._particle) {
+            return;
+        }
+        this._particle.position.x = this._lastPosition.x;
+        this._particle.position.y = this._lastPosition.y;
+    }
+    isEnabled(particle) {
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
+        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(particleMode, events.onClick.mode)) ||
+            (mouse.inside && !!mouse.position && isInArray(particleMode, events.onHover.mode)));
+    }
+    loadModeOptions(options, ...sources) {
+        if (!options.particle) {
+            options.particle = new InteractivityParticle();
+        }
+        for (const source of sources) {
+            options.particle.load(source?.particle);
+        }
+    }
+    reset() {
+    }
+}

package/browser/Options/Classes/InteractivityParticle.js

@@ -0,0 +1,25 @@
+import { deepExtend } from "@tsparticles/engine";
+export class InteractivityParticle {
+    constructor() {
+        this.replaceCursor = false;
+        this.pauseOnStop = false;
+        this.stopDelay = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.options !== undefined) {
+            this.options = deepExtend({}, data.options);
+        }
+        if (data.replaceCursor !== undefined) {
+            this.replaceCursor = data.replaceCursor;
+        }
+        if (data.pauseOnStop !== undefined) {
+            this.pauseOnStop = data.pauseOnStop;
+        }
+        if (data.stopDelay !== undefined) {
+            this.stopDelay = data.stopDelay;
+        }
+    }
+}

package/browser/Options/Classes/InteractivityParticleOptions.js

@@ -0,0 +1 @@
+export {};

package/browser/Options/Interfaces/IInteractivityParticle.js

@@ -0,0 +1 @@
+export {};

package/browser/Types.js

@@ -0,0 +1 @@
+export {};

package/browser/index.js

@@ -0,0 +1,6 @@
+export async function loadExternalParticleInteraction(engine, refresh = true) {
+    await engine.addInteractor("externalParticle", async (container) => {
+        const { InteractivityParticleMaker } = await import("./InteractivityParticleMaker.js");
+        return new InteractivityParticleMaker(container);
+    }, refresh);
+}

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/InteractivityParticleMaker.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractivityParticleMaker = void 0;
+const engine_1 = require("@tsparticles/engine");
+const InteractivityParticle_js_1 = require("./Options/Classes/InteractivityParticle.js");
+const particleMode = "particle";
+class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
+    constructor(container) {
+        super(container);
+    }
+    clear() {
+    }
+    init() {
+    }
+    async interact() {
+        const container = this.container, { interactivity } = container, options = container.actualOptions;
+        if (!container.retina.reduceFactor) {
+            return;
+        }
+        const mousePos = interactivity.mouse.position, interactivityParticleOptions = options.interactivity.modes.particle;
+        if (!interactivityParticleOptions) {
+            return;
+        }
+        const mouseStopped = interactivityParticleOptions.pauseOnStop &&
+            (interactivity.mouse.position === this._lastPosition ||
+                (interactivity.mouse.position?.x === this._lastPosition?.x &&
+                    interactivity.mouse.position?.y === this._lastPosition?.y)), clearDelay = interactivityParticleOptions.stopDelay;
+        if (mousePos) {
+            this._lastPosition = { ...mousePos };
+        }
+        else {
+            delete this._lastPosition;
+        }
+        if (!this._lastPosition) {
+            return;
+        }
+        if (mouseStopped) {
+            if (this._clearTimeout) {
+                return;
+            }
+            this._clearTimeout = setTimeout(() => {
+                if (!this._particle) {
+                    return;
+                }
+                if (interactivityParticleOptions.replaceCursor) {
+                    const element = interactivity.element;
+                    if (element) {
+                        if (element instanceof Window) {
+                            document.body.style.cursor = "";
+                        }
+                        else {
+                            element.style.cursor = "";
+                        }
+                    }
+                }
+                this.container.particles.remove(this._particle, undefined, true);
+                delete this._particle;
+            }, clearDelay);
+            return;
+        }
+        if (this._clearTimeout) {
+            clearTimeout(this._clearTimeout);
+            delete this._clearTimeout;
+        }
+        if (!this._particle) {
+            const particleOptions = (0, engine_1.deepExtend)(interactivityParticleOptions.options, {
+                move: {
+                    enable: false,
+                },
+            });
+            this._particle = await container.particles.addParticle(this._lastPosition, particleOptions);
+            if (interactivityParticleOptions.replaceCursor) {
+                const element = interactivity.element;
+                if (element) {
+                    if (element instanceof Window) {
+                        document.body.style.cursor = "none";
+                    }
+                    else {
+                        element.style.cursor = "none";
+                    }
+                }
+            }
+        }
+        if (!this._particle) {
+            return;
+        }
+        this._particle.position.x = this._lastPosition.x;
+        this._particle.position.y = this._lastPosition.y;
+    }
+    isEnabled(particle) {
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
+        return ((mouse.clicking && mouse.inside && !!mouse.position && (0, engine_1.isInArray)(particleMode, events.onClick.mode)) ||
+            (mouse.inside && !!mouse.position && (0, engine_1.isInArray)(particleMode, events.onHover.mode)));
+    }
+    loadModeOptions(options, ...sources) {
+        if (!options.particle) {
+            options.particle = new InteractivityParticle_js_1.InteractivityParticle();
+        }
+        for (const source of sources) {
+            options.particle.load(source?.particle);
+        }
+    }
+    reset() {
+    }
+}
+exports.InteractivityParticleMaker = InteractivityParticleMaker;

package/cjs/Options/Classes/InteractivityParticle.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractivityParticle = void 0;
+const engine_1 = require("@tsparticles/engine");
+class InteractivityParticle {
+    constructor() {
+        this.replaceCursor = false;
+        this.pauseOnStop = false;
+        this.stopDelay = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.options !== undefined) {
+            this.options = (0, engine_1.deepExtend)({}, data.options);
+        }
+        if (data.replaceCursor !== undefined) {
+            this.replaceCursor = data.replaceCursor;
+        }
+        if (data.pauseOnStop !== undefined) {
+            this.pauseOnStop = data.pauseOnStop;
+        }
+        if (data.stopDelay !== undefined) {
+            this.stopDelay = data.stopDelay;
+        }
+    }
+}
+exports.InteractivityParticle = InteractivityParticle;

package/cjs/Options/Classes/InteractivityParticleOptions.js

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

package/cjs/Options/Interfaces/IInteractivityParticle.js

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

package/cjs/Types.js

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

package/cjs/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadExternalParticleInteraction = void 0;
+async function loadExternalParticleInteraction(engine, refresh = true) {
+    await engine.addInteractor("externalParticle", async (container) => {
+        const { InteractivityParticleMaker } = await Promise.resolve().then(() => __importStar(require("./InteractivityParticleMaker.js")));
+        return new InteractivityParticleMaker(container);
+    }, refresh);
+}
+exports.loadExternalParticleInteraction = loadExternalParticleInteraction;

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist_browser_InteractivityParticleMaker_js.js

@@ -0,0 +1,40 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.2.0
+ */
+"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["webpackChunk_tsparticles_interaction_external_particle"] = this["webpackChunk_tsparticles_interaction_external_particle"] || []).push([["dist_browser_InteractivityParticleMaker_js"],{
+
+/***/ "./dist/browser/InteractivityParticleMaker.js":
+/*!****************************************************!*\
+  !*** ./dist/browser/InteractivityParticleMaker.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityParticleMaker: () => (/* binding */ InteractivityParticleMaker)\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 _Options_Classes_InteractivityParticle_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/InteractivityParticle.js */ \"./dist/browser/Options/Classes/InteractivityParticle.js\");\n\n\nconst particleMode = \"particle\";\nclass InteractivityParticleMaker extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  async interact() {\n    const container = this.container,\n      {\n        interactivity\n      } = container,\n      options = container.actualOptions;\n    if (!container.retina.reduceFactor) {\n      return;\n    }\n    const mousePos = interactivity.mouse.position,\n      interactivityParticleOptions = options.interactivity.modes.particle;\n    if (!interactivityParticleOptions) {\n      return;\n    }\n    const mouseStopped = interactivityParticleOptions.pauseOnStop && (interactivity.mouse.position === this._lastPosition || interactivity.mouse.position?.x === this._lastPosition?.x && interactivity.mouse.position?.y === this._lastPosition?.y),\n      clearDelay = interactivityParticleOptions.stopDelay;\n    if (mousePos) {\n      this._lastPosition = {\n        ...mousePos\n      };\n    } else {\n      delete this._lastPosition;\n    }\n    if (!this._lastPosition) {\n      return;\n    }\n    if (mouseStopped) {\n      if (this._clearTimeout) {\n        return;\n      }\n      this._clearTimeout = setTimeout(() => {\n        if (!this._particle) {\n          return;\n        }\n        if (interactivityParticleOptions.replaceCursor) {\n          const element = interactivity.element;\n          if (element) {\n            if (element instanceof Window) {\n              document.body.style.cursor = \"\";\n            } else {\n              element.style.cursor = \"\";\n            }\n          }\n        }\n        this.container.particles.remove(this._particle, undefined, true);\n        delete this._particle;\n      }, clearDelay);\n      return;\n    }\n    if (this._clearTimeout) {\n      clearTimeout(this._clearTimeout);\n      delete this._clearTimeout;\n    }\n    if (!this._particle) {\n      const particleOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(interactivityParticleOptions.options, {\n        move: {\n          enable: false\n        }\n      });\n      this._particle = await container.particles.addParticle(this._lastPosition, particleOptions);\n      if (interactivityParticleOptions.replaceCursor) {\n        const element = interactivity.element;\n        if (element) {\n          if (element instanceof Window) {\n            document.body.style.cursor = \"none\";\n          } else {\n            element.style.cursor = \"none\";\n          }\n        }\n      }\n    }\n    if (!this._particle) {\n      return;\n    }\n    this._particle.position.x = this._lastPosition.x;\n    this._particle.position.y = this._lastPosition.y;\n  }\n  isEnabled(particle) {\n    const container = this.container,\n      options = container.actualOptions,\n      mouse = container.interactivity.mouse,\n      events = (particle?.interactivity ?? options.interactivity).events;\n    return mouse.clicking && mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(particleMode, events.onClick.mode) || mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(particleMode, events.onHover.mode);\n  }\n  loadModeOptions(options, ...sources) {\n    if (!options.particle) {\n      options.particle = new _Options_Classes_InteractivityParticle_js__WEBPACK_IMPORTED_MODULE_1__.InteractivityParticle();\n    }\n    for (const source of sources) {\n      options.particle.load(source?.particle);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-particle/./dist/browser/InteractivityParticleMaker.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/Options/Classes/InteractivityParticle.js":
+/*!***************************************************************!*\
+  !*** ./dist/browser/Options/Classes/InteractivityParticle.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityParticle: () => (/* binding */ InteractivityParticle)\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\nclass InteractivityParticle {\n  constructor() {\n    this.replaceCursor = false;\n    this.pauseOnStop = false;\n    this.stopDelay = 0;\n  }\n  load(data) {\n    if (!data) {\n      return;\n    }\n    if (data.options !== undefined) {\n      this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.options);\n    }\n    if (data.replaceCursor !== undefined) {\n      this.replaceCursor = data.replaceCursor;\n    }\n    if (data.pauseOnStop !== undefined) {\n      this.pauseOnStop = data.pauseOnStop;\n    }\n    if (data.stopDelay !== undefined) {\n      this.stopDelay = data.stopDelay;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-particle/./dist/browser/Options/Classes/InteractivityParticle.js?");
+
+/***/ })
+
+}]);

package/esm/InteractivityParticleMaker.js

@@ -0,0 +1,102 @@
+import { ExternalInteractorBase, deepExtend, isInArray, } from "@tsparticles/engine";
+import { InteractivityParticle } from "./Options/Classes/InteractivityParticle.js";
+const particleMode = "particle";
+export class InteractivityParticleMaker extends ExternalInteractorBase {
+    constructor(container) {
+        super(container);
+    }
+    clear() {
+    }
+    init() {
+    }
+    async interact() {
+        const container = this.container, { interactivity } = container, options = container.actualOptions;
+        if (!container.retina.reduceFactor) {
+            return;
+        }
+        const mousePos = interactivity.mouse.position, interactivityParticleOptions = options.interactivity.modes.particle;
+        if (!interactivityParticleOptions) {
+            return;
+        }
+        const mouseStopped = interactivityParticleOptions.pauseOnStop &&
+            (interactivity.mouse.position === this._lastPosition ||
+                (interactivity.mouse.position?.x === this._lastPosition?.x &&
+                    interactivity.mouse.position?.y === this._lastPosition?.y)), clearDelay = interactivityParticleOptions.stopDelay;
+        if (mousePos) {
+            this._lastPosition = { ...mousePos };
+        }
+        else {
+            delete this._lastPosition;
+        }
+        if (!this._lastPosition) {
+            return;
+        }
+        if (mouseStopped) {
+            if (this._clearTimeout) {
+                return;
+            }
+            this._clearTimeout = setTimeout(() => {
+                if (!this._particle) {
+                    return;
+                }
+                if (interactivityParticleOptions.replaceCursor) {
+                    const element = interactivity.element;
+                    if (element) {
+                        if (element instanceof Window) {
+                            document.body.style.cursor = "";
+                        }
+                        else {
+                            element.style.cursor = "";
+                        }
+                    }
+                }
+                this.container.particles.remove(this._particle, undefined, true);
+                delete this._particle;
+            }, clearDelay);
+            return;
+        }
+        if (this._clearTimeout) {
+            clearTimeout(this._clearTimeout);
+            delete this._clearTimeout;
+        }
+        if (!this._particle) {
+            const particleOptions = deepExtend(interactivityParticleOptions.options, {
+                move: {
+                    enable: false,
+                },
+            });
+            this._particle = await container.particles.addParticle(this._lastPosition, particleOptions);
+            if (interactivityParticleOptions.replaceCursor) {
+                const element = interactivity.element;
+                if (element) {
+                    if (element instanceof Window) {
+                        document.body.style.cursor = "none";
+                    }
+                    else {
+                        element.style.cursor = "none";
+                    }
+                }
+            }
+        }
+        if (!this._particle) {
+            return;
+        }
+        this._particle.position.x = this._lastPosition.x;
+        this._particle.position.y = this._lastPosition.y;
+    }
+    isEnabled(particle) {
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events;
+        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(particleMode, events.onClick.mode)) ||
+            (mouse.inside && !!mouse.position && isInArray(particleMode, events.onHover.mode)));
+    }
+    loadModeOptions(options, ...sources) {
+        if (!options.particle) {
+            options.particle = new InteractivityParticle();
+        }
+        for (const source of sources) {
+            options.particle.load(source?.particle);
+        }
+    }
+    reset() {
+    }
+}

package/esm/Options/Classes/InteractivityParticle.js

@@ -0,0 +1,25 @@
+import { deepExtend } from "@tsparticles/engine";
+export class InteractivityParticle {
+    constructor() {
+        this.replaceCursor = false;
+        this.pauseOnStop = false;
+        this.stopDelay = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.options !== undefined) {
+            this.options = deepExtend({}, data.options);
+        }
+        if (data.replaceCursor !== undefined) {
+            this.replaceCursor = data.replaceCursor;
+        }
+        if (data.pauseOnStop !== undefined) {
+            this.pauseOnStop = data.pauseOnStop;
+        }
+        if (data.stopDelay !== undefined) {
+            this.stopDelay = data.stopDelay;
+        }
+    }
+}

package/esm/Options/Classes/InteractivityParticleOptions.js

@@ -0,0 +1 @@
+export {};

package/esm/Options/Interfaces/IInteractivityParticle.js

@@ -0,0 +1 @@
+export {};

package/esm/Types.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

@@ -0,0 +1,6 @@
+export async function loadExternalParticleInteraction(engine, refresh = true) {
+    await engine.addInteractor("externalParticle", async (container) => {
+        const { InteractivityParticleMaker } = await import("./InteractivityParticleMaker.js");
+        return new InteractivityParticleMaker(container);
+    }, refresh);
+}

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }