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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/581.min.js +1 -0
  2. package/README.md +3 -0
  3. package/browser/Popper.js +7 -3
  4. package/browser/index.js +3 -3
  5. package/cjs/Popper.js +7 -3
  6. package/cjs/index.js +3 -3
  7. package/dist_browser_Popper_js.js +2 -2
  8. package/esm/Popper.js +7 -3
  9. package/esm/index.js +3 -3
  10. package/package.json +3 -3
  11. package/report.html +3 -3
  12. package/tsparticles.interaction.external.pop.js +41 -19
  13. package/tsparticles.interaction.external.pop.min.js +2 -2
  14. package/types/Popper.d.ts +3 -2
  15. package/umd/Popper.js +8 -4
  16. package/umd/index.js +3 -3
  17. package/649.min.js +0 -2
  18. package/649.min.js.LICENSE.txt +0 -1
  19. package/tsparticles.interaction.external.pop.min.js.LICENSE.txt +0 -1
package/581.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_interaction_external_pop=this.webpackChunk_tsparticles_interaction_external_pop||[]).push([[581],{581(e,t,i){i.d(t,{Popper:()=>a});var r=i(702),n=i(303);class a extends r.ExternalInteractorBase{handleClickMode;maxDistance=0;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.grid.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/README.md CHANGED
@@ -28,6 +28,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
28
28
 
29
29
  ```javascript
30
30
  (async () => {
31
+ await loadInteractivityPlugin(tsParticles);
31
32
  await loadExternalPopInteraction(tsParticles);
32
33
 
33
34
  await tsParticles.load({
@@ -57,9 +58,11 @@ Then you need to import it in the app, like this:
57
58
 
58
59
  ```javascript
59
60
  const { tsParticles } = require("@tsparticles/engine");
61
+ const { loadInteractivityPlugin } = require("@tsparticles/plugin-interactivity");
60
62
  const { loadExternalPopInteraction } = require("@tsparticles/interaction-external-pop");
61
63
 
62
64
  (async () => {
65
+ await loadInteractivityPlugin(tsParticles);
63
66
  await loadExternalPopInteraction(tsParticles);
64
67
  })();
65
68
  ```
package/browser/Popper.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
2
+ import { isInArray } from "@tsparticles/engine";
2
3
  const popMode = "pop";
3
4
  export class Popper extends ExternalInteractorBase {
5
+ handleClickMode;
6
+ maxDistance = 0;
4
7
  constructor(container) {
5
8
  super(container);
6
9
  this.handleClickMode = (mode, interactivityData) => {
@@ -12,7 +15,7 @@ export class Popper extends ExternalInteractorBase {
12
15
  if (!clickPos) {
13
16
  return;
14
17
  }
15
- const poppedParticles = container.particles.quadTree.queryCircle(clickPos, container.retina.pixelRatio);
18
+ const poppedParticles = container.particles.grid.queryCircle(clickPos, container.retina.pixelRatio);
16
19
  if (!poppedParticles.length) {
17
20
  return;
18
21
  }
@@ -27,8 +30,9 @@ export class Popper extends ExternalInteractorBase {
27
30
  }
28
31
  interact() {
29
32
  }
30
- isEnabled() {
31
- return true;
33
+ isEnabled(interactivityData, particle) {
34
+ const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
35
+ return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
32
36
  }
33
37
  reset() {
34
38
  }
package/browser/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export async function loadExternalPopInteraction(engine) {
2
- engine.checkVersion("4.0.0-alpha.5");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
- const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
5
- await loadInteractivityPlugin(e);
4
+ const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
5
+ ensureInteractivityPluginLoaded(e);
6
6
  e.addInteractor?.("externalPop", async (container) => {
7
7
  const { Popper } = await import("./Popper.js");
8
8
  return new Popper(container);
package/cjs/Popper.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
2
+ import { isInArray } from "@tsparticles/engine";
2
3
  const popMode = "pop";
3
4
  export class Popper extends ExternalInteractorBase {
5
+ handleClickMode;
6
+ maxDistance = 0;
4
7
  constructor(container) {
5
8
  super(container);
6
9
  this.handleClickMode = (mode, interactivityData) => {
@@ -12,7 +15,7 @@ export class Popper extends ExternalInteractorBase {
12
15
  if (!clickPos) {
13
16
  return;
14
17
  }
15
- const poppedParticles = container.particles.quadTree.queryCircle(clickPos, container.retina.pixelRatio);
18
+ const poppedParticles = container.particles.grid.queryCircle(clickPos, container.retina.pixelRatio);
16
19
  if (!poppedParticles.length) {
17
20
  return;
18
21
  }
@@ -27,8 +30,9 @@ export class Popper extends ExternalInteractorBase {
27
30
  }
28
31
  interact() {
29
32
  }
30
- isEnabled() {
31
- return true;
33
+ isEnabled(interactivityData, particle) {
34
+ const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
35
+ return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
32
36
  }
33
37
  reset() {
34
38
  }
package/cjs/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export async function loadExternalPopInteraction(engine) {
2
- engine.checkVersion("4.0.0-alpha.5");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
- const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
5
- await loadInteractivityPlugin(e);
4
+ const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
5
+ ensureInteractivityPluginLoaded(e);
6
6
  e.addInteractor?.("externalPop", async (container) => {
7
7
  const { Popper } = await import("./Popper.js");
8
8
  return new Popper(container);
package/dist_browser_Popper_js.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.5
7
+ * v4.0.0-beta.0
8
8
  */
9
9
  "use strict";
10
10
  /*
@@ -23,7 +23,7 @@
23
23
  \********************************/
24
24
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
25
25
 
26
- 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\nconst popMode = \"pop\";\nclass Popper extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\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() {\n return true;\n }\n reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-pop/./dist/browser/Popper.js?\n}");
26
+ 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 maxDistance = 0;\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.grid.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}");
27
27
 
28
28
  /***/ }
29
29
 
package/esm/Popper.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
2
+ import { isInArray } from "@tsparticles/engine";
2
3
  const popMode = "pop";
3
4
  export class Popper extends ExternalInteractorBase {
5
+ handleClickMode;
6
+ maxDistance = 0;
4
7
  constructor(container) {
5
8
  super(container);
6
9
  this.handleClickMode = (mode, interactivityData) => {
@@ -12,7 +15,7 @@ export class Popper extends ExternalInteractorBase {
12
15
  if (!clickPos) {
13
16
  return;
14
17
  }
15
- const poppedParticles = container.particles.quadTree.queryCircle(clickPos, container.retina.pixelRatio);
18
+ const poppedParticles = container.particles.grid.queryCircle(clickPos, container.retina.pixelRatio);
16
19
  if (!poppedParticles.length) {
17
20
  return;
18
21
  }
@@ -27,8 +30,9 @@ export class Popper extends ExternalInteractorBase {
27
30
  }
28
31
  interact() {
29
32
  }
30
- isEnabled() {
31
- return true;
33
+ isEnabled(interactivityData, particle) {
34
+ const container = this.container, options = container.actualOptions, mouse = interactivityData.mouse, events = (particle?.interactivity ?? options.interactivity)?.events;
35
+ return !!events && mouse.clicking && mouse.inside && !!mouse.position && isInArray(popMode, events.onClick.mode);
32
36
  }
33
37
  reset() {
34
38
  }
package/esm/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export async function loadExternalPopInteraction(engine) {
2
- engine.checkVersion("4.0.0-alpha.5");
2
+ engine.checkVersion("4.0.0-beta.0");
3
3
  await engine.register(async (e) => {
4
- const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity");
5
- await loadInteractivityPlugin(e);
4
+ const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
5
+ ensureInteractivityPluginLoaded(e);
6
6
  e.addInteractor?.("externalPop", async (container) => {
7
7
  const { Popper } = await import("./Popper.js");
8
8
  return new Popper(container);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-pop",
3
- "version": "4.0.0-alpha.5",
3
+ "version": "4.0.0-beta.0",
4
4
  "description": "tsParticles pop external interaction",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -87,8 +87,8 @@
87
87
  "./package.json": "./package.json"
88
88
  },
89
89
  "dependencies": {
90
- "@tsparticles/engine": "4.0.0-alpha.5",
91
- "@tsparticles/plugin-interactivity": "4.0.0-alpha.5"
90
+ "@tsparticles/engine": "4.0.0-beta.0",
91
+ "@tsparticles/plugin-interactivity": "4.0.0-beta.0"
92
92
  },
93
93
  "publishConfig": {
94
94
  "access": "public"