@tsparticles/interaction-external-grab 3.0.0-alpha.0

package/tsparticles.interaction.external.grab.js

@@ -0,0 +1,258 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Grab": () => (/* reexport */ Grab),
+  "GrabLinks": () => (/* reexport */ GrabLinks),
+  "loadExternalGrabInteraction": () => (/* binding */ loadExternalGrabInteraction)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/GrabLinks.js
+
+class GrabLinks {
+  constructor() {
+    this.blink = false;
+    this.consent = false;
+    this.opacity = 1;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.blink !== undefined) {
+      this.blink = data.blink;
+    }
+    if (data.color !== undefined) {
+      this.color = engine_root_window_.OptionsColor.create(this.color, data.color);
+    }
+    if (data.consent !== undefined) {
+      this.consent = data.consent;
+    }
+    if (data.opacity !== undefined) {
+      this.opacity = data.opacity;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Grab.js
+
+class Grab {
+  constructor() {
+    this.distance = 100;
+    this.links = new GrabLinks();
+  }
+  get lineLinked() {
+    return this.links;
+  }
+  set lineLinked(value) {
+    this.links = value;
+  }
+  get line_linked() {
+    return this.links;
+  }
+  set line_linked(value) {
+    this.links = value;
+  }
+  load(data) {
+    var _a, _b;
+    if (!data) {
+      return;
+    }
+    if (data.distance !== undefined) {
+      this.distance = data.distance;
+    }
+    this.links.load((_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked);
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Grabber.js
+
+
+function drawGrabLine(context, width, begin, end, colorLine, opacity) {
+  (0,engine_root_window_.drawLine)(context, begin, end);
+  context.strokeStyle = (0,engine_root_window_.getStyleFromRgb)(colorLine, opacity);
+  context.lineWidth = width;
+  context.stroke();
+}
+function drawGrab(container, particle, lineColor, opacity, mousePos) {
+  container.canvas.draw(ctx => {
+    var _a;
+    const beginPos = particle.getPosition();
+    drawGrabLine(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : 0, beginPos, mousePos, lineColor, opacity);
+  });
+}
+class Grabber extends engine_root_window_.ExternalInteractorBase {
+  constructor(container) {
+    super(container);
+  }
+  clear() {}
+  init() {
+    const container = this.container,
+      grab = container.actualOptions.interactivity.modes.grab;
+    if (!grab) {
+      return;
+    }
+    container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
+  }
+  async interact() {
+    var _a, _b;
+    const container = this.container,
+      options = container.actualOptions,
+      interactivity = options.interactivity;
+    if (!interactivity.modes.grab || !interactivity.events.onHover.enable || container.interactivity.status !== engine_root_window_.mouseMoveEvent) {
+      return;
+    }
+    const mousePos = container.interactivity.mouse.position;
+    if (!mousePos) {
+      return;
+    }
+    const distance = container.retina.grabModeDistance;
+    if (!distance || distance < 0) {
+      return;
+    }
+    const query = container.particles.quadTree.queryCircle(mousePos, distance, p => this.isEnabled(p));
+    for (const particle of query) {
+      const pos = particle.getPosition(),
+        pointDistance = (0,engine_root_window_.getDistance)(pos, mousePos);
+      if (pointDistance > distance) {
+        continue;
+      }
+      const grabLineOptions = interactivity.modes.grab.links,
+        lineOpacity = grabLineOptions.opacity,
+        opacityLine = lineOpacity - pointDistance * lineOpacity / distance;
+      if (opacityLine <= 0) {
+        continue;
+      }
+      const optColor = (_a = grabLineOptions.color) !== null && _a !== void 0 ? _a : (_b = particle.options.links) === null || _b === void 0 ? void 0 : _b.color;
+      if (!container.particles.grabLineColor && optColor) {
+        const linksOptions = interactivity.modes.grab.links;
+        container.particles.grabLineColor = (0,engine_root_window_.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
+      }
+      const colorLine = (0,engine_root_window_.getLinkColor)(particle, undefined, container.particles.grabLineColor);
+      if (!colorLine) {
+        return;
+      }
+      drawGrab(container, particle, colorLine, opacityLine, mousePos);
+    }
+  }
+  isEnabled(particle) {
+    var _a;
+    const container = this.container,
+      mouse = container.interactivity.mouse,
+      events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity).events;
+    return events.onHover.enable && !!mouse.position && (0,engine_root_window_.isInArray)("grab", events.onHover.mode);
+  }
+  loadModeOptions(options, ...sources) {
+    if (!options.grab) {
+      options.grab = new Grab();
+    }
+    for (const source of sources) {
+      options.grab.load(source === null || source === void 0 ? void 0 : source.grab);
+    }
+  }
+  reset() {}
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadExternalGrabInteraction(engine) {
+  await engine.addInteractor("externalGrab", container => new Grabber(container));
+}
+
+
+
+
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

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

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.interaction.external.grab.min.js.LICENSE.txt */
+!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 i="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var n in i)("object"==typeof exports?exports:t)[n]=i[n]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},i={};function n(t){var o=i[t];if(void 0!==o)return o.exports;var r=i[t]={exports:{}};return e[t](r,r.exports,n),r.exports}n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},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 o={};return(()=>{n.r(o),n.d(o,{Grab:()=>i,GrabLinks:()=>e,loadExternalGrabInteraction:()=>a});var t=n(533);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 i{constructor(){this.distance=100,this.links=new e}get lineLinked(){return this.links}set lineLinked(t){this.links=t}get line_linked(){return this.links}set line_linked(t){this.links=t}load(t){var e,i;t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(null!==(i=null!==(e=t.links)&&void 0!==e?e:t.lineLinked)&&void 0!==i?i:t.line_linked))}}function r(e,i,n,o,r){e.canvas.draw((e=>{var s;const a=i.getPosition();!function(e,i,n,o,r,s){(0,t.drawLine)(e,n,o),e.strokeStyle=(0,t.getStyleFromRgb)(r,s),e.lineWidth=i,e.stroke()}(e,null!==(s=i.retina.linksWidth)&&void 0!==s?s:0,a,r,n,o)}))}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)}async interact(){var e,i;const n=this.container,o=n.actualOptions.interactivity;if(!o.modes.grab||!o.events.onHover.enable||n.interactivity.status!==t.mouseMoveEvent)return;const s=n.interactivity.mouse.position;if(!s)return;const a=n.retina.grabModeDistance;if(!a||a<0)return;const l=n.particles.quadTree.queryCircle(s,a,(t=>this.isEnabled(t)));for(const c of l){const l=c.getPosition(),d=(0,t.getDistance)(l,s);if(d>a)continue;const u=o.modes.grab.links,v=u.opacity,p=v-d*v/a;if(p<=0)continue;const b=null!==(e=u.color)&&void 0!==e?e:null===(i=c.options.links)||void 0===i?void 0:i.color;if(!n.particles.grabLineColor&&b){const e=o.modes.grab.links;n.particles.grabLineColor=(0,t.getLinkRandomColor)(b,e.blink,e.consent)}const f=(0,t.getLinkColor)(c,void 0,n.particles.grabLineColor);if(!f)return;r(n,c,f,p,s)}}isEnabled(e){var i;const n=this.container,o=n.interactivity.mouse,r=(null!==(i=null==e?void 0:e.interactivity)&&void 0!==i?i:n.actualOptions.interactivity).events;return r.onHover.enable&&!!o.position&&(0,t.isInArray)("grab",r.onHover.mode)}loadModeOptions(t,...e){t.grab||(t.grab=new i);for(const i of e)t.grab.load(null==i?void 0:i.grab)}reset(){}}async function a(t){await t.addInteractor("externalGrab",(t=>new s(t)))}})(),o})()));

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

@@ -0,0 +1,8 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v3.0.0-alpha.0
+ */

package/types/Grabber.d.ts

@@ -0,0 +1,13 @@
+import { ExternalInteractorBase } from "@tsparticles/engine";
+import type { GrabContainer, GrabMode, IGrabMode } from "./Types";
+import type { ICoordinates, IModes, IRgb, Modes, Particle, RecursivePartial } from "@tsparticles/engine";
+export declare function drawGrabLine(context: CanvasRenderingContext2D, width: number, begin: ICoordinates, end: ICoordinates, colorLine: IRgb, opacity: number): void;
+export declare class Grabber extends ExternalInteractorBase<GrabContainer> {
+    constructor(container: GrabContainer);
+    clear(): void;
+    init(): void;
+    interact(): Promise<void>;
+    isEnabled(particle?: Particle): boolean;
+    loadModeOptions(options: Modes & GrabMode, ...sources: RecursivePartial<(IModes & IGrabMode) | undefined>[]): void;
+    reset(): void;
+}

package/types/Options/Classes/Grab.d.ts

@@ -0,0 +1,13 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { GrabLinks } from "./GrabLinks";
+import type { IGrab } from "../Interfaces/IGrab";
+export declare class Grab implements IGrab, IOptionLoader<IGrab> {
+    distance: number;
+    links: GrabLinks;
+    constructor();
+    get lineLinked(): GrabLinks;
+    set lineLinked(value: GrabLinks);
+    get line_linked(): GrabLinks;
+    set line_linked(value: GrabLinks);
+    load(data?: RecursivePartial<IGrab>): void;
+}

package/types/Options/Classes/GrabLinks.d.ts

@@ -0,0 +1,11 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { IGrabLinks } from "../Interfaces/IGrabLinks";
+import { OptionsColor } from "@tsparticles/engine";
+export declare class GrabLinks implements IGrabLinks, IOptionLoader<IGrabLinks> {
+    blink: boolean;
+    color?: OptionsColor;
+    consent: boolean;
+    opacity: number;
+    constructor();
+    load(data?: RecursivePartial<IGrabLinks>): void;
+}

package/types/Options/Classes/GrabOptions.d.ts

@@ -0,0 +1,7 @@
+import type { GrabMode } from "../../Types";
+import type { Options } from "@tsparticles/engine";
+export type GrabOptions = Options & {
+    interactivity: {
+        modes: GrabMode;
+    };
+};

package/types/Options/Interfaces/IGrab.d.ts

@@ -0,0 +1,7 @@
+import type { IGrabLinks } from "./IGrabLinks";
+export interface IGrab {
+    distance: number;
+    lineLinked: IGrabLinks;
+    line_linked: IGrabLinks;
+    links: IGrabLinks;
+}

package/types/Options/Interfaces/IGrabLinks.d.ts

@@ -0,0 +1,7 @@
+import type { IOptionsColor } from "@tsparticles/engine";
+export interface IGrabLinks {
+    blink: boolean;
+    color?: string | IOptionsColor;
+    consent: boolean;
+    opacity: number;
+}

package/types/Types.d.ts

@@ -0,0 +1,19 @@
+import type { Container, IRgb } from "@tsparticles/engine";
+import type { Grab } from "./Options/Classes/Grab";
+import type { GrabOptions } from "./Options/Classes/GrabOptions";
+import type { IGrab } from "./Options/Interfaces/IGrab";
+export type IGrabMode = {
+    grab: IGrab;
+};
+export type GrabMode = {
+    grab?: Grab;
+};
+export type GrabContainer = Container & {
+    actualOptions: GrabOptions;
+    particles: {
+        grabLineColor?: IRgb | string;
+    };
+    retina: {
+        grabModeDistance?: number;
+    };
+};

package/types/index.d.ts

@@ -0,0 +1,6 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadExternalGrabInteraction(engine: Engine): Promise<void>;
+export * from "./Options/Classes/Grab";
+export * from "./Options/Classes/GrabLinks";
+export * from "./Options/Interfaces/IGrab";
+export * from "./Options/Interfaces/IGrabLinks";

package/umd/Grabber.js

@@ -0,0 +1,97 @@
+(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", "./Options/Classes/Grab"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Grabber = exports.drawGrabLine = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Grab_1 = require("./Options/Classes/Grab");
+    function drawGrabLine(context, width, begin, end, colorLine, opacity) {
+        (0, engine_1.drawLine)(context, begin, end);
+        context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, opacity);
+        context.lineWidth = width;
+        context.stroke();
+    }
+    exports.drawGrabLine = drawGrabLine;
+    function drawGrab(container, particle, lineColor, opacity, mousePos) {
+        container.canvas.draw((ctx) => {
+            var _a;
+            const beginPos = particle.getPosition();
+            drawGrabLine(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : 0, beginPos, mousePos, lineColor, opacity);
+        });
+    }
+    class Grabber extends engine_1.ExternalInteractorBase {
+        constructor(container) {
+            super(container);
+        }
+        clear() {
+        }
+        init() {
+            const container = this.container, grab = container.actualOptions.interactivity.modes.grab;
+            if (!grab) {
+                return;
+            }
+            container.retina.grabModeDistance = grab.distance * container.retina.pixelRatio;
+        }
+        async interact() {
+            var _a, _b;
+            const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
+            if (!interactivity.modes.grab ||
+                !interactivity.events.onHover.enable ||
+                container.interactivity.status !== engine_1.mouseMoveEvent) {
+                return;
+            }
+            const mousePos = container.interactivity.mouse.position;
+            if (!mousePos) {
+                return;
+            }
+            const distance = container.retina.grabModeDistance;
+            if (!distance || distance < 0) {
+                return;
+            }
+            const query = container.particles.quadTree.queryCircle(mousePos, distance, (p) => this.isEnabled(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 <= 0) {
+                    continue;
+                }
+                const optColor = (_a = grabLineOptions.color) !== null && _a !== void 0 ? _a : (_b = particle.options.links) === null || _b === void 0 ? void 0 : _b.color;
+                if (!container.particles.grabLineColor && optColor) {
+                    const linksOptions = interactivity.modes.grab.links;
+                    container.particles.grabLineColor = (0, engine_1.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
+                }
+                const colorLine = (0, engine_1.getLinkColor)(particle, undefined, container.particles.grabLineColor);
+                if (!colorLine) {
+                    return;
+                }
+                drawGrab(container, particle, colorLine, opacityLine, mousePos);
+            }
+        }
+        isEnabled(particle) {
+            var _a;
+            const container = this.container, mouse = container.interactivity.mouse, events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity).events;
+            return events.onHover.enable && !!mouse.position && (0, engine_1.isInArray)("grab", events.onHover.mode);
+        }
+        loadModeOptions(options, ...sources) {
+            if (!options.grab) {
+                options.grab = new Grab_1.Grab();
+            }
+            for (const source of sources) {
+                options.grab.load(source === null || source === void 0 ? void 0 : source.grab);
+            }
+        }
+        reset() {
+        }
+    }
+    exports.Grabber = Grabber;
+});

package/umd/Options/Classes/Grab.js

@@ -0,0 +1,43 @@
+(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", "./GrabLinks"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Grab = void 0;
+    const GrabLinks_1 = require("./GrabLinks");
+    class Grab {
+        constructor() {
+            this.distance = 100;
+            this.links = new GrabLinks_1.GrabLinks();
+        }
+        get lineLinked() {
+            return this.links;
+        }
+        set lineLinked(value) {
+            this.links = value;
+        }
+        get line_linked() {
+            return this.links;
+        }
+        set line_linked(value) {
+            this.links = value;
+        }
+        load(data) {
+            var _a, _b;
+            if (!data) {
+                return;
+            }
+            if (data.distance !== undefined) {
+                this.distance = data.distance;
+            }
+            this.links.load((_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked);
+        }
+    }
+    exports.Grab = Grab;
+});

package/umd/Options/Classes/GrabLinks.js

@@ -0,0 +1,39 @@
+(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 {
+        constructor() {
+            this.blink = false;
+            this.consent = false;
+            this.opacity = 1;
+        }
+        load(data) {
+            if (!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

@@ -0,0 +1,12 @@
+(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

@@ -0,0 +1,12 @@
+(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

@@ -0,0 +1,12 @@
+(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

@@ -0,0 +1,12 @@
+(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/index.js

@@ -0,0 +1,36 @@
+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 __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", "./Grabber", "./Options/Classes/Grab", "./Options/Classes/GrabLinks", "./Options/Interfaces/IGrab", "./Options/Interfaces/IGrabLinks"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadExternalGrabInteraction = void 0;
+    const Grabber_1 = require("./Grabber");
+    async function loadExternalGrabInteraction(engine) {
+        await engine.addInteractor("externalGrab", (container) => new Grabber_1.Grabber(container));
+    }
+    exports.loadExternalGrabInteraction = loadExternalGrabInteraction;
+    __exportStar(require("./Options/Classes/Grab"), exports);
+    __exportStar(require("./Options/Classes/GrabLinks"), exports);
+    __exportStar(require("./Options/Interfaces/IGrab"), exports);
+    __exportStar(require("./Options/Interfaces/IGrabLinks"), exports);
+});