@tsparticles/interaction-external-grab 3.2.2 → 3.4.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 (21) hide show
  1. package/browser/Grabber.js +2 -3
  2. package/browser/Utils.js +1 -1
  3. package/browser/index.js +3 -3
  4. package/cjs/Grabber.js +2 -3
  5. package/cjs/Utils.js +1 -1
  6. package/cjs/index.js +3 -15
  7. package/esm/Grabber.js +2 -3
  8. package/esm/Utils.js +1 -1
  9. package/esm/index.js +3 -3
  10. package/package.json +2 -2
  11. package/report.html +1 -1
  12. package/tsparticles.interaction.external.grab.js +22 -200
  13. package/tsparticles.interaction.external.grab.min.js +1 -1
  14. package/tsparticles.interaction.external.grab.min.js.LICENSE.txt +1 -1
  15. package/types/Grabber.d.ts +1 -1
  16. package/umd/Grabber.js +2 -3
  17. package/umd/Utils.js +1 -1
  18. package/umd/index.js +4 -17
  19. package/690.min.js +0 -2
  20. package/690.min.js.LICENSE.txt +0 -1
  21. package/dist_browser_Grabber_js.js +0 -40
package/browser/Grabber.js CHANGED
@@ -15,7 +15,7 @@ export class Grabber extends ExternalInteractorBase {
15
15
  }
16
16
  container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
17
17
  }
18
- async interact() {
18
+ interact() {
19
19
  const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
20
20
  if (!interactivity.modes.grab ||
21
21
  !interactivity.events.onHover.enable ||
@@ -30,7 +30,7 @@ export class Grabber extends ExternalInteractorBase {
30
30
  if (!distance || distance < minDistance) {
31
31
  return;
32
32
  }
33
- const query = container.particles.quadTree.queryCircle(mousePos, distance, (p) => this.isEnabled(p));
33
+ const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));
34
34
  for (const particle of query) {
35
35
  const pos = particle.getPosition(), pointDistance = getDistance(pos, mousePos);
36
36
  if (pointDistance > distance) {
@@ -51,7 +51,6 @@ export class Grabber extends ExternalInteractorBase {
51
51
  }
52
52
  drawGrab(container, particle, colorLine, opacityLine, mousePos);
53
53
  }
54
- await Promise.resolve();
55
54
  }
56
55
  isEnabled(particle) {
57
56
  const container = this.container, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? container.actualOptions.interactivity).events;
package/browser/Utils.js CHANGED
@@ -7,7 +7,7 @@ export function drawGrabLine(context, width, begin, end, colorLine, opacity) {
7
7
  context.stroke();
8
8
  }
9
9
  export function drawGrab(container, particle, lineColor, opacity, mousePos) {
10
- container.canvas.draw((ctx) => {
10
+ container.canvas.draw(ctx => {
11
11
  const beginPos = particle.getPosition();
12
12
  drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);
13
13
  });
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ import { Grabber } from "./Grabber.js";
1
2
  export async function loadExternalGrabInteraction(engine, refresh = true) {
2
- await engine.addInteractor("externalGrab", async (container) => {
3
- const { Grabber } = await import("./Grabber.js");
4
- return new Grabber(container);
3
+ await engine.addInteractor("externalGrab", container => {
4
+ return Promise.resolve(new Grabber(container));
5
5
  }, refresh);
6
6
  }
7
7
  export * from "./Options/Classes/Grab.js";
package/cjs/Grabber.js CHANGED
@@ -18,7 +18,7 @@ class Grabber extends engine_1.ExternalInteractorBase {
18
18
  }
19
19
  container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
20
20
  }
21
- async interact() {
21
+ interact() {
22
22
  const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
23
23
  if (!interactivity.modes.grab ||
24
24
  !interactivity.events.onHover.enable ||
@@ -33,7 +33,7 @@ class Grabber extends engine_1.ExternalInteractorBase {
33
33
  if (!distance || distance < minDistance) {
34
34
  return;
35
35
  }
36
- const query = container.particles.quadTree.queryCircle(mousePos, distance, (p) => this.isEnabled(p));
36
+ const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));
37
37
  for (const particle of query) {
38
38
  const pos = particle.getPosition(), pointDistance = (0, engine_1.getDistance)(pos, mousePos);
39
39
  if (pointDistance > distance) {
@@ -54,7 +54,6 @@ class Grabber extends engine_1.ExternalInteractorBase {
54
54
  }
55
55
  (0, Utils_js_1.drawGrab)(container, particle, colorLine, opacityLine, mousePos);
56
56
  }
57
- await Promise.resolve();
58
57
  }
59
58
  isEnabled(particle) {
60
59
  const container = this.container, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? container.actualOptions.interactivity).events;
package/cjs/Utils.js CHANGED
@@ -11,7 +11,7 @@ function drawGrabLine(context, width, begin, end, colorLine, opacity) {
11
11
  }
12
12
  exports.drawGrabLine = drawGrabLine;
13
13
  function drawGrab(container, particle, lineColor, opacity, mousePos) {
14
- container.canvas.draw((ctx) => {
14
+ container.canvas.draw(ctx => {
15
15
  const beginPos = particle.getPosition();
16
16
  drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);
17
17
  });
package/cjs/index.js CHANGED
@@ -10,27 +10,15 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
10
10
  if (k2 === undefined) k2 = k;
11
11
  o[k2] = m[k];
12
12
  }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
13
  var __exportStar = (this && this.__exportStar) || function(m, exports) {
26
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
27
15
  };
28
16
  Object.defineProperty(exports, "__esModule", { value: true });
29
17
  exports.loadExternalGrabInteraction = void 0;
18
+ const Grabber_js_1 = require("./Grabber.js");
30
19
  async function loadExternalGrabInteraction(engine, refresh = true) {
31
- await engine.addInteractor("externalGrab", async (container) => {
32
- const { Grabber } = await Promise.resolve().then(() => __importStar(require("./Grabber.js")));
33
- return new Grabber(container);
20
+ await engine.addInteractor("externalGrab", container => {
21
+ return Promise.resolve(new Grabber_js_1.Grabber(container));
34
22
  }, refresh);
35
23
  }
36
24
  exports.loadExternalGrabInteraction = loadExternalGrabInteraction;
package/esm/Grabber.js CHANGED
@@ -15,7 +15,7 @@ export class Grabber extends ExternalInteractorBase {
15
15
  }
16
16
  container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
17
17
  }
18
- async interact() {
18
+ interact() {
19
19
  const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
20
20
  if (!interactivity.modes.grab ||
21
21
  !interactivity.events.onHover.enable ||
@@ -30,7 +30,7 @@ export class Grabber extends ExternalInteractorBase {
30
30
  if (!distance || distance < minDistance) {
31
31
  return;
32
32
  }
33
- const query = container.particles.quadTree.queryCircle(mousePos, distance, (p) => this.isEnabled(p));
33
+ const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));
34
34
  for (const particle of query) {
35
35
  const pos = particle.getPosition(), pointDistance = getDistance(pos, mousePos);
36
36
  if (pointDistance > distance) {
@@ -51,7 +51,6 @@ export class Grabber extends ExternalInteractorBase {
51
51
  }
52
52
  drawGrab(container, particle, colorLine, opacityLine, mousePos);
53
53
  }
54
- await Promise.resolve();
55
54
  }
56
55
  isEnabled(particle) {
57
56
  const container = this.container, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? container.actualOptions.interactivity).events;
package/esm/Utils.js CHANGED
@@ -7,7 +7,7 @@ export function drawGrabLine(context, width, begin, end, colorLine, opacity) {
7
7
  context.stroke();
8
8
  }
9
9
  export function drawGrab(container, particle, lineColor, opacity, mousePos) {
10
- container.canvas.draw((ctx) => {
10
+ container.canvas.draw(ctx => {
11
11
  const beginPos = particle.getPosition();
12
12
  drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);
13
13
  });
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ import { Grabber } from "./Grabber.js";
1
2
  export async function loadExternalGrabInteraction(engine, refresh = true) {
2
- await engine.addInteractor("externalGrab", async (container) => {
3
- const { Grabber } = await import("./Grabber.js");
4
- return new Grabber(container);
3
+ await engine.addInteractor("externalGrab", container => {
4
+ return Promise.resolve(new Grabber(container));
5
5
  }, refresh);
6
6
  }
7
7
  export * from "./Options/Classes/Grab.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-grab",
3
- "version": "3.2.2",
3
+ "version": "3.4.0",
4
4
  "description": "tsParticles grab external interaction",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -87,7 +87,7 @@
87
87
  "./package.json": "./package.json"
88
88
  },
89
89
  "dependencies": {
90
- "@tsparticles/engine": "^3.2.2"
90
+ "@tsparticles/engine": "^3.4.0"
91
91
  },
92
92
  "publishConfig": {
93
93
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/interaction-external-grab [20 Feb 2024 at 01:32]</title>
6
+ <title>@tsparticles/interaction-external-grab [13 May 2024 at 00:07]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
package/tsparticles.interaction.external.grab.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
- * v3.2.2
7
+ * v3.4.0
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,6 +28,16 @@ return /******/ (() => { // webpackBootstrap
28
28
  /******/ "use strict";
29
29
  /******/ var __webpack_modules__ = ({
30
30
 
31
+ /***/ "./dist/browser/Grabber.js":
32
+ /*!*********************************!*\
33
+ !*** ./dist/browser/Grabber.js ***!
34
+ \*********************************/
35
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
36
+
37
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Grabber: () => (/* binding */ Grabber)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Grab.js */ \"./dist/browser/Options/Classes/Grab.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\nconst grabMode = \"grab\",\n minDistance = 0,\n minOpacity = 0;\nclass Grabber extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n constructor(container) {\n super(container);\n }\n clear() {}\n init() {\n const container = this.container,\n grab = container.actualOptions.interactivity.modes.grab;\n if (!grab) {\n return;\n }\n container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;\n }\n interact() {\n const container = this.container,\n options = container.actualOptions,\n interactivity = options.interactivity;\n if (!interactivity.modes.grab || !interactivity.events.onHover.enable || container.interactivity.status !== _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.mouseMoveEvent) {\n return;\n }\n const mousePos = container.interactivity.mouse.position;\n if (!mousePos) {\n return;\n }\n const distance = container.retina.grabModeDistance;\n if (!distance || distance < minDistance) {\n return;\n }\n const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));\n for (const particle of query) {\n const pos = particle.getPosition(),\n pointDistance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, mousePos);\n if (pointDistance > distance) {\n continue;\n }\n const grabLineOptions = interactivity.modes.grab.links,\n lineOpacity = grabLineOptions.opacity,\n opacityLine = lineOpacity - pointDistance * lineOpacity / distance;\n if (opacityLine <= minOpacity) {\n continue;\n }\n const optColor = grabLineOptions.color ?? particle.options.links?.color;\n if (!container.particles.grabLineColor && optColor) {\n const linksOptions = interactivity.modes.grab.links;\n container.particles.grabLineColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);\n }\n const colorLine = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(particle, undefined, container.particles.grabLineColor);\n if (!colorLine) {\n continue;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawGrab)(container, particle, colorLine, opacityLine, mousePos);\n }\n }\n isEnabled(particle) {\n const container = this.container,\n mouse = container.interactivity.mouse,\n events = (particle?.interactivity ?? container.actualOptions.interactivity).events;\n return events.onHover.enable && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(grabMode, events.onHover.mode);\n }\n loadModeOptions(options, ...sources) {\n if (!options.grab) {\n options.grab = new _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_2__.Grab();\n }\n for (const source of sources) {\n options.grab.load(source?.grab);\n }\n }\n reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/Grabber.js?");
38
+
39
+ /***/ }),
40
+
31
41
  /***/ "./dist/browser/Options/Classes/Grab.js":
32
42
  /*!**********************************************!*\
33
43
  !*** ./dist/browser/Options/Classes/Grab.js ***!
@@ -48,13 +58,23 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
48
58
 
49
59
  /***/ }),
50
60
 
61
+ /***/ "./dist/browser/Utils.js":
62
+ /*!*******************************!*\
63
+ !*** ./dist/browser/Utils.js ***!
64
+ \*******************************/
65
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
66
+
67
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ drawGrab: () => (/* binding */ drawGrab),\n/* harmony export */ drawGrabLine: () => (/* binding */ drawGrabLine)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst defaultWidth = 0;\nfunction drawGrabLine(context, width, begin, end, colorLine, opacity) {\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.drawLine)(context, begin, end);\n context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorLine, opacity);\n context.lineWidth = width;\n context.stroke();\n}\nfunction drawGrab(container, particle, lineColor, opacity, mousePos) {\n container.canvas.draw(ctx => {\n const beginPos = particle.getPosition();\n drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);\n });\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/Utils.js?");
68
+
69
+ /***/ }),
70
+
51
71
  /***/ "./dist/browser/index.js":
52
72
  /*!*******************************!*\
53
73
  !*** ./dist/browser/index.js ***!
54
74
  \*******************************/
55
75
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
56
76
 
57
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Grab: () => (/* reexport safe */ _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_0__.Grab),\n/* harmony export */ GrabLinks: () => (/* reexport safe */ _Options_Classes_GrabLinks_js__WEBPACK_IMPORTED_MODULE_1__.GrabLinks),\n/* harmony export */ loadExternalGrabInteraction: () => (/* binding */ loadExternalGrabInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Grab.js */ \"./dist/browser/Options/Classes/Grab.js\");\n/* harmony import */ var _Options_Classes_GrabLinks_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/GrabLinks.js */ \"./dist/browser/Options/Classes/GrabLinks.js\");\nasync function loadExternalGrabInteraction(engine, refresh = true) {\n await engine.addInteractor(\"externalGrab\", async container => {\n const {\n Grabber\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_Grabber_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Grabber.js */ \"./dist/browser/Grabber.js\"));\n return new Grabber(container);\n }, refresh);\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/index.js?");
77
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Grab: () => (/* reexport safe */ _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_1__.Grab),\n/* harmony export */ GrabLinks: () => (/* reexport safe */ _Options_Classes_GrabLinks_js__WEBPACK_IMPORTED_MODULE_2__.GrabLinks),\n/* harmony export */ loadExternalGrabInteraction: () => (/* binding */ loadExternalGrabInteraction)\n/* harmony export */ });\n/* harmony import */ var _Grabber_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Grabber.js */ \"./dist/browser/Grabber.js\");\n/* harmony import */ var _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Grab.js */ \"./dist/browser/Options/Classes/Grab.js\");\n/* harmony import */ var _Options_Classes_GrabLinks_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/GrabLinks.js */ \"./dist/browser/Options/Classes/GrabLinks.js\");\n\nasync function loadExternalGrabInteraction(engine, refresh = true) {\n await engine.addInteractor(\"externalGrab\", container => {\n return Promise.resolve(new _Grabber_js__WEBPACK_IMPORTED_MODULE_0__.Grabber(container));\n }, refresh);\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/index.js?");
58
78
 
59
79
  /***/ }),
60
80
 
@@ -94,9 +114,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
94
114
  /******/ return module.exports;
95
115
  /******/ }
96
116
  /******/
97
- /******/ // expose the modules object (__webpack_modules__)
98
- /******/ __webpack_require__.m = __webpack_modules__;
99
- /******/
100
117
  /************************************************************************/
101
118
  /******/ /* webpack/runtime/compat get default export */
102
119
  /******/ (() => {
@@ -122,91 +139,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
122
139
  /******/ };
123
140
  /******/ })();
124
141
  /******/
125
- /******/ /* webpack/runtime/ensure chunk */
126
- /******/ (() => {
127
- /******/ __webpack_require__.f = {};
128
- /******/ // This file contains only the entry chunk.
129
- /******/ // The chunk loading function for additional chunks
130
- /******/ __webpack_require__.e = (chunkId) => {
131
- /******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
132
- /******/ __webpack_require__.f[key](chunkId, promises);
133
- /******/ return promises;
134
- /******/ }, []));
135
- /******/ };
136
- /******/ })();
137
- /******/
138
- /******/ /* webpack/runtime/get javascript chunk filename */
139
- /******/ (() => {
140
- /******/ // This function allow to reference async chunks
141
- /******/ __webpack_require__.u = (chunkId) => {
142
- /******/ // return url for filenames based on template
143
- /******/ return "" + chunkId + ".js";
144
- /******/ };
145
- /******/ })();
146
- /******/
147
- /******/ /* webpack/runtime/global */
148
- /******/ (() => {
149
- /******/ __webpack_require__.g = (function() {
150
- /******/ if (typeof globalThis === 'object') return globalThis;
151
- /******/ try {
152
- /******/ return this || new Function('return this')();
153
- /******/ } catch (e) {
154
- /******/ if (typeof window === 'object') return window;
155
- /******/ }
156
- /******/ })();
157
- /******/ })();
158
- /******/
159
142
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
160
143
  /******/ (() => {
161
144
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
162
145
  /******/ })();
163
146
  /******/
164
- /******/ /* webpack/runtime/load script */
165
- /******/ (() => {
166
- /******/ var inProgress = {};
167
- /******/ var dataWebpackPrefix = "@tsparticles/interaction-external-grab:";
168
- /******/ // loadScript function to load a script via script tag
169
- /******/ __webpack_require__.l = (url, done, key, chunkId) => {
170
- /******/ if(inProgress[url]) { inProgress[url].push(done); return; }
171
- /******/ var script, needAttach;
172
- /******/ if(key !== undefined) {
173
- /******/ var scripts = document.getElementsByTagName("script");
174
- /******/ for(var i = 0; i < scripts.length; i++) {
175
- /******/ var s = scripts[i];
176
- /******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
177
- /******/ }
178
- /******/ }
179
- /******/ if(!script) {
180
- /******/ needAttach = true;
181
- /******/ script = document.createElement('script');
182
- /******/
183
- /******/ script.charset = 'utf-8';
184
- /******/ script.timeout = 120;
185
- /******/ if (__webpack_require__.nc) {
186
- /******/ script.setAttribute("nonce", __webpack_require__.nc);
187
- /******/ }
188
- /******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
189
- /******/
190
- /******/ script.src = url;
191
- /******/ }
192
- /******/ inProgress[url] = [done];
193
- /******/ var onScriptComplete = (prev, event) => {
194
- /******/ // avoid mem leaks in IE.
195
- /******/ script.onerror = script.onload = null;
196
- /******/ clearTimeout(timeout);
197
- /******/ var doneFns = inProgress[url];
198
- /******/ delete inProgress[url];
199
- /******/ script.parentNode && script.parentNode.removeChild(script);
200
- /******/ doneFns && doneFns.forEach((fn) => (fn(event)));
201
- /******/ if(prev) return prev(event);
202
- /******/ }
203
- /******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
204
- /******/ script.onerror = onScriptComplete.bind(null, script.onerror);
205
- /******/ script.onload = onScriptComplete.bind(null, script.onload);
206
- /******/ needAttach && document.head.appendChild(script);
207
- /******/ };
208
- /******/ })();
209
- /******/
210
147
  /******/ /* webpack/runtime/make namespace object */
