@tsparticles/interaction-external-connect 3.6.0-beta.1 → 3.7.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.
@@ -1,3 +1,4 @@
1
+ import { isNull } from "@tsparticles/engine";
1
2
  import { ConnectLinks } from "./ConnectLinks.js";
2
3
  export class Connect {
3
4
  constructor() {
@@ -6,7 +7,7 @@ export class Connect {
6
7
  this.radius = 60;
7
8
  }
8
9
  load(data) {
9
- if (!data) {
10
+ if (isNull(data)) {
10
11
  return;
11
12
  }
12
13
  if (data.distance !== undefined) {
@@ -1,9 +1,10 @@
1
+ import { isNull } from "@tsparticles/engine";
1
2
  export class ConnectLinks {
2
3
  constructor() {
3
4
  this.opacity = 0.5;
4
5
  }
5
6
  load(data) {
6
- if (!data) {
7
+ if (isNull(data)) {
7
8
  return;
8
9
  }
9
10
  if (data.opacity !== undefined) {
package/browser/index.js CHANGED
@@ -1,5 +1,7 @@
1
+ import { assertValidVersion } from "@tsparticles/engine";
1
2
  import { Connector } from "./Connector.js";
2
3
  export async function loadExternalConnectInteraction(engine, refresh = true) {
4
+ assertValidVersion(engine, "3.7.0");
3
5
  await engine.addInteractor("externalConnect", container => {
4
6
  return Promise.resolve(new Connector(container));
5
7
  }, refresh);
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Connect = void 0;
4
+ const engine_1 = require("@tsparticles/engine");
4
5
  const ConnectLinks_js_1 = require("./ConnectLinks.js");
5
6
  class Connect {
6
7
  constructor() {
@@ -9,7 +10,7 @@ class Connect {
9
10
  this.radius = 60;
10
11
  }
11
12
  load(data) {
12
- if (!data) {
13
+ if ((0, engine_1.isNull)(data)) {
13
14
  return;
14
15
  }
15
16
  if (data.distance !== undefined) {
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ConnectLinks = void 0;
4
+ const engine_1 = require("@tsparticles/engine");
4
5
  class ConnectLinks {
5
6
  constructor() {
6
7
  this.opacity = 0.5;
7
8
  }
8
9
  load(data) {
9
- if (!data) {
10
+ if ((0, engine_1.isNull)(data)) {
10
11
  return;
11
12
  }
12
13
  if (data.opacity !== undefined) {
package/cjs/index.js CHANGED
@@ -15,8 +15,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.loadExternalConnectInteraction = loadExternalConnectInteraction;
18
+ const engine_1 = require("@tsparticles/engine");
18
19
  const Connector_js_1 = require("./Connector.js");
19
20
  async function loadExternalConnectInteraction(engine, refresh = true) {
21
+ (0, engine_1.assertValidVersion)(engine, "3.7.0");
20
22
  await engine.addInteractor("externalConnect", container => {
21
23
  return Promise.resolve(new Connector_js_1.Connector(container));
22
24
  }, refresh);
@@ -1,3 +1,4 @@
1
+ import { isNull } from "@tsparticles/engine";
1
2
  import { ConnectLinks } from "./ConnectLinks.js";
2
3
  export class Connect {
3
4
  constructor() {
@@ -6,7 +7,7 @@ export class Connect {
6
7
  this.radius = 60;
7
8
  }
8
9
  load(data) {
9
- if (!data) {
10
+ if (isNull(data)) {
10
11
  return;
11
12
  }
12
13
  if (data.distance !== undefined) {
@@ -1,9 +1,10 @@
1
+ import { isNull } from "@tsparticles/engine";
1
2
  export class ConnectLinks {
2
3
  constructor() {
3
4
  this.opacity = 0.5;
4
5
  }
5
6
  load(data) {
6
- if (!data) {
7
+ if (isNull(data)) {
7
8
  return;
8
9
  }
9
10
  if (data.opacity !== undefined) {
package/esm/index.js CHANGED
@@ -1,5 +1,7 @@
1
+ import { assertValidVersion } from "@tsparticles/engine";
1
2
  import { Connector } from "./Connector.js";
2
3
  export async function loadExternalConnectInteraction(engine, refresh = true) {
4
+ assertValidVersion(engine, "3.7.0");
3
5
  await engine.addInteractor("externalConnect", container => {
4
6
  return Promise.resolve(new Connector(container));
5
7
  }, refresh);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-connect",
3
- "version": "3.6.0-beta.1",
3
+ "version": "3.7.0",
4
4
  "description": "tsParticles connect 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.6.0-beta.1"
90
+ "@tsparticles/engine": "3.7.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-connect [13 Oct 2024 at 17:22]</title>
6
+ <title>@tsparticles/interaction-external-connect [24 Nov 2024 at 19:18]</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>
@@ -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.6.0-beta.1
7
+ * v3.7.0
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
44
44
  \*************************************************/
45
45
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
46
46
 
47
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Connect: () => (/* binding */ Connect)\n/* harmony export */ });\n/* harmony import */ var _ConnectLinks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ConnectLinks.js */ \"./dist/browser/Options/Classes/ConnectLinks.js\");\n\nclass Connect {\n constructor() {\n this.distance = 80;\n this.links = new _ConnectLinks_js__WEBPACK_IMPORTED_MODULE_0__.ConnectLinks();\n this.radius = 60;\n }\n load(data) {\n if (!data) {\n return;\n }\n if (data.distance !== undefined) {\n this.distance = data.distance;\n }\n this.links.load(data.links);\n if (data.radius !== undefined) {\n this.radius = data.radius;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/Options/Classes/Connect.js?");
47
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Connect: () => (/* binding */ Connect)\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 _ConnectLinks_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ConnectLinks.js */ \"./dist/browser/Options/Classes/ConnectLinks.js\");\n\n\nclass Connect {\n constructor() {\n this.distance = 80;\n this.links = new _ConnectLinks_js__WEBPACK_IMPORTED_MODULE_1__.ConnectLinks();\n this.radius = 60;\n }\n load(data) {\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n return;\n }\n if (data.distance !== undefined) {\n this.distance = data.distance;\n }\n this.links.load(data.links);\n if (data.radius !== undefined) {\n this.radius = data.radius;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/Options/Classes/Connect.js?");
48
48
 
49
49
  /***/ }),
50
50
 
@@ -54,7 +54,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
54
54
  \******************************************************/
55
55
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
56
56
 
57
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ConnectLinks: () => (/* binding */ ConnectLinks)\n/* harmony export */ });\nclass ConnectLinks {\n constructor() {\n this.opacity = 0.5;\n }\n load(data) {\n if (!data) {\n return;\n }\n if (data.opacity !== undefined) {\n this.opacity = data.opacity;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/Options/Classes/ConnectLinks.js?");
57
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ConnectLinks: () => (/* binding */ ConnectLinks)\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\nclass ConnectLinks {\n constructor() {\n this.opacity = 0.5;\n }\n load(data) {\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n return;\n }\n if (data.opacity !== undefined) {\n this.opacity = data.opacity;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/Options/Classes/ConnectLinks.js?");
58
58
 
59
59
  /***/ }),
60
60
 
@@ -74,7 +74,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
74
74
  \*******************************/
75
75
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
76
76
 
77
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Connect: () => (/* reexport safe */ _Options_Classes_Connect_js__WEBPACK_IMPORTED_MODULE_1__.Connect),\n/* harmony export */ ConnectLinks: () => (/* reexport safe */ _Options_Classes_ConnectLinks_js__WEBPACK_IMPORTED_MODULE_2__.ConnectLinks),\n/* harmony export */ loadExternalConnectInteraction: () => (/* binding */ loadExternalConnectInteraction)\n/* harmony export */ });\n/* harmony import */ var _Connector_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Connector.js */ \"./dist/browser/Connector.js\");\n/* harmony import */ var _Options_Classes_Connect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Connect.js */ \"./dist/browser/Options/Classes/Connect.js\");\n/* harmony import */ var _Options_Classes_ConnectLinks_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/ConnectLinks.js */ \"./dist/browser/Options/Classes/ConnectLinks.js\");\n\nasync function loadExternalConnectInteraction(engine, refresh = true) {\n await engine.addInteractor(\"externalConnect\", container => {\n return Promise.resolve(new _Connector_js__WEBPACK_IMPORTED_MODULE_0__.Connector(container));\n }, refresh);\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/index.js?");
77
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Connect: () => (/* reexport safe */ _Options_Classes_Connect_js__WEBPACK_IMPORTED_MODULE_2__.Connect),\n/* harmony export */ ConnectLinks: () => (/* reexport safe */ _Options_Classes_ConnectLinks_js__WEBPACK_IMPORTED_MODULE_3__.ConnectLinks),\n/* harmony export */ loadExternalConnectInteraction: () => (/* binding */ loadExternalConnectInteraction)\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 _Connector_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Connector.js */ \"./dist/browser/Connector.js\");\n/* harmony import */ var _Options_Classes_Connect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Connect.js */ \"./dist/browser/Options/Classes/Connect.js\");\n/* harmony import */ var _Options_Classes_ConnectLinks_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/ConnectLinks.js */ \"./dist/browser/Options/Classes/ConnectLinks.js\");\n\n\nasync function loadExternalConnectInteraction(engine, refresh = true) {\n (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.assertValidVersion)(engine, \"3.7.0\");\n await engine.addInteractor(\"externalConnect\", container => {\n return Promise.resolve(new _Connector_js__WEBPACK_IMPORTED_MODULE_1__.Connector(container));\n }, refresh);\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-connect/./dist/browser/index.js?");
78
78
 
79
79
  /***/ }),
80
80
 
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see tsparticles.interaction.external.connect.min.js.LICENSE.txt */
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 n in o)("object"==typeof exports?exports:t)[n]=o[n]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,n),r.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};n.r(i),n.d(i,{Connect:()=>a,ConnectLinks:()=>s,loadExternalConnectInteraction:()=>y});var r=n(303);class s{constructor(){this.opacity=.5}load(t){t&&void 0!==t.opacity&&(this.opacity=t.opacity)}}class a{constructor(){this.distance=80,this.links=new s,this.radius=60}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links),void 0!==t.radius&&(this.radius=t.radius))}}const c=0,l=1;function d(t,e,o,n){const i=t.actualOptions.interactivity.modes.connect;if(i)return function(t,e,o,n){const i=Math.floor(o.getRadius()/e.getRadius()),s=e.getFillColor(),a=o.getFillColor();if(!s||!a)return;const d=e.getPosition(),u=o.getPosition(),p=(0,r.colorMix)(s,a,e.getRadius(),o.getRadius()),y=t.createLinearGradient(d.x,d.y,u.x,u.y);return y.addColorStop(c,(0,r.getStyleFromHsl)(s,n)),y.addColorStop((0,r.clamp)(i,c,l),(0,r.getStyleFromRgb)(p,n)),y.addColorStop(l,(0,r.getStyleFromHsl)(a,n)),y}(e,o,n,i.links.opacity)}function u(t,e,o){t.canvas.draw((n=>{const i=d(t,n,e,o);if(!i)return;const s=e.getPosition(),a=o.getPosition();!function(t,e,o,n,i){(0,r.drawLine)(t,n,i),t.lineWidth=e,t.strokeStyle=o,t.stroke()}(n,e.retina.linksWidth??0,i,s,a)}))}class p extends r.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.connect;e&&(t.retina.connectModeDistance=e.distance*t.retina.pixelRatio,t.retina.connectModeRadius=e.radius*t.retina.pixelRatio)}interact(){const t=this.container;if(t.actualOptions.interactivity.events.onHover.enable&&"pointermove"===t.interactivity.status){const e=t.interactivity.mouse.position,{connectModeDistance:o,connectModeRadius:n}=t.retina;if(!o||o<0||!n||n<0||!e)return;const i=Math.abs(n),r=t.particles.quadTree.queryCircle(e,i,(t=>this.isEnabled(t)));r.forEach(((e,n)=>{const i=e.getPosition();for(const s of r.slice(n+1)){const n=s.getPosition(),r=Math.abs(o),a=Math.abs(i.x-n.x),c=Math.abs(i.y-n.y);a<r&&c<r&&u(t,e,s)}}))}}isEnabled(t){const e=this.container,o=e.interactivity.mouse,n=(t?.interactivity??e.actualOptions.interactivity).events;return!(!n.onHover.enable||!o.position)&&(0,r.isInArray)("connect",n.onHover.mode)}loadModeOptions(t,...e){t.connect||(t.connect=new a);for(const o of e)t.connect.load(o?.connect)}reset(){}}async function y(t,e=!0){await t.addInteractor("externalConnect",(t=>Promise.resolve(new p(t))),e)}return i})()));
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 n in o)("object"==typeof exports?exports:t)[n]=o[n]}}(this,(t=>(()=>{var e={303:e=>{e.exports=t}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,n),r.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};n.r(i),n.d(i,{Connect:()=>a,ConnectLinks:()=>s,loadExternalConnectInteraction:()=>y});var r=n(303);class s{constructor(){this.opacity=.5}load(t){(0,r.isNull)(t)||void 0!==t.opacity&&(this.opacity=t.opacity)}}class a{constructor(){this.distance=80,this.links=new s,this.radius=60}load(t){(0,r.isNull)(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links),void 0!==t.radius&&(this.radius=t.radius))}}const c=0,l=1;function d(t,e,o,n){const i=t.actualOptions.interactivity.modes.connect;if(i)return function(t,e,o,n){const i=Math.floor(o.getRadius()/e.getRadius()),s=e.getFillColor(),a=o.getFillColor();if(!s||!a)return;const d=e.getPosition(),u=o.getPosition(),p=(0,r.colorMix)(s,a,e.getRadius(),o.getRadius()),y=t.createLinearGradient(d.x,d.y,u.x,u.y);return y.addColorStop(c,(0,r.getStyleFromHsl)(s,n)),y.addColorStop((0,r.clamp)(i,c,l),(0,r.getStyleFromRgb)(p,n)),y.addColorStop(l,(0,r.getStyleFromHsl)(a,n)),y}(e,o,n,i.links.opacity)}function u(t,e,o){t.canvas.draw((n=>{const i=d(t,n,e,o);if(!i)return;const s=e.getPosition(),a=o.getPosition();!function(t,e,o,n,i){(0,r.drawLine)(t,n,i),t.lineWidth=e,t.strokeStyle=o,t.stroke()}(n,e.retina.linksWidth??0,i,s,a)}))}class p extends r.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity.modes.connect;e&&(t.retina.connectModeDistance=e.distance*t.retina.pixelRatio,t.retina.connectModeRadius=e.radius*t.retina.pixelRatio)}interact(){const t=this.container;if(t.actualOptions.interactivity.events.onHover.enable&&"pointermove"===t.interactivity.status){const e=t.interactivity.mouse.position,{connectModeDistance:o,connectModeRadius:n}=t.retina;if(!o||o<0||!n||n<0||!e)return;const i=Math.abs(n),r=t.particles.quadTree.queryCircle(e,i,(t=>this.isEnabled(t)));r.forEach(((e,n)=>{const i=e.getPosition();for(const s of r.slice(n+1)){const n=s.getPosition(),r=Math.abs(o),a=Math.abs(i.x-n.x),c=Math.abs(i.y-n.y);a<r&&c<r&&u(t,e,s)}}))}}isEnabled(t){const e=this.container,o=e.interactivity.mouse,n=(t?.interactivity??e.actualOptions.interactivity).events;return!(!n.onHover.enable||!o.position)&&(0,r.isInArray)("connect",n.onHover.mode)}loadModeOptions(t,...e){t.connect||(t.connect=new a);for(const o of e)t.connect.load(o?.connect)}reset(){}}async function y(t,e=!0){(0,r.assertValidVersion)(t,"3.7.0"),await t.addInteractor("externalConnect",(t=>Promise.resolve(new p(t))),e)}return i})()));
@@ -1 +1 @@
1
- /*! tsParticles Connect External Interaction v3.6.0-beta.1 by Matteo Bruni */
1
+ /*! tsParticles Connect External Interaction v3.7.0 by Matteo Bruni */
@@ -1,4 +1,4 @@
1
- import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
1
+ import { type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
2
2
  import { ConnectLinks } from "./ConnectLinks.js";
3
3
  import type { IConnect } from "../Interfaces/IConnect.js";
4
4
  export declare class Connect implements IConnect, IOptionLoader<IConnect> {
@@ -1,4 +1,4 @@
1
- import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
1
+ import { type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
2
2
  import type { IConnectLinks } from "../Interfaces/IConnectLinks.js";
3
3
  export declare class ConnectLinks implements IConnectLinks, IOptionLoader<IConnectLinks> {
4
4
  opacity: number;
package/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { Engine } from "@tsparticles/engine";
1
+ import { type Engine } from "@tsparticles/engine";
2
2
  export declare function loadExternalConnectInteraction(engine: Engine, refresh?: boolean): Promise<void>;
3
3
  export * from "./Options/Classes/Connect.js";
4
4
  export * from "./Options/Classes/ConnectLinks.js";
@@ -4,12 +4,13 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "./ConnectLinks.js"], factory);
7
+ define(["require", "exports", "@tsparticles/engine", "./ConnectLinks.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.Connect = void 0;
13
+ const engine_1 = require("@tsparticles/engine");
13
14
  const ConnectLinks_js_1 = require("./ConnectLinks.js");
14
15
  class Connect {
15
16
  constructor() {
@@ -18,7 +19,7 @@
18
19
  this.radius = 60;
19
20
  }
20
21
  load(data) {
21
- if (!data) {
22
+ if ((0, engine_1.isNull)(data)) {
22
23
  return;
23
24
  }
24
25
  if (data.distance !== undefined) {
@@ -4,18 +4,19 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports"], factory);
7
+ define(["require", "exports", "@tsparticles/engine"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.ConnectLinks = void 0;
13
+ const engine_1 = require("@tsparticles/engine");
13
14
  class ConnectLinks {
14
15
  constructor() {
15
16
  this.opacity = 0.5;
16
17
  }
17
18
  load(data) {
18
- if (!data) {
19
+ if ((0, engine_1.isNull)(data)) {
19
20
  return;
20
21
  }
21
22
  if (data.opacity !== undefined) {
package/umd/index.js CHANGED
@@ -18,14 +18,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
18
18
  if (v !== undefined) module.exports = v;
19
19
  }
20
20
  else if (typeof define === "function" && define.amd) {
21
- define(["require", "exports", "./Connector.js", "./Options/Classes/Connect.js", "./Options/Classes/ConnectLinks.js", "./Options/Interfaces/IConnect.js", "./Options/Interfaces/IConnectLinks.js"], factory);
21
+ define(["require", "exports", "@tsparticles/engine", "./Connector.js", "./Options/Classes/Connect.js", "./Options/Classes/ConnectLinks.js", "./Options/Interfaces/IConnect.js", "./Options/Interfaces/IConnectLinks.js"], factory);
22
22
  }
23
23
  })(function (require, exports) {
24
24
  "use strict";
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.loadExternalConnectInteraction = loadExternalConnectInteraction;
27
+ const engine_1 = require("@tsparticles/engine");
27
28
  const Connector_js_1 = require("./Connector.js");
28
29
  async function loadExternalConnectInteraction(engine, refresh = true) {
30
+ (0, engine_1.assertValidVersion)(engine, "3.7.0");
29
31
  await engine.addInteractor("externalConnect", container => {
30
32
  return Promise.resolve(new Connector_js_1.Connector(container));
31
33
  }, refresh);