@tsparticles/interaction-external-grab 4.0.0-beta.0 → 4.0.0-beta.2

package/tsparticles.interaction.external.grab.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -84,7 +84,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"externalGrab\", async (container)=>{\n            const { Grabber } = 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, engine);\n        });\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/index.js?\n}");
+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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\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) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalGrab\", async (container)=>{\n            const { Grabber } = 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(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-grab/./dist/browser/index.js?\n}");
 
 /***/ }
 

package/tsparticles.interaction.external.grab.min.js

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity","@tsparticles/canvas-utils"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils")):t(e.window,e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t,r)=>(()=>{"use strict";var i,o,n,a={425(e){e.exports=r},303(t){t.exports=e},702(e){e.exports=t},691(e,t,r){r.d(t,{f:()=>n});var i=r(303),o=r(214);class n{distance;links;constructor(){this.distance=100,this.links=new o.q}load(e){(0,i.isNull)(e)||(void 0!==e.distance&&(this.distance=e.distance),this.links.load(e.links))}}},214(e,t,r){r.d(t,{q:()=>o});var i=r(303);class o{blink;color;consent;opacity;constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(e){(0,i.isNull)(e)||(void 0!==e.blink&&(this.blink=e.blink),void 0!==e.color&&(this.color=i.OptionsColor.create(this.color,e.color)),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.opacity&&(this.opacity=e.opacity))}}}},s={};function c(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return a[e](r,r.exports,c),r.exports}c.m=a,p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,c.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);c.r(r);var i={};l=l||[null,p({}),p([]),p(p)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~l.indexOf(o);o=p(o))Object.getOwnPropertyNames(o).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,c.d(r,i),r},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.f={},c.e=e=>Promise.all(Object.keys(c.f).reduce((t,r)=>(c.f[r](e,t),t),[])),c.u=e=>""+e+".min.js",c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},c.l=(e,t,r,i)=>{if(u[e])return void u[e].push(t);if(void 0!==r)for(var o,n,a=document.getElementsByTagName("script"),s=0;s<a.length;s++){var l=a[s];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")=="@tsparticles/interaction-external-grab:"+r){o=l;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",c.nc&&o.setAttribute("nonce",c.nc),o.setAttribute("data-webpack","@tsparticles/interaction-external-grab:"+r),o.src=e),u[e]=[t];var p=(t,r)=>{o.onerror=o.onload=null,clearTimeout(d);var i=u[e];if(delete u[e],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=p.bind(null,o.onerror),o.onload=p.bind(null,o.onload),n&&document.head.appendChild(o)},c.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.g.importScripts&&(d=c.g.location+"");var l,p,u,d,f=c.g.document;if(!d&&f&&(f.currentScript&&"SCRIPT"===f.currentScript.tagName.toUpperCase()&&(d=f.currentScript.src),!d)){var b=f.getElementsByTagName("script");if(b.length)for(var h=b.length-1;h>-1&&(!d||!/^http(s?):/.test(d));)d=b[h--].src}if(!d)throw Error("Automatic publicPath is not supported in this browser");c.p=d=d.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i={800:0},c.f.j=(e,t)=>{var r=c.o(i,e)?i[e]:void 0;if(0!==r)if(r)t.push(r[2]);else{var o=new Promise((t,o)=>r=i[e]=[t,o]);t.push(r[2]=o);var n=c.p+c.u(e),a=Error();c.l(n,t=>{if(c.o(i,e)&&(0!==(r=i[e])&&(i[e]=void 0),r)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
-(`+o+": "+n+")",a.name="ChunkLoadError",a.type=o,a.request=n,r[1](a)}},"chunk-"+e,e)}},o=(e,t)=>{var r,o,[n,a,s]=t,l=0;if(n.some(e=>0!==i[e])){for(r in a)c.o(a,r)&&(c.m[r]=a[r]);s&&s(c)}for(e&&e(t);l<n.length;l++)o=n[l],c.o(i,o)&&i[o]&&i[o][0](),i[o]=0},(n=this.webpackChunk_tsparticles_interaction_external_grab=this.webpackChunk_tsparticles_interaction_external_grab||[]).forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n));var v={};c.r(v),c.d(v,{Grab:()=>g.f,GrabLinks:()=>y.q,loadExternalGrabInteraction:()=>m});var g=c(691),y=c(214);async function m(e){e.checkVersion("4.0.0-beta.0"),await e.register(async t=>{let{ensureInteractivityPluginLoaded:r}=await Promise.resolve().then(c.t.bind(c,702,19));r(t),t.addInteractor?.("externalGrab",async t=>{let{Grabber:r}=await c.e(454).then(c.bind(c,454));return new r(t,e)})})}return v})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity","@tsparticles/canvas-utils"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils")):t(e.window,e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t,r)=>(()=>{"use strict";var i,n,o,a={425(e){e.exports=r},303(t){t.exports=e},702(e){e.exports=t},103(e,t,r){r.d(t,{f:()=>o});var i=r(303),n=r(138);class o{distance;links;constructor(){this.distance=100,this.links=new n.q}load(e){(0,i.isNull)(e)||(void 0!==e.distance&&(this.distance=e.distance),this.links.load(e.links))}}},138(e,t,r){r.d(t,{q:()=>n});var i=r(303);class n{blink;color;consent;opacity;constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(e){(0,i.isNull)(e)||(void 0!==e.blink&&(this.blink=e.blink),void 0!==e.color&&(this.color=i.OptionsColor.create(this.color,e.color)),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.opacity&&(this.opacity=e.opacity))}}}},s={};function c(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return a[e](r,r.exports,c),r.exports}c.m=a,p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,c.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);c.r(r);var i={};l=l||[null,p({}),p([]),p(p)];for(var n=2&t&&e;("object"==typeof n||"function"==typeof n)&&!~l.indexOf(n);n=p(n))Object.getOwnPropertyNames(n).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,c.d(r,i),r},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.f={},c.e=e=>Promise.all(Object.keys(c.f).reduce((t,r)=>(c.f[r](e,t),t),[])),c.u=e=>""+e+".min.js",c.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},c.l=(e,t,r,i)=>{if(u[e])return void u[e].push(t);if(void 0!==r)for(var n,o,a=document.getElementsByTagName("script"),s=0;s<a.length;s++){var l=a[s];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")=="@tsparticles/interaction-external-grab:"+r){n=l;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",c.nc&&n.setAttribute("nonce",c.nc),n.setAttribute("data-webpack","@tsparticles/interaction-external-grab:"+r),n.src=e),u[e]=[t];var p=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=u[e];if(delete u[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=p.bind(null,n.onerror),n.onload=p.bind(null,n.onload),o&&document.head.appendChild(n)},c.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.g.importScripts&&(d=c.g.location+"");var l,p,u,d,f=c.g.document;if(!d&&f&&(f.currentScript&&"SCRIPT"===f.currentScript.tagName.toUpperCase()&&(d=f.currentScript.src),!d)){var b=f.getElementsByTagName("script");if(b.length)for(var h=b.length-1;h>-1&&(!d||!/^http(s?):/.test(d));)d=b[h--].src}if(!d)throw Error("Automatic publicPath is not supported in this browser");c.p=d=d.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i={800:0},c.f.j=(e,t)=>{var r=c.o(i,e)?i[e]:void 0;if(0!==r)if(r)t.push(r[2]);else{var n=new Promise((t,n)=>r=i[e]=[t,n]);t.push(r[2]=n);var o=c.p+c.u(e),a=Error();c.l(o,t=>{if(c.o(i,e)&&(0!==(r=i[e])&&(i[e]=void 0),r)){var n=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
+(`+n+": "+o+")",a.name="ChunkLoadError",a.type=n,a.request=o,r[1](a)}},"chunk-"+e,e)}},n=(e,t)=>{var r,n,[o,a,s]=t,l=0;if(o.some(e=>0!==i[e])){for(r in a)c.o(a,r)&&(c.m[r]=a[r]);s&&s(c)}for(e&&e(t);l<o.length;l++)n=o[l],c.o(i,n)&&i[n]&&i[n][0](),i[n]=0},(o=this.webpackChunk_tsparticles_interaction_external_grab=this.webpackChunk_tsparticles_interaction_external_grab||[]).forEach(n.bind(null,0)),o.push=n.bind(null,o.push.bind(o));var g={};c.r(g),c.d(g,{Grab:()=>v.f,GrabLinks:()=>y.q,loadExternalGrabInteraction:()=>m}),c(303);var v=c(103),y=c(138);async function m(e){e.checkVersion("4.0.0-beta.2"),await e.pluginManager.register(async e=>{let{ensureInteractivityPluginLoaded:t}=await Promise.resolve().then(c.t.bind(c,702,19));t(e),e.pluginManager.addInteractor?.("externalGrab",async t=>{let{Grabber:r}=await c.e(360).then(c.bind(c,360));return new r(e.pluginManager,t)})})}return g})());

