@tsparticles/interaction-external-pop 4.0.0-alpha.1 → 4.0.0-alpha.14

package/534.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_pop=this.webpackChunk_tsparticles_interaction_external_pop||[]).push([[534],{534(e,t,i){i.d(t,{Popper:()=>a});var r=i(702),n=i(303);class a extends r.ExternalInteractorBase{handleClickMode;constructor(e){super(e),this.handleClickMode=(e,t)=>{let i=this.container;if("pop"!==e)return;let r=t.mouse.clickPosition;if(!r)return;let n=i.particles.quadTree.queryCircle(r,i.retina.pixelRatio);if(n.length)for(let e of n)i.particles.remove(e)}}clear(){}init(){}interact(){}isEnabled(e,t){let i=this.container.actualOptions,r=e.mouse,a=(t?.interactivity??i.interactivity)?.events;return!!a&&r.clicking&&r.inside&&!!r.position&&(0,n.isInArray)("pop",a.onClick.mode)}reset(){}}}}]);

package/browser/Popper.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const popMode = "pop";
 export class Popper extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             const container = this.container;
             if (mode !== popMode) {
                 return;
             }
-            const clickPos = container.interactivity.mouse.clickPosition;
+            const clickPos = interactivityData.mouse.clickPosition;
             if (!clickPos) {
                 return;
             }
@@ -27,8 +29,9 @@ export class Popper extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
     }
     reset() {
     }

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPopInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPop", async (container) => {
+export async function loadExternalPopInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
+        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
+        await loadInteractivityPlugin(e);
+        e.addInteractor?.("externalPop", async (container) => {
             const { Popper } = await import("./Popper.js");
             return new Popper(container);
         });

package/cjs/Popper.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const popMode = "pop";
 export class Popper extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             const container = this.container;
             if (mode !== popMode) {
                 return;
             }
-            const clickPos = container.interactivity.mouse.clickPosition;
+            const clickPos = interactivityData.mouse.clickPosition;
             if (!clickPos) {
                 return;
             }
@@ -27,8 +29,9 @@ export class Popper extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
     }
     reset() {
     }

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPopInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPop", async (container) => {
+export async function loadExternalPopInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
+        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
+        await loadInteractivityPlugin(e);
+        e.addInteractor?.("externalPop", async (container) => {
             const { Popper } = await import("./Popper.js");
             return new Popper(container);
         });

package/dist_browser_Popper_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.1
+ * v4.0.0-alpha.14
  */
 "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 */   Popper: () => (/* binding */ Popper)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst popMode = \"pop\";\nclass Popper extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this.handleClickMode = mode => {\n      const container = this.container;\n      if (mode !== popMode) {\n        return;\n      }\n      const clickPos = container.interactivity.mouse.clickPosition;\n      if (!clickPos) {\n        return;\n      }\n      const poppedParticles = container.particles.quadTree.queryCircle(clickPos, container.retina.pixelRatio);\n      if (!poppedParticles.length) {\n        return;\n      }\n      for (const particle of poppedParticles) {\n        container.particles.remove(particle);\n      }\n    };\n  }\n  clear() {}\n  init() {}\n  interact() {}\n  isEnabled() {\n    return true;\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-pop/./dist/browser/Popper.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Popper: () => (/* binding */ Popper)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\n\nconst popMode = \"pop\";\nclass Popper extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    handleClickMode;\n    constructor(container){\n        super(container);\n        this.handleClickMode = (mode, interactivityData)=>{\n            const container = this.container;\n            if (mode !== popMode) {\n                return;\n            }\n            const clickPos = interactivityData.mouse.clickPosition;\n            if (!clickPos) {\n                return;\n            }\n            const poppedParticles = container.particles.quadTree.queryCircle(clickPos, container.retina.pixelRatio);\n            if (!poppedParticles.length) {\n                return;\n            }\n            for (const particle of poppedParticles){\n                container.particles.remove(particle);\n            }\n        };\n    }\n    clear() {}\n    init() {}\n    interact() {}\n    isEnabled(interactivityData, particle) {\n        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;\n        return !!events && mouse.clicking && mouse.inside && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(popMode, events.onClick.mode);\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-pop/./dist/browser/Popper.js?\n}");
 
 /***/ }
 

package/esm/Popper.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const popMode = "pop";
 export class Popper extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             const container = this.container;
             if (mode !== popMode) {
                 return;
             }
-            const clickPos = container.interactivity.mouse.clickPosition;
+            const clickPos = interactivityData.mouse.clickPosition;
             if (!clickPos) {
                 return;
             }
@@ -27,8 +29,9 @@ export class Popper extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
     }
     reset() {
     }

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPopInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPop", async (container) => {
+export async function loadExternalPopInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.14");
+    await engine.register(async (e) => {
+        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
+        await loadInteractivityPlugin(e);
+        e.addInteractor?.("externalPop", async (container) => {
             const { Popper } = await import("./Popper.js");
             return new Popper(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-pop",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.14",
   "description": "tsParticles pop external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,7 +87,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.1"
+    "@tsparticles/engine": "4.0.0-alpha.14",
+    "@tsparticles/plugin-interactivity": "4.0.0-alpha.14"
   },
   "publishConfig": {
     "access": "public"