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

package/909.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_remove=this.webpackChunk_tsparticles_interaction_external_remove||[]).push([[909],{909(e,t,i){i.d(t,{Remover:()=>s});var n=i(702),r=i(303),a=i(237);let o="remove";class s extends n.ExternalInteractorBase{handleClickMode;maxDistance=0;constructor(e){super(e),this.handleClickMode=e=>{let t=this.container,i=t.actualOptions;if(!i.interactivity?.modes.remove||e!==o)return;let n=(0,r.getRangeValue)(i.interactivity.modes.remove.quantity);t.particles.removeQuantity(n)}}clear(){}init(){}interact(){}isEnabled(e,t){let i=this.container.actualOptions,n=e.mouse,a=(t?.interactivity??i.interactivity)?.events;return!!a&&n.clicking&&n.inside&&!!n.position&&(0,r.isInArray)(o,a.onClick.mode)}loadModeOptions(e,...t){for(let i of(e.remove??=new a.n,t))e.remove.load(i?.remove)}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 loadExternalRemoveInteraction(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 { loadExternalRemoveInteraction } = require("@tsparticles/interaction-external-remove");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalRemoveInteraction(tsParticles);
 })();
 ```
@@ -68,9 +71,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadExternalRemoveInteraction } from "@tsparticles/interaction-external-remove";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalRemoveInteraction(tsParticles);
 })();
 ```

package/browser/Options/Classes/Remove.js

@@ -1,5 +1,6 @@
 import { isNull, setRangeValue } from "@tsparticles/engine";
 export class Remove {
+    quantity;
     constructor() {
         this.quantity = 2;
     }

package/browser/Remover.js

@@ -1,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { getRangeValue } from "@tsparticles/engine";
+import { getRangeValue, isInArray } from "@tsparticles/engine";
 import { Remove } from "./Options/Classes/Remove.js";
 const removeMode = "remove";
 export class Remover extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -20,8 +22,9 @@ export class Remover 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(removeMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.remove ??= new Remove();

package/browser/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalRemoveInteraction(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?.("externalRemove", async (container) => {
             const { Remover } = await import("./Remover.js");
             return new Remover(container);

package/cjs/Options/Classes/Remove.js

@@ -1,5 +1,6 @@
 import { isNull, setRangeValue } from "@tsparticles/engine";
 export class Remove {
+    quantity;
     constructor() {
         this.quantity = 2;
     }

package/cjs/Remover.js

@@ -1,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { getRangeValue } from "@tsparticles/engine";
+import { getRangeValue, isInArray } from "@tsparticles/engine";
 import { Remove } from "./Options/Classes/Remove.js";
 const removeMode = "remove";
 export class Remover extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -20,8 +22,9 @@ export class Remover 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(removeMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.remove ??= new Remove();

package/cjs/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalRemoveInteraction(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?.("externalRemove", async (container) => {
             const { Remover } = await import("./Remover.js");
             return new Remover(container);

package/dist_browser_Remover_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 */   Remover: () => (/* binding */ Remover)\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/* harmony import */ var _Options_Classes_Remove_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Remove.js */ \"./dist/browser/Options/Classes/Remove.js\");\n\n\n\nconst removeMode = \"remove\";\nclass Remover extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this.handleClickMode = mode => {\n      const container = this.container,\n        options = container.actualOptions;\n      if (!options.interactivity?.modes.remove || mode !== removeMode) {\n        return;\n      }\n      const removeNb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(options.interactivity.modes.remove.quantity);\n      container.particles.removeQuantity(removeNb);\n    };\n  }\n  clear() {}\n  init() {}\n  interact() {}\n  isEnabled() {\n    return true;\n  }\n  loadModeOptions(options, ...sources) {\n    options.remove ??= new _Options_Classes_Remove_js__WEBPACK_IMPORTED_MODULE_2__.Remove();\n    for (const source of sources) {\n      options.remove.load(source?.remove);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-remove/./dist/browser/Remover.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Remover: () => (/* binding */ Remover)\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/* harmony import */ var _Options_Classes_Remove_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Remove.js */ \"./dist/browser/Options/Classes/Remove.js\");\n\n\n\nconst removeMode = \"remove\";\nclass Remover 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            const container = this.container, options = container.actualOptions;\n            if (!options.interactivity?.modes.remove || mode !== removeMode) {\n                return;\n            }\n            const removeNb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(options.interactivity.modes.remove.quantity);\n            container.particles.removeQuantity(removeNb);\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)(removeMode, events.onClick.mode);\n    }\n    loadModeOptions(options, ...sources) {\n        options.remove ??= new _Options_Classes_Remove_js__WEBPACK_IMPORTED_MODULE_2__.Remove();\n        for (const source of sources){\n            options.remove.load(source?.remove);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-remove/./dist/browser/Remover.js?\n}");
 
 /***/ }
 

package/esm/Options/Classes/Remove.js

@@ -1,5 +1,6 @@
 import { isNull, setRangeValue } from "@tsparticles/engine";
 export class Remove {
+    quantity;
     constructor() {
         this.quantity = 2;
     }

package/esm/Remover.js

@@ -1,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { getRangeValue } from "@tsparticles/engine";
+import { getRangeValue, isInArray } from "@tsparticles/engine";
 import { Remove } from "./Options/Classes/Remove.js";
 const removeMode = "remove";
 export class Remover extends ExternalInteractorBase {
+    handleClickMode;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode) => {
@@ -20,8 +22,9 @@ export class Remover 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(removeMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.remove ??= new Remove();

package/esm/index.js

@@ -1,8 +1,8 @@
 export async function loadExternalRemoveInteraction(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?.("externalRemove", async (container) => {
             const { Remover } = await import("./Remover.js");
             return new Remover(container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-remove",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles remove 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"