@tsparticles/interaction-external-pause 4.0.0-alpha.5 → 4.0.0-beta.0

package/363.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_pause=this.webpackChunk_tsparticles_interaction_external_pause||[]).push([[363],{363(t,e,a){a.d(e,{Pauser:()=>r});var i=a(702),n=a(303);let s="pause";class r extends i.ExternalInteractorBase{handleClickMode;maxDistance=0;constructor(t){super(t),this.handleClickMode=t=>{if(t!==s)return;let e=this.container;e.animationStatus?e.pause():e.play()}}clear(){}init(){}interact(){}isEnabled(t,e){let a=this.container.actualOptions,i=(e?.interactivity??a.interactivity)?.events;return!!i&&(0,n.isInArray)(s,i.onClick.mode)}reset(){}}}}]);

package/README.md

@@ -28,6 +28,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
 ```javascript
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalPauseInteraction(tsParticles);
 
   await tsParticles.load({
@@ -57,9 +58,11 @@ Then you need to import it in the app, like this:
 
 ```javascript
 const { tsParticles } = require("@tsparticles/engine");
+const { loadInteractivityPlugin } = require("@tsparticles/plugin-interactivity");
 const { loadExternalPauseInteraction } = require("@tsparticles/interaction-external-pause");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalPauseInteraction(tsParticles);
 })();
 ```
@@ -68,9 +71,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadExternalPauseInteraction } from "@tsparticles/interaction-external-pause";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalPauseInteraction(tsParticles);
 })();
 ```

package/browser/Pauser.js

@@ -1,6 +1,9 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const pauseMode = "pause";
 export class Pauser extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -22,8 +25,9 @@ export class Pauser extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(_interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && isInArray(pauseMode, events.onClick.mode);
     }
     reset() {
     }

package/browser/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalPauseInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
         e.addInteractor?.("externalPause", async (container) => {
             const { Pauser } = await import("./Pauser.js");
             return new Pauser(container);

package/cjs/Pauser.js

@@ -1,6 +1,9 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const pauseMode = "pause";
 export class Pauser extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -22,8 +25,9 @@ export class Pauser extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(_interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && isInArray(pauseMode, events.onClick.mode);
     }
     reset() {
     }

package/cjs/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalPauseInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
         e.addInteractor?.("externalPause", async (container) => {
             const { Pauser } = await import("./Pauser.js");
             return new Pauser(container);

package/dist_browser_Pauser_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.5
+ * v4.0.0-beta.0
  */
 "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 */   Pauser: () => (/* binding */ Pauser)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n\nconst pauseMode = \"pause\";\nclass Pauser extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this.handleClickMode = mode => {\n      if (mode !== pauseMode) {\n        return;\n      }\n      const container = this.container;\n      if (container.animationStatus) {\n        container.pause();\n      } else {\n        container.play();\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-pause/./dist/browser/Pauser.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Pauser: () => (/* binding */ Pauser)\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 pauseMode = \"pause\";\nclass Pauser extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    handleClickMode;\n    maxDistance = 0;\n    constructor(container){\n        super(container);\n        this.handleClickMode = (mode)=>{\n            if (mode !== pauseMode) {\n                return;\n            }\n            const container = this.container;\n            if (container.animationStatus) {\n                container.pause();\n            } else {\n                container.play();\n            }\n        };\n    }\n    clear() {}\n    init() {}\n    interact() {}\n    isEnabled(_interactivityData, particle) {\n        const container = this.container, options = container.actualOptions, events = (particle?.interactivity ?? options.interactivity)?.events;\n        return !!events && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.isInArray)(pauseMode, events.onClick.mode);\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-pause/./dist/browser/Pauser.js?\n}");
 
 /***/ }
 

package/esm/Pauser.js

@@ -1,6 +1,9 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { isInArray } from "@tsparticles/engine";
 const pauseMode = "pause";
 export class Pauser extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -22,8 +25,9 @@ export class Pauser extends ExternalInteractorBase {
     }
     interact() {
     }
-    isEnabled() {
-        return true;
+    isEnabled(_interactivityData, particle) {
+        const container = this.container, options = container.actualOptions, events = (particle?.interactivity ?? options.interactivity)?.events;
+        return !!events && isInArray(pauseMode, events.onClick.mode);
     }
     reset() {
     }

package/esm/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalPauseInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
-        await loadInteractivityPlugin(e);
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
         e.addInteractor?.("externalPause", async (container) => {
             const { Pauser } = await import("./Pauser.js");
             return new Pauser(container);

package/package.json

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