package/types/Grabber.d.ts

@@ -1,10 +1,10 @@
-import { type Engine, type RecursivePartial } from "@tsparticles/engine";
 import { ExternalInteractorBase, type IInteractivityData, type IModes, type InteractivityParticle, type Modes } from "@tsparticles/plugin-interactivity";
 import type { GrabContainer, GrabMode, IGrabMode } from "./Types.js";
+import { type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 export declare class Grabber extends ExternalInteractorBase<GrabContainer> {
-    private readonly _engine;
     private _maxDistance;
-    constructor(container: GrabContainer, engine: Engine);
+    private readonly _pluginManager;
+    constructor(pluginManager: PluginManager, container: GrabContainer);
     get maxDistance(): number;
     clear(): void;
     init(): void;

package/types/Utils.d.ts

@@ -1,4 +1,4 @@
+import { type CanvasContextType, type ICoordinates, type IRgb } from "@tsparticles/engine";
 import type { GrabContainer, LinkParticle } from "./Types.js";
-import { type ICoordinates, type IRgb } from "@tsparticles/engine";
-export declare function drawGrabLine(context: CanvasRenderingContext2D, width: number, begin: ICoordinates, end: ICoordinates, colorLine: IRgb, opacity: number, hdr?: boolean): void;
+export declare function drawGrabLine(context: CanvasContextType, width: number, begin: ICoordinates, end: ICoordinates, colorLine: IRgb, opacity: number, hdr?: boolean): void;
 export declare function drawGrab(container: GrabContainer, particle: LinkParticle, lineColor: IRgb, opacity: number, mousePos: ICoordinates): void;

package/454.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_interaction_external_grab=this.webpackChunk_tsparticles_interaction_external_grab||[]).push([[454],{454(t,e,i){i.d(e,{Grabber:()=>s});var n=i(303),a=i(702),r=i(691),o=i(425);class s extends a.ExternalInteractorBase{_engine;_maxDistance;constructor(t,e){super(t),this._engine=e,this._maxDistance=0}get maxDistance(){return this._maxDistance}clear(){}init(){let t=this.container,e=t.actualOptions.interactivity?.modes.grab;e&&(this._maxDistance=e.distance,t.retina.grabModeDistance=e.distance*t.retina.pixelRatio)}interact(t){let e=this.container,i=e.actualOptions.interactivity;if(!i?.modes.grab||!i.events.onHover.enable||t.status!==a.mouseMoveEvent)return;let r=t.mouse.position;if(!r)return;let s=e.retina.grabModeDistance;if(s&&!(s<0))for(let a of e.particles.grid.queryCircle(r,s,e=>this.isEnabled(t,e))){let t=a.getPosition(),l=(0,n.getDistance)(t,r);if(l>s)continue;let c=i.modes.grab.links,g=c.opacity,b=g-l*g/s;if(b<=0)continue;let d=c.color??a.options.links?.color;if(!e.particles.grabLineColor&&d){let t=i.modes.grab.links;e.particles.grabLineColor=(0,n.getLinkRandomColor)(this._engine,d,t.blink,t.consent)}let u=(0,n.getLinkColor)(a,void 0,e.particles.grabLineColor);u&&function(t,e,i,a,r){t.canvas.draw(s=>{let l=e.getPosition();!function(t,e,i,a,r,s,l=!1){(0,o.drawLine)(t,i,a),t.strokeStyle=(0,n.getStyleFromRgb)(r,l,s),t.lineWidth=e,t.stroke()}(s,e.retina.linksWidth??0,l,r,i,a,t.hdr)})}(e,a,u,b,r)}}isEnabled(t,e){let i=this.container,a=t.mouse,r=(e?.interactivity??i.actualOptions.interactivity)?.events;return!!r?.onHover.enable&&!!a.position&&(0,n.isInArray)("grab",r.onHover.mode)}loadModeOptions(t,...e){for(let i of(t.grab??=new r.f,e))t.grab.load(i?.grab)}reset(){}}}}]);

package/umd/Grabber.js

@@ -1,90 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/plugin-interactivity", "./Options/Classes/Grab.js", "./Utils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Grabber = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const plugin_interactivity_1 = require("@tsparticles/plugin-interactivity");
-    const Grab_js_1 = require("./Options/Classes/Grab.js");
-    const Utils_js_1 = require("./Utils.js");
-    const grabMode = "grab", minDistance = 0, minOpacity = 0;
-    class Grabber extends plugin_interactivity_1.ExternalInteractorBase {
-        _engine;
-        _maxDistance;
-        constructor(container, engine) {
-            super(container);
-            this._engine = engine;
-            this._maxDistance = 0;
-        }
-        get maxDistance() {
-            return this._maxDistance;
-        }
-        clear() {
-        }
-        init() {
-            const container = this.container, grab = container.actualOptions.interactivity?.modes.grab;
-            if (!grab) {
-                return;
-            }
-            this._maxDistance = grab.distance;
-            container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
-        }
-        interact(interactivityData) {
-            const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
-            if (!interactivity?.modes.grab ||
-                !interactivity.events.onHover.enable ||
-                interactivityData.status !== plugin_interactivity_1.mouseMoveEvent) {
-                return;
-            }
-            const mousePos = interactivityData.mouse.position;
-            if (!mousePos) {
-                return;
-            }
-            const distance = container.retina.grabModeDistance;
-            if (!distance || distance < minDistance) {
-                return;
-            }
-            const query = container.particles.grid.queryCircle(mousePos, distance, p => this.isEnabled(interactivityData, p));
-            for (const particle of query) {
-                const pos = particle.getPosition(), pointDistance = (0, engine_1.getDistance)(pos, mousePos);
-                if (pointDistance > distance) {
-                    continue;
-                }
-                const grabLineOptions = interactivity.modes.grab.links, lineOpacity = grabLineOptions.opacity, opacityLine = lineOpacity - (pointDistance * lineOpacity) / distance;
-                if (opacityLine <= minOpacity) {
-                    continue;
-                }
-                const optColor = grabLineOptions.color ?? particle.options.links?.color;
-                if (!container.particles.grabLineColor && optColor) {
-                    const linksOptions = interactivity.modes.grab.links;
-                    container.particles.grabLineColor = (0, engine_1.getLinkRandomColor)(this._engine, optColor, linksOptions.blink, linksOptions.consent);
-                }
-                const colorLine = (0, engine_1.getLinkColor)(particle, undefined, container.particles.grabLineColor);
-                if (!colorLine) {
-                    continue;
-                }
-                (0, Utils_js_1.drawGrab)(container, particle, colorLine, opacityLine, mousePos);
-            }
-        }
-        isEnabled(interactivityData, particle) {
-            const container = this.container, mouse = interactivityData.mouse, events = (particle?.interactivity ?? container.actualOptions.interactivity)?.events;
-            return !!events?.onHover.enable && !!mouse.position && (0, engine_1.isInArray)(grabMode, events.onHover.mode);
-        }
-        loadModeOptions(options, ...sources) {
-            options.grab ??= new Grab_js_1.Grab();
-            for (const source of sources) {
-                options.grab.load(source?.grab);
-            }
-        }
-        reset() {
-        }
-    }
-    exports.Grabber = Grabber;
-});

package/umd/Options/Classes/Grab.js

@@ -1,33 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./GrabLinks.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Grab = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const GrabLinks_js_1 = require("./GrabLinks.js");
-    class Grab {
-        distance;
-        links;
-        constructor() {
-            this.distance = 100;
-            this.links = new GrabLinks_js_1.GrabLinks();
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.distance !== undefined) {
-                this.distance = data.distance;
-            }
-            this.links.load(data.links);
-        }
-    }
-    exports.Grab = Grab;
-});

package/umd/Options/Classes/GrabLinks.js

@@ -1,43 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.GrabLinks = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class GrabLinks {
-        blink;
-        color;
-        consent;
-        opacity;
-        constructor() {
-            this.blink = false;
-            this.consent = false;
-            this.opacity = 1;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.blink !== undefined) {
-                this.blink = data.blink;
-            }
-            if (data.color !== undefined) {
-                this.color = engine_1.OptionsColor.create(this.color, data.color);
-            }
-            if (data.consent !== undefined) {
-                this.consent = data.consent;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = data.opacity;
-            }
-        }
-    }
-    exports.GrabLinks = GrabLinks;
-});

package/umd/Options/Classes/GrabOptions.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/IGrab.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/IGrabLinks.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Types.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Utils.js

@@ -1,29 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/canvas-utils"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.drawGrabLine = drawGrabLine;
-    exports.drawGrab = drawGrab;
-    const engine_1 = require("@tsparticles/engine");
-    const canvas_utils_1 = require("@tsparticles/canvas-utils");
-    const defaultWidth = 0;
-    function drawGrabLine(context, width, begin, end, colorLine, opacity, hdr = false) {
-        (0, canvas_utils_1.drawLine)(context, begin, end);
-        context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, hdr, opacity);
-        context.lineWidth = width;
-        context.stroke();
-    }
-    function drawGrab(container, particle, lineColor, opacity, mousePos) {
-        container.canvas.draw(ctx => {
-            const beginPos = particle.getPosition();
-            drawGrabLine(ctx, particle.retina.linksWidth ?? defaultWidth, beginPos, mousePos, lineColor, opacity, container.hdr);
-        });
-    }
-});

package/umd/index.js

@@ -1,63 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/Grab.js", "./Options/Classes/GrabLinks.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadExternalGrabInteraction = loadExternalGrabInteraction;
-    async function loadExternalGrabInteraction(engine) {
-        engine.checkVersion("4.0.0-beta.0");
-        await engine.register(async (e) => {
-            const { ensureInteractivityPluginLoaded } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-interactivity"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-interactivity"], resolve_1, reject_1); }).then(__importStar));
-            ensureInteractivityPluginLoaded(e);
-            e.addInteractor?.("externalGrab", async (container) => {
-                const { Grabber } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Grabber.js"))) : new Promise((resolve_2, reject_2) => { require(["./Grabber.js"], resolve_2, reject_2); }).then(__importStar));
-                return new Grabber(container, engine);
-            });
-        });
-    }
-    __exportStar(require("./Options/Classes/Grab.js"), exports);
-    __exportStar(require("./Options/Classes/GrabLinks.js"), exports);
-});