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

package/836.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_external_push=this.webpackChunk_tsparticles_interaction_external_push||[]).push([[836],{836(t,e,i){i.d(e,{Pusher:()=>o});var s=i(702),n=i(303),r=i(193);let a="push";class o extends s.ExternalInteractorBase{handleClickMode;maxDistance=0;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/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 loadExternalPushInteraction(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 { loadExternalPushInteraction } = require("@tsparticles/interaction-external-push");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalPushInteraction(tsParticles);
 })();
 ```
@@ -68,9 +71,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadExternalPushInteraction } from "@tsparticles/interaction-external-push";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadExternalPushInteraction(tsParticles);
 })();
 ```

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,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+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;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode, interactivityData) => {
@@ -27,8 +29,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,8 +1,8 @@
 export async function loadExternalPushInteraction(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?.("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,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+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;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode, interactivityData) => {
@@ -27,8 +29,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,8 +1,8 @@
 export async function loadExternalPushInteraction(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?.("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.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 */   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\",\n  minQuantity = 0;\nclass Pusher extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(container) {\n    super(container);\n    this.handleClickMode = (mode, interactivityData) => {\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_1__.getRangeValue)(pushOptions.quantity);\n      if (quantity <= minQuantity) {\n        return;\n      }\n      const group = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromArray)([undefined, ...pushOptions.groups]),\n        groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined,\n        particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(pushOptions.particles),\n        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() {\n    return true;\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//# 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    maxDistance = 0;\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,8 +1,10 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { deepExtend, getRangeValue, itemFromArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
+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;
+    maxDistance = 0;
     constructor(container) {
         super(container);
         this.handleClickMode = (mode, interactivityData) => {
@@ -27,8 +29,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,8 +1,8 @@
 export async function loadExternalPushInteraction(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?.("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.5",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles push 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"