@tsparticles/interaction-external-particle 3.9.1 → 4.0.0-alpha.1

package/302.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 302.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_external_particle=this.webpackChunk_tsparticles_interaction_external_particle||[]).push([[302],{302(t,i,e){e.d(i,{InteractivityParticleMaker:()=>r});var s=e(303);class o{constructor(){this.replaceCursor=!1,this.pauseOnStop=!1,this.stopDelay=0}load(t){(0,s.isNull)(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(){}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?(0,s.safeDocument)().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=t.particles.addParticle(this._lastPosition,e),n.replaceCursor){const t=i.element;t&&(t instanceof Window?(0,s.safeDocument)().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??=new o;for(const e of i)t.particle.load(e?.particle)}reset(){}}}}]);

package/302.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Particle External Interaction v4.0.0-alpha.1 by Matteo Bruni */

package/browser/InteractivityParticleMaker.js

@@ -1,4 +1,4 @@
-import { ExternalInteractorBase, deepExtend, isInArray, } from "@tsparticles/engine";
+import { ExternalInteractorBase, deepExtend, isInArray, safeDocument, } from "@tsparticles/engine";
 import { InteractivityParticle } from "./Options/Classes/InteractivityParticle.js";
 const particleMode = "particle";
 export class InteractivityParticleMaker extends ExternalInteractorBase {
@@ -43,7 +43,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
                     const element = interactivity.element;
                     if (element) {
                         if (element instanceof Window) {
-                            document.body.style.cursor = "";
+                            safeDocument().body.style.cursor = "";
                         }
                         else {
                             element.style.cursor = "";
@@ -70,7 +70,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
                 const element = interactivity.element;
                 if (element) {
                     if (element instanceof Window) {
-                        document.body.style.cursor = "none";
+                        safeDocument().body.style.cursor = "none";
                     }
                     else {
                         element.style.cursor = "none";
@@ -90,9 +90,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
             (mouse.inside && !!mouse.position && isInArray(particleMode, events.onHover.mode)));
     }
     loadModeOptions(options, ...sources) {
-        if (!options.particle) {
-            options.particle = new InteractivityParticle();
-        }
+        options.particle ??= new InteractivityParticle();
         for (const source of sources) {
             options.particle.load(source?.particle);
         }

package/browser/index.js

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

package/cjs/InteractivityParticleMaker.js

@@ -1,10 +1,7 @@
-"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");
+import { ExternalInteractorBase, deepExtend, isInArray, safeDocument, } from "@tsparticles/engine";
+import { InteractivityParticle } from "./Options/Classes/InteractivityParticle.js";
 const particleMode = "particle";
-class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
+export class InteractivityParticleMaker extends ExternalInteractorBase {
     constructor(container) {
         super(container);
     }
@@ -46,7 +43,7 @@ class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
                     const element = interactivity.element;
                     if (element) {
                         if (element instanceof Window) {
-                            document.body.style.cursor = "";
+                            safeDocument().body.style.cursor = "";
                         }
                         else {
                             element.style.cursor = "";
@@ -63,7 +60,7 @@ class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
             delete this._clearTimeout;
         }
         if (!this._particle) {
-            const particleOptions = (0, engine_1.deepExtend)(interactivityParticleOptions.options, {
+            const particleOptions = deepExtend(interactivityParticleOptions.options, {
                 move: {
                     enable: false,
                 },
@@ -73,7 +70,7 @@ class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
                 const element = interactivity.element;
                 if (element) {
                     if (element instanceof Window) {
-                        document.body.style.cursor = "none";
+                        safeDocument().body.style.cursor = "none";
                     }
                     else {
                         element.style.cursor = "none";
@@ -89,13 +86,11 @@ class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
     }
     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)));
+        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_js_1.InteractivityParticle();
-        }
+        options.particle ??= new InteractivityParticle();
         for (const source of sources) {
             options.particle.load(source?.particle);
         }
@@ -103,4 +98,3 @@ class InteractivityParticleMaker extends engine_1.ExternalInteractorBase {
     reset() {
     }
 }
-exports.InteractivityParticleMaker = InteractivityParticleMaker;

package/cjs/Options/Classes/InteractivityParticle.js

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

package/cjs/Options/Classes/InteractivityParticleOptions.js

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

package/cjs/Options/Interfaces/IInteractivityParticle.js

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

package/cjs/Types.js

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

package/cjs/index.js

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

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
+ * v4.0.0-alpha.1
+ */
+"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___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 _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  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              (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().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 = container.particles.addParticle(this._lastPosition, particleOptions);\n      if (interactivityParticleOptions.replaceCursor) {\n        const element = interactivity.element;\n        if (element) {\n          if (element instanceof Window) {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().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    options.particle ??= new _Options_Classes_InteractivityParticle_js__WEBPACK_IMPORTED_MODULE_1__.InteractivityParticle();\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?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/InteractivityParticle.js"
+/*!***************************************************************!*\
+  !*** ./dist/browser/Options/Classes/InteractivityParticle.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 */   InteractivityParticle: () => (/* binding */ InteractivityParticle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass InteractivityParticle {\n  constructor() {\n    this.replaceCursor = false;\n    this.pauseOnStop = false;\n    this.stopDelay = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(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?\n}");
+
+/***/ }
+
+}]);

package/esm/InteractivityParticleMaker.js

@@ -1,4 +1,4 @@
-import { ExternalInteractorBase, deepExtend, isInArray, } from "@tsparticles/engine";
+import { ExternalInteractorBase, deepExtend, isInArray, safeDocument, } from "@tsparticles/engine";
 import { InteractivityParticle } from "./Options/Classes/InteractivityParticle.js";
 const particleMode = "particle";
 export class InteractivityParticleMaker extends ExternalInteractorBase {
@@ -43,7 +43,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
                     const element = interactivity.element;
                     if (element) {
                         if (element instanceof Window) {
-                            document.body.style.cursor = "";
+                            safeDocument().body.style.cursor = "";
                         }
                         else {
                             element.style.cursor = "";
@@ -70,7 +70,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
                 const element = interactivity.element;
                 if (element) {
                     if (element instanceof Window) {
-                        document.body.style.cursor = "none";
+                        safeDocument().body.style.cursor = "none";
                     }
                     else {
                         element.style.cursor = "none";
@@ -90,9 +90,7 @@ export class InteractivityParticleMaker extends ExternalInteractorBase {
             (mouse.inside && !!mouse.position && isInArray(particleMode, events.onHover.mode)));
     }
     loadModeOptions(options, ...sources) {
-        if (!options.particle) {
-            options.particle = new InteractivityParticle();
-        }
+        options.particle ??= new InteractivityParticle();
         for (const source of sources) {
             options.particle.load(source?.particle);
         }

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-particle",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.1",
   "description": "tsParticles particle external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,9 +87,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }