@tsparticles/interaction-particles-links 3.0.0-alpha.0

package/umd/Options/Classes/LinksShadow.js

@@ -0,0 +1,35 @@
+(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.LinksShadow = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class LinksShadow {
+        constructor() {
+            this.blur = 5;
+            this.color = new engine_1.OptionsColor();
+            this.color.value = "#000";
+            this.enable = false;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.blur !== undefined) {
+                this.blur = data.blur;
+            }
+            this.color = engine_1.OptionsColor.create(this.color, data.color);
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+        }
+    }
+    exports.LinksShadow = LinksShadow;
+});

package/umd/Options/Classes/LinksTriangle.js

@@ -0,0 +1,38 @@
+(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.LinksTriangle = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class LinksTriangle {
+        constructor() {
+            this.enable = false;
+            this.frequency = 1;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.color !== undefined) {
+                this.color = engine_1.OptionsColor.create(this.color, data.color);
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+            if (data.frequency !== undefined) {
+                this.frequency = data.frequency;
+            }
+            if (data.opacity !== undefined) {
+                this.opacity = data.opacity;
+            }
+        }
+    }
+    exports.LinksTriangle = LinksTriangle;
+});

package/umd/Options/Classes/ParticlesLinkOptions.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/ILinks.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/ILinksShadow.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/ILinksTriangle.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/IParticlesLinkOptions.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/Utils.js

@@ -0,0 +1,92 @@
+(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.drawLinkTriangle = exports.drawLinkLine = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    function drawLinkLine(context, width, begin, end, maxDistance, canvasSize, warp, backgroundMask, composite, colorLine, opacity, shadow) {
+        let drawn = false;
+        if ((0, engine_1.getDistance)(begin, end) <= maxDistance) {
+            (0, engine_1.drawLine)(context, begin, end);
+            drawn = true;
+        }
+        else if (warp) {
+            let pi1;
+            let pi2;
+            const endNE = {
+                x: end.x - canvasSize.width,
+                y: end.y,
+            };
+            const d1 = (0, engine_1.getDistances)(begin, endNE);
+            if (d1.distance <= maxDistance) {
+                const yi = begin.y - (d1.dy / d1.dx) * begin.x;
+                pi1 = { x: 0, y: yi };
+                pi2 = { x: canvasSize.width, y: yi };
+            }
+            else {
+                const endSW = {
+                    x: end.x,
+                    y: end.y - canvasSize.height,
+                };
+                const d2 = (0, engine_1.getDistances)(begin, endSW);
+                if (d2.distance <= maxDistance) {
+                    const yi = begin.y - (d2.dy / d2.dx) * begin.x;
+                    const xi = -yi / (d2.dy / d2.dx);
+                    pi1 = { x: xi, y: 0 };
+                    pi2 = { x: xi, y: canvasSize.height };
+                }
+                else {
+                    const endSE = {
+                        x: end.x - canvasSize.width,
+                        y: end.y - canvasSize.height,
+                    };
+                    const d3 = (0, engine_1.getDistances)(begin, endSE);
+                    if (d3.distance <= maxDistance) {
+                        const yi = begin.y - (d3.dy / d3.dx) * begin.x;
+                        const xi = -yi / (d3.dy / d3.dx);
+                        pi1 = { x: xi, y: yi };
+                        pi2 = { x: pi1.x + canvasSize.width, y: pi1.y + canvasSize.height };
+                    }
+                }
+            }
+            if (pi1 && pi2) {
+                (0, engine_1.drawLine)(context, begin, pi1);
+                (0, engine_1.drawLine)(context, end, pi2);
+                drawn = true;
+            }
+        }
+        if (!drawn) {
+            return;
+        }
+        context.lineWidth = width;
+        if (backgroundMask) {
+            context.globalCompositeOperation = composite;
+        }
+        context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, opacity);
+        if (shadow.enable) {
+            const shadowColor = (0, engine_1.rangeColorToRgb)(shadow.color);
+            if (shadowColor) {
+                context.shadowBlur = shadow.blur;
+                context.shadowColor = (0, engine_1.getStyleFromRgb)(shadowColor);
+            }
+        }
+        context.stroke();
+    }
+    exports.drawLinkLine = drawLinkLine;
+    function drawLinkTriangle(context, pos1, pos2, pos3, backgroundMask, composite, colorTriangle, opacityTriangle) {
+        (0, engine_1.drawTriangle)(context, pos1, pos2, pos3);
+        if (backgroundMask) {
+            context.globalCompositeOperation = composite;
+        }
+        context.fillStyle = (0, engine_1.getStyleFromRgb)(colorTriangle, opacityTriangle);
+        context.fill();
+    }
+    exports.drawLinkTriangle = drawLinkTriangle;
+});

package/umd/index.js

@@ -0,0 +1,40 @@
+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", "./interaction", "./plugin", "./Options/Classes/Links", "./Options/Classes/LinksShadow", "./Options/Classes/LinksTriangle", "./Options/Interfaces/ILinks", "./Options/Interfaces/ILinksShadow", "./Options/Interfaces/ILinksTriangle"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadParticlesLinksInteraction = void 0;
+    const interaction_1 = require("./interaction");
+    const plugin_1 = require("./plugin");
+    async function loadParticlesLinksInteraction(engine) {
+        await (0, interaction_1.loadInteraction)(engine);
+        await (0, plugin_1.loadPlugin)(engine);
+    }
+    exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;
+    __exportStar(require("./Options/Classes/Links"), exports);
+    __exportStar(require("./Options/Classes/LinksShadow"), exports);
+    __exportStar(require("./Options/Classes/LinksTriangle"), exports);
+    __exportStar(require("./Options/Interfaces/ILinks"), exports);
+    __exportStar(require("./Options/Interfaces/ILinksShadow"), exports);
+    __exportStar(require("./Options/Interfaces/ILinksTriangle"), exports);
+});

package/umd/interaction.js

@@ -0,0 +1,18 @@
+(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", "./Linker"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadInteraction = void 0;
+    const Linker_1 = require("./Linker");
+    async function loadInteraction(engine) {
+        await engine.addInteractor("particlesLinks", (container) => new Linker_1.Linker(container));
+    }
+    exports.loadInteraction = loadInteraction;
+});

package/umd/plugin.js

@@ -0,0 +1,32 @@
+(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", "./LinkInstance"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadPlugin = void 0;
+    const LinkInstance_1 = require("./LinkInstance");
+    class LinksPlugin {
+        constructor() {
+            this.id = "links";
+        }
+        getPlugin(container) {
+            return new LinkInstance_1.LinkInstance(container);
+        }
+        loadOptions() {
+        }
+        needsPlugin() {
+            return true;
+        }
+    }
+    async function loadPlugin(engine) {
+        const plugin = new LinksPlugin();
+        await engine.addPlugin(plugin);
+    }
+    exports.loadPlugin = loadPlugin;
+});