211
148
  /******/ (() => {
212
149
  /******/ // define __esModule on exports
@@ -218,121 +155,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
218
155
  /******/ };
219
156
  /******/ })();
220
157
  /******/
221
- /******/ /* webpack/runtime/publicPath */
222
- /******/ (() => {
223
- /******/ var scriptUrl;
224
- /******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
225
- /******/ var document = __webpack_require__.g.document;
226
- /******/ if (!scriptUrl && document) {
227
- /******/ if (document.currentScript)
228
- /******/ scriptUrl = document.currentScript.src;
229
- /******/ if (!scriptUrl) {
230
- /******/ var scripts = document.getElementsByTagName("script");
231
- /******/ if(scripts.length) {
232
- /******/ var i = scripts.length - 1;
233
- /******/ while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
234
- /******/ }
235
- /******/ }
236
- /******/ }
237
- /******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
238
- /******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
239
- /******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
240
- /******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
241
- /******/ __webpack_require__.p = scriptUrl;
242
- /******/ })();
243
- /******/
244
- /******/ /* webpack/runtime/jsonp chunk loading */
245
- /******/ (() => {
246
- /******/ // no baseURI
247
- /******/
248
- /******/ // object to store loaded and loading chunks
249
- /******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
250
- /******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
251
- /******/ var installedChunks = {
252
- /******/ "tsparticles.interaction.external.grab": 0
253
- /******/ };
254
- /******/
255
- /******/ __webpack_require__.f.j = (chunkId, promises) => {
256
- /******/ // JSONP chunk loading for javascript
257
- /******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
258
- /******/ if(installedChunkData !== 0) { // 0 means "already installed".
259
- /******/
260
- /******/ // a Promise means "currently loading".
261
- /******/ if(installedChunkData) {
262
- /******/ promises.push(installedChunkData[2]);
263
- /******/ } else {
264
- /******/ if(true) { // all chunks have JS
265
- /******/ // setup Promise in chunk cache
266
- /******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
267
- /******/ promises.push(installedChunkData[2] = promise);
268
- /******/
269
- /******/ // start chunk loading
270
- /******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
271
- /******/ // create error before stack unwound to get useful stacktrace later
272
- /******/ var error = new Error();
273
- /******/ var loadingEnded = (event) => {
274
- /******/ if(__webpack_require__.o(installedChunks, chunkId)) {
275
- /******/ installedChunkData = installedChunks[chunkId];
276
- /******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
277
- /******/ if(installedChunkData) {
278
- /******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
279
- /******/ var realSrc = event && event.target && event.target.src;
280
- /******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
281
- /******/ error.name = 'ChunkLoadError';
282
- /******/ error.type = errorType;
283
- /******/ error.request = realSrc;
284
- /******/ installedChunkData[1](error);
285
- /******/ }
286
- /******/ }
287
- /******/ };
288
- /******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
289
- /******/ }
290
- /******/ }
291
- /******/ }
292
- /******/ };
293
- /******/
294
- /******/ // no prefetching
295
- /******/
296
- /******/ // no preloaded
297
- /******/
298
- /******/ // no HMR
299
- /******/
300
- /******/ // no HMR manifest
301
- /******/
302
- /******/ // no on chunks loaded
303
- /******/
304
- /******/ // install a JSONP callback for chunk loading
305
- /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
306
- /******/ var chunkIds = data[0];
307
- /******/ var moreModules = data[1];
308
- /******/ var runtime = data[2];
309
- /******/ // add "moreModules" to the modules object,
310
- /******/ // then flag all "chunkIds" as loaded and fire callback
311
- /******/ var moduleId, chunkId, i = 0;
312
- /******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
313
- /******/ for(moduleId in moreModules) {
314
- /******/ if(__webpack_require__.o(moreModules, moduleId)) {
315
- /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
316
- /******/ }
317
- /******/ }
318
- /******/ if(runtime) var result = runtime(__webpack_require__);
319
- /******/ }
320
- /******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
321
- /******/ for(;i < chunkIds.length; i++) {
322
- /******/ chunkId = chunkIds[i];
323
- /******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
324
- /******/ installedChunks[chunkId][0]();
325
- /******/ }
326
- /******/ installedChunks[chunkId] = 0;
327
- /******/ }
328
- /******/
329
- /******/ }
330
- /******/
331
- /******/ var chunkLoadingGlobal = this["webpackChunk_tsparticles_interaction_external_grab"] = this["webpackChunk_tsparticles_interaction_external_grab"] || [];
332
- /******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
333
- /******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
334
- /******/ })();
335
- /******/
336
158
  /************************************************************************/
337
159
  /******/
338
160
  /******/ // startup
package/tsparticles.interaction.external.grab.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see tsparticles.interaction.external.grab.min.js.LICENSE.txt */
2
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={30:(e,t,r)=>{r.d(t,{z:()=>n});var o=r(715);class n{constructor(){this.distance=100,this.links=new o.p}load(e){e&&(void 0!==e.distance&&(this.distance=e.distance),this.links.load(e.links))}}},715:(e,t,r)=>{r.d(t,{p:()=>n});var o=r(533);class n{constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(e){e&&(void 0!==e.blink&&(this.blink=e.blink),void 0!==e.color&&(this.color=o.OptionsColor.create(this.color,e.color)),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.opacity&&(this.opacity=e.opacity))}}},533:t=>{t.exports=e}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.m=o,i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>e+".min.js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/interaction-external-grab:",i.l=(e,o,n,a)=>{if(t[e])t[e].push(o);else{var s,c;if(void 0!==n)for(var l=document.getElementsByTagName("script"),d=0;d<l.length;d++){var p=l[d];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==r+n){s=p;break}}s||(c=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",r+n),s.src=e),t[e]=[o];var u=(r,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),r)return r(o)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=u.bind(null,s.onerror),s.onload=u.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var t=i.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&!e;)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e={169:0};i.f.j=(t,r)=>{var o=i.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=n);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,o[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,n,a=r[0],s=r[1],c=r[2],l=0;if(a.some((t=>0!==e[t]))){for(o in s)i.o(s,o)&&(i.m[o]=s[o]);if(c)c(i)}for(t&&t(r);l<a.length;l++)n=a[l],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_interaction_external_grab=this.webpackChunk_tsparticles_interaction_external_grab||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};return(()=>{i.r(a),i.d(a,{Grab:()=>e.z,GrabLinks:()=>t.p,loadExternalGrabInteraction:()=>r});var e=i(30),t=i(715);async function r(e,t=!0){await e.addInteractor("externalGrab",(async e=>{const{Grabber:t}=await i.e(690).then(i.bind(i,690));return new t(e)}),t)}})(),a})()));
2
+ !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},o={};function i(t){var n=o[t];if(void 0!==n)return n.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,i),r.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Grab:()=>o,GrabLinks:()=>e,loadExternalGrabInteraction:()=>a});var t=i(303);class e{constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(e){e&&(void 0!==e.blink&&(this.blink=e.blink),void 0!==e.color&&(this.color=t.OptionsColor.create(this.color,e.color)),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.opacity&&(this.opacity=e.opacity))}}class o{constructor(){this.distance=100,this.links=new e}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links))}}function r(e,o,i,n,r){e.canvas.draw((e=>{const s=o.getPosition();!function(e,o,i,n,r,s){(0,t.drawLine)(e,i,n),e.strokeStyle=(0,t.getStyleFromRgb)(r,s),e.lineWidth=o,e.stroke()}(e,o.retina.linksWidth??0,s,r,i,n)}))}class s extends t.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.grab;e&&(t.retina.grabModeDistance=e.distance*t.retina.pixelRatio)}interact(){const e=this.container,o=e.actualOptions.interactivity;if(!o.modes.grab||!o.events.onHover.enable||e.interactivity.status!==t.mouseMoveEvent)return;const i=e.interactivity.mouse.position;if(!i)return;const n=e.retina.grabModeDistance;if(!n||n<0)return;const s=e.particles.quadTree.queryCircle(i,n,(t=>this.isEnabled(t)));for(const a of s){const s=a.getPosition(),c=(0,t.getDistance)(s,i);if(c>n)continue;const l=o.modes.grab.links,d=l.opacity,p=d-c*d/n;if(p<=0)continue;const b=l.color??a.options.links?.color;if(!e.particles.grabLineColor&&b){const i=o.modes.grab.links;e.particles.grabLineColor=(0,t.getLinkRandomColor)(b,i.blink,i.consent)}const u=(0,t.getLinkColor)(a,void 0,e.particles.grabLineColor);u&&r(e,a,u,p,i)}}isEnabled(e){const o=this.container,i=o.interactivity.mouse,n=(e?.interactivity??o.actualOptions.interactivity).events;return n.onHover.enable&&!!i.position&&(0,t.isInArray)("grab",n.onHover.mode)}loadModeOptions(t,...e){t.grab||(t.grab=new o);for(const o of e)t.grab.load(o?.grab)}reset(){}}async function a(t,e=!0){await t.addInteractor("externalGrab",(t=>Promise.resolve(new s(t))),e)}})(),n})()));
package/tsparticles.interaction.external.grab.min.js.LICENSE.txt CHANGED
@@ -1 +1 @@
1
- /*! tsParticles Grab External Interaction v3.2.2 by Matteo Bruni */
1
+ /*! tsParticles Grab External Interaction v3.4.0 by Matteo Bruni */
package/types/Grabber.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare class Grabber extends ExternalInteractorBase<GrabContainer> {
4
4
  constructor(container: GrabContainer);
5
5
  clear(): void;
6
6
  init(): void;
7
- interact(): Promise<void>;
7
+ interact(): void;
8
8
  isEnabled(particle?: Particle): boolean;
9
9
  loadModeOptions(options: Modes & GrabMode, ...sources: RecursivePartial<(IModes & IGrabMode) | undefined>[]): void;
10
10
  reset(): void;
package/umd/Grabber.js CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
29
29
  }
30
- async interact() {
30
+ interact() {
31
31
  const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
32
32
  if (!interactivity.modes.grab ||
33
33
  !interactivity.events.onHover.enable ||
@@ -42,7 +42,7 @@
42
42
  if (!distance || distance < minDistance) {
43
43
  return;
44
44
  }
45
- const query = container.particles.quadTree.queryCircle(mousePos, distance, (p) => this.isEnabled(p));
45
+ const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));
46
46
  for (const particle of query) {
47
47
  const pos = particle.getPosition(), pointDistance = (0, engine_1.getDistance)(pos, mousePos);
48
48
  if (pointDistance > distance) {
@@ -63,7 +63,6 @@
63
63
  }
64
64
  (0, Utils_js_1.drawGrab)(container, particle, colorLine, opacityLine, mousePos);
65
65
  }
66
- await Promise.resolve();
67
66
  }
68
67
  isEnabled(particle) {
69
68
  const container = this.container, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? container.actualOptions.interactivity).events;
package/umd/Utils.js CHANGED
@@ -20,7 +20,7 @@
20
20
  }
21
21
  exports.drawGrabLine = drawGrabLine;
22
22
  function drawGrab(container, particle, lineColor, opacity, mousePos) {
23
- container.canvas.draw((ctx) => {
23
+ container.canvas.draw(ctx => {
24
24
  const beginPos = particle.getPosition();
25
25
  drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);
26
26
  });
package/umd/index.js CHANGED
@@ -9,18 +9,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
9
9
  if (k2 === undefined) k2 = k;
10
10
  o[k2] = m[k];
11
11
  }));
12
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
13
- Object.defineProperty(o, "default", { enumerable: true, value: v });
14
- }) : function(o, v) {
15
- o["default"] = v;
16
- });
17
- var __importStar = (this && this.__importStar) || function (mod) {
18
- if (mod && mod.__esModule) return mod;
19
- var result = {};
20
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
21
- __setModuleDefault(result, mod);
22
- return result;
23
- };
24
12
  var __exportStar = (this && this.__exportStar) || function(m, exports) {
25
13
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
26
14
  };
@@ -30,17 +18,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
30
18
  if (v !== undefined) module.exports = v;
31
19
  }
32
20
  else if (typeof define === "function" && define.amd) {
33
- define(["require", "exports", "./Options/Classes/Grab.js", "./Options/Classes/GrabLinks.js", "./Options/Interfaces/IGrab.js", "./Options/Interfaces/IGrabLinks.js"], factory);
21
+ define(["require", "exports", "./Grabber.js", "./Options/Classes/Grab.js", "./Options/Classes/GrabLinks.js", "./Options/Interfaces/IGrab.js", "./Options/Interfaces/IGrabLinks.js"], factory);
34
22
  }
35
23
  })(function (require, exports) {
36
24
  "use strict";
37
- var __syncRequire = typeof module === "object" && typeof module.exports === "object";
38
25
  Object.defineProperty(exports, "__esModule", { value: true });
39
26
  exports.loadExternalGrabInteraction = void 0;
27
+ const Grabber_js_1 = require("./Grabber.js");
40
28
  async function loadExternalGrabInteraction(engine, refresh = true) {
41
- await engine.addInteractor("externalGrab", async (container) => {
42
- const { Grabber } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Grabber.js"))) : new Promise((resolve_1, reject_1) => { require(["./Grabber.js"], resolve_1, reject_1); }).then(__importStar));
43
- return new Grabber(container);
29
+ await engine.addInteractor("externalGrab", container => {
30
+ return Promise.resolve(new Grabber_js_1.Grabber(container));
44
31
  }, refresh);
45
32
  }
46
33
  exports.loadExternalGrabInteraction = loadExternalGrabInteraction;
package/690.min.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 690.min.js.LICENSE.txt */
2
- (this.webpackChunk_tsparticles_interaction_external_grab=this.webpackChunk_tsparticles_interaction_external_grab||[]).push([[690],{690:(t,e,n)=>{n.d(e,{Grabber:()=>a});var i=n(533),o=n(30);function r(t,e,n,o,r){t.canvas.draw((t=>{const a=e.getPosition();!function(t,e,n,o,r,a){(0,i.drawLine)(t,n,o),t.strokeStyle=(0,i.getStyleFromRgb)(r,a),t.lineWidth=e,t.stroke()}(t,e.retina.linksWidth??0,a,r,n,o)}))}class a extends i.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.grab;e&&(t.retina.grabModeDistance=e.distance*t.retina.pixelRatio)}async interact(){const t=this.container,e=t.actualOptions.interactivity;if(!e.modes.grab||!e.events.onHover.enable||t.interactivity.status!==i.mouseMoveEvent)return;const n=t.interactivity.mouse.position;if(!n)return;const o=t.retina.grabModeDistance;if(!o||o<0)return;const a=t.particles.quadTree.queryCircle(n,o,(t=>this.isEnabled(t)));for(const s of a){const a=s.getPosition(),c=(0,i.getDistance)(a,n);if(c>o)continue;const l=e.modes.grab.links,b=l.opacity,g=b-c*b/o;if(g<=0)continue;const d=l.color??s.options.links?.color;if(!t.particles.grabLineColor&&d){const n=e.modes.grab.links;t.particles.grabLineColor=(0,i.getLinkRandomColor)(d,n.blink,n.consent)}const u=(0,i.getLinkColor)(s,void 0,t.particles.grabLineColor);u&&r(t,s,u,g,n)}await Promise.resolve()}isEnabled(t){const e=this.container,n=e.interactivity.mouse,o=(t?.interactivity??e.actualOptions.interactivity).events;return o.onHover.enable&&!!n.position&&(0,i.isInArray)("grab",o.onHover.mode)}loadModeOptions(t,...e){t.grab||(t.grab=new o.z);for(const n of e)t.grab.load(n?.grab)}reset(){}}}}]);
package/690.min.js.LICENSE.txt DELETED
@@ -1 +0,0 @@
1
- /*! tsParticles Grab External Interaction v3.2.2 by Matteo Bruni */
package/dist_browser_Grabber_js.js DELETED
@@ -1,40 +0,0 @@
1
- /*!
2
- * Author : Matteo Bruni
3
- * MIT license: https://opensource.org/licenses/MIT
4
- * Demo / Generator : https://particles.js.org/
5
- * GitHub : https://www.github.com/matteobruni/tsparticles
6
- * How to use? : Check the GitHub README
7
- * v3.2.2
8
- */
9
- "use strict";
10
- /*
11
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
12
- * This devtool is neither made for production nor for readable output files.
13
- * It uses "eval()" calls to create a separate source file in the browser devtools.
14
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
15
- * or disable the default devtool with "devtool: false".
16
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
17
- */
18
- (this["webpackChunk_tsparticles_interaction_external_grab"] = this["webpackChunk_tsparticles_interaction_external_grab"] || []).push([["dist_browser_Grabber_js"],{
19
-
20
- /***/ "./dist/browser/Grabber.js":
21
- /*!*********************************!*\
22
- !*** ./dist/browser/Grabber.js ***!
23
- \*********************************/
24
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
25
-
26
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Grabber: () => (/* binding */ Grabber)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Grab.js */ \"./dist/browser/Options/Classes/Grab.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\nconst grabMode = \"grab\",\n minDistance = 0,\n minOpacity = 0;\nclass Grabber extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n constructor(container) {\n super(container);\n }\n clear() {}\n init() {\n const container = this.container,\n grab = container.actualOptions.interactivity.modes.grab;\n if (!grab) {\n return;\n }\n container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;\n }\n async interact() {\n const container = this.container,\n options = container.actualOptions,\n interactivity = options.interactivity;\n if (!interactivity.modes.grab || !interactivity.events.onHover.enable || container.interactivity.status !== _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.mouseMoveEvent) {\n return;\n }\n const mousePos = container.interactivity.mouse.position;\n if (!mousePos) {\n return;\n }\n const distance = container.retina.grabModeDistance;\n if (!distance || distance < minDistance) {\n return;\n }\n const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));\n for (const particle of query) {\n const pos = particle.getPosition(),\n pointDistance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, mousePos);\n if (pointDistance > distance) {\n continue;\n }\n const grabLineOptions = interactivity.modes.grab.links,\n lineOpacity = grabLineOptions.opacity,\n opacityLine = lineOpacity - pointDistance * lineOpacity / distance;\n if (opacityLine <= minOpacity) {\n continue;\n }\n const optColor = grabLineOptions.color ?? particle.options.links?.color;\n if (!container.particles.grabLineColor && optColor) {\n const linksOptions = interactivity.modes.grab.links;\n container.particles.grabLineColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);\n }\n const colorLine = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(particle, undefined, container.particles.grabLineColor);\n if (!colorLine) {\n continue;\n }\n (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawGrab)(container, particle, colorLine, opacityLine, mousePos);\n }\n await Promise.resolve();\n }\n isEnabled(particle) {\n const container = this.container,\n mouse = container.interactivity.mouse,\n events = (particle?.interactivity ?? container.actualOptions.interactivity).events;\n return events.onHover.enable && !!mouse.position && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(grabMode, events.onHover.mode);\n }\n loadModeOptions(options, ...sources) {\n if (!options.grab) {\n options.grab = new _Options_Classes_Grab_js__WEBPACK_IMPORTED_MODULE_2__.Grab();\n }\n for (const source of sources) {\n options.grab.load(source?.grab);\n }\n }\n reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/Grabber.js?");
27
-
28
- /***/ }),
29
-
30
- /***/ "./dist/browser/Utils.js":
31
- /*!*******************************!*\
32
- !*** ./dist/browser/Utils.js ***!
33
- \*******************************/
34
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
35
-
36
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ drawGrab: () => (/* binding */ drawGrab),\n/* harmony export */ drawGrabLine: () => (/* binding */ drawGrabLine)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst defaultWidth = 0;\nfunction drawGrabLine(context, width, begin, end, colorLine, opacity) {\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.drawLine)(context, begin, end);\n context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorLine, opacity);\n context.lineWidth = width;\n context.stroke();\n}\nfunction drawGrab(container, particle, lineColor, opacity, mousePos) {\n container.canvas.draw(ctx => {\n const beginPos = particle.getPosition();\n drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity);\n });\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/Utils.js?");
37
-
38
- /***/ })
39
-
40
- }]);