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

package/243.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_push=this.webpackChunk_tsparticles_interaction_external_push||[]).push([[243],{243(t,e,i){i.d(e,{Pusher:()=>o});var s=i(702),n=i(303),r=i(26);let a="push";class o extends s.ExternalInteractorBase{handleClickMode;constructor(t){super(t),this.handleClickMode=(t,e)=>{if(t!==a)return;let i=this.container,s=i.actualOptions,r=s.interactivity?.modes.push;if(!r)return;let o=(0,n.getRangeValue)(r.quantity);if(o<=0)return;let l=(0,n.itemFromArray)([void 0,...r.groups]),c=void 0!==l?i.actualOptions.particles.groups[l]:void 0,u=(0,n.itemFromSingleOrMultiple)(r.particles),p=(0,n.deepExtend)(c,u);i.particles.push(o,e.mouse.position,p,l)}}clear(){}init(){}interact(){}isEnabled(t,e){let i=this.container.actualOptions,s=t.mouse,r=(e?.interactivity??i.interactivity)?.events;return!!r&&s.clicking&&s.inside&&!!s.position&&(0,n.isInArray)(a,r.onClick.mode)}loadModeOptions(t,...e){for(let i of(t.push??=new r.$,e))t.push.load(i?.push)}reset(){}}}}]);

package/browser/Options/Classes/Push.js

@@ -1,5 +1,9 @@
 import { deepExtend, executeOnSingleOrMultiple, isNull, setRangeValue, } from "@tsparticles/engine";
 export class Push {
+    default;
+    groups;
+    particles;
+    quantity;
     constructor() {
         this.default = true;
         this.groups = [];

package/browser/Pusher.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase, deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { deepExtend, getRangeValue, isInArray, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { Push } from "./Options/Classes/Push.js";
 const pushMode = "push", minQuantity = 0;
 export class Pusher extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             if (mode !== pushMode) {
                 return;
             }
-            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity.modes.push;
+            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity?.modes.push;
             if (!pushOptions) {
                 return;
             }
@@ -17,7 +19,7 @@ export class Pusher extends ExternalInteractorBase {
                 return;
             }
             const group = itemFromArray([undefined, ...pushOptions.groups]), groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined, particlesOptions = itemFromSingleOrMultiple(pushOptions.particles), overrideOptions = deepExtend(groupOptions, particlesOptions);
-            container.particles.push(quantity, container.interactivity.mouse, overrideOptions, group);
+            container.particles.push(quantity, interactivityData.mouse.position, overrideOptions, group);
         };
     }
     clear() {
@@ -26,8 +28,9 @@ export class Pusher 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(pushMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.push ??= new Push();

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPushInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPush", async (container) => {
+export async function loadExternalPushInteraction(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?.("externalPush", async (container) => {
             const { Pusher } = await import("./Pusher.js");
             return new Pusher(container);
         });

package/cjs/Options/Classes/Push.js

@@ -1,5 +1,9 @@
 import { deepExtend, executeOnSingleOrMultiple, isNull, setRangeValue, } from "@tsparticles/engine";
 export class Push {
+    default;
+    groups;
+    particles;
+    quantity;
     constructor() {
         this.default = true;
         this.groups = [];

package/cjs/Pusher.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase, deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { deepExtend, getRangeValue, isInArray, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { Push } from "./Options/Classes/Push.js";
 const pushMode = "push", minQuantity = 0;
 export class Pusher extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             if (mode !== pushMode) {
                 return;
             }
-            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity.modes.push;
+            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity?.modes.push;
             if (!pushOptions) {
                 return;
             }
@@ -17,7 +19,7 @@ export class Pusher extends ExternalInteractorBase {
                 return;
             }
             const group = itemFromArray([undefined, ...pushOptions.groups]), groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined, particlesOptions = itemFromSingleOrMultiple(pushOptions.particles), overrideOptions = deepExtend(groupOptions, particlesOptions);
-            container.particles.push(quantity, container.interactivity.mouse, overrideOptions, group);
+            container.particles.push(quantity, interactivityData.mouse.position, overrideOptions, group);
         };
     }
     clear() {
@@ -26,8 +28,9 @@ export class Pusher 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(pushMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.push ??= new Push();

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPushInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPush", async (container) => {
+export async function loadExternalPushInteraction(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?.("externalPush", async (container) => {
             const { Pusher } = await import("./Pusher.js");
             return new Pusher(container);
         });

package/dist_browser_Pusher_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 */   Pusher: () => (/* binding */ Pusher)\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_Push_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Push.js */ \"./dist/browser/Options/Classes/Push.js\");\n\n\nconst pushMode = \"push\",\n  minQuantity = 0;\nclass Pusher extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this.handleClickMode = mode => {\n      if (mode !== pushMode) {\n        return;\n      }\n      const container = this.container,\n        options = container.actualOptions,\n        pushOptions = options.interactivity.modes.push;\n      if (!pushOptions) {\n        return;\n      }\n      const quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(pushOptions.quantity);\n      if (quantity <= minQuantity) {\n        return;\n      }\n      const group = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)([undefined, ...pushOptions.groups]),\n        groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined,\n        particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(pushOptions.particles),\n        overrideOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(groupOptions, particlesOptions);\n      container.particles.push(quantity, container.interactivity.mouse, overrideOptions, group);\n    };\n  }\n  clear() {}\n  init() {}\n  interact() {}\n  isEnabled() {\n    return true;\n  }\n  loadModeOptions(options, ...sources) {\n    options.push ??= new _Options_Classes_Push_js__WEBPACK_IMPORTED_MODULE_1__.Push();\n    for (const source of sources) {\n      options.push.load(source?.push);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-push/./dist/browser/Pusher.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Pusher: () => (/* binding */ Pusher)\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_Push_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Push.js */ \"./dist/browser/Options/Classes/Push.js\");\n\n\n\nconst pushMode = \"push\", minQuantity = 0;\nclass Pusher extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    handleClickMode;\n    constructor(container){\n        super(container);\n        this.handleClickMode = (mode, interactivityData)=>{\n            if (mode !== pushMode) {\n                return;\n            }\n            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity?.modes.push;\n            if (!pushOptions) {\n                return;\n            }\n            const quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRangeValue)(pushOptions.quantity);\n            if (quantity <= minQuantity) {\n                return;\n            }\n            const group = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)([\n                undefined,\n                ...pushOptions.groups\n            ]), groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined, particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(pushOptions.particles), overrideOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.deepExtend)(groupOptions, particlesOptions);\n            container.particles.push(quantity, interactivityData.mouse.position, overrideOptions, group);\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)(pushMode, events.onClick.mode);\n    }\n    loadModeOptions(options, ...sources) {\n        options.push ??= new _Options_Classes_Push_js__WEBPACK_IMPORTED_MODULE_2__.Push();\n        for (const source of sources){\n            options.push.load(source?.push);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-push/./dist/browser/Pusher.js?\n}");
 
 /***/ }
 

package/esm/Options/Classes/Push.js

@@ -1,5 +1,9 @@
 import { deepExtend, executeOnSingleOrMultiple, isNull, setRangeValue, } from "@tsparticles/engine";
 export class Push {
+    default;
+    groups;
+    particles;
+    quantity;
     constructor() {
         this.default = true;
         this.groups = [];

package/esm/Pusher.js

@@ -1,14 +1,16 @@
-import { ExternalInteractorBase, deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
+import { deepExtend, getRangeValue, isInArray, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { Push } from "./Options/Classes/Push.js";
 const pushMode = "push", minQuantity = 0;
 export class Pusher extends ExternalInteractorBase {
+    handleClickMode;
     constructor(container) {
         super(container);
-        this.handleClickMode = (mode) => {
+        this.handleClickMode = (mode, interactivityData) => {
             if (mode !== pushMode) {
                 return;
             }
-            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity.modes.push;
+            const container = this.container, options = container.actualOptions, pushOptions = options.interactivity?.modes.push;
             if (!pushOptions) {
                 return;
             }
@@ -17,7 +19,7 @@ export class Pusher extends ExternalInteractorBase {
                 return;
             }
             const group = itemFromArray([undefined, ...pushOptions.groups]), groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined, particlesOptions = itemFromSingleOrMultiple(pushOptions.particles), overrideOptions = deepExtend(groupOptions, particlesOptions);
-            container.particles.push(quantity, container.interactivity.mouse, overrideOptions, group);
+            container.particles.push(quantity, interactivityData.mouse.position, overrideOptions, group);
         };
     }
     clear() {
@@ -26,8 +28,9 @@ export class Pusher 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(pushMode, events.onClick.mode);
     }
     loadModeOptions(options, ...sources) {
         options.push ??= new Push();

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadExternalPushInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.1");
-    engine.register(e => {
-        e.addInteractor("externalPush", async (container) => {
+export async function loadExternalPushInteraction(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?.("externalPush", async (container) => {
             const { Pusher } = await import("./Pusher.js");
             return new Pusher(container);
         });

package/package.json

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