@tsparticles/interaction-particles-links 3.9.1 → 4.0.0-alpha.1

package/umd/CircleWarp.js

@@ -33,11 +33,11 @@
                 x: range.position.x - this.canvasSize.width,
                 y: range.position.y - this.canvasSize.height,
             };
-            if (circle.radius !== undefined) {
+            if (Object.hasOwn(circle, "radius")) {
                 const biggerCircle = new engine_1.Circle(newPos.x, newPos.y, circle.radius * double);
                 return super.intersects(biggerCircle);
             }
-            else if (rect.size !== undefined) {
+            else if (Object.hasOwn(rect, "size")) {
                 const rectSW = new engine_1.Rectangle(newPos.x, newPos.y, rect.size.width * double, rect.size.height * double);
                 return super.intersects(rectSW);
             }

package/umd/LinkInstance.js

@@ -20,11 +20,11 @@
                 if (!p1LinksOptions?.enable) {
                     return;
                 }
-                const container = this._container, options = container.actualOptions, p2 = link.destination, pos1 = p1.getPosition(), pos2 = p2.getPosition();
+                const container = this._container, p2 = link.destination, pos1 = p1.getPosition(), pos2 = p2.getPosition();
                 let opacity = link.opacity;
                 container.canvas.draw(ctx => {
                     let colorLine;
-                    const twinkle = p1.options.twinkle?.lines;
+                    const twinkle = p1.options["twinkle"]?.lines;
                     if (twinkle?.enable) {
                         const twinkleFreq = twinkle.frequency, twinkleRgb = (0, engine_1.rangeColorToRgb)(this._engine, twinkle.color), twinkling = (0, engine_1.getRandom)() < twinkleFreq;
                         if (twinkling && twinkleRgb) {
@@ -41,7 +41,7 @@
                     if (!colorLine) {
                         return;
                     }
-                    const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance, { backgroundMask } = options;
+                    const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance;
                     (0, Utils_js_1.drawLinkLine)({
                         context: ctx,
                         width,
@@ -51,9 +51,9 @@
                         maxDistance,
                         canvasSize: container.canvas.size,
                         links: p1LinksOptions,
-                        backgroundMask: backgroundMask,
                         colorLine,
                         opacity,
+                        hdr: container.hdr,
                     });
                 });
             };
@@ -66,7 +66,7 @@
                 if (!triangleOptions.enable) {
                     return;
                 }
-                const container = this._container, options = container.actualOptions, p2 = link1.destination, p3 = link2.destination, opacityTriangle = triangleOptions.opacity ?? (link1.opacity + link2.opacity) * half;
+                const container = this._container, p2 = link1.destination, p3 = link2.destination, opacityTriangle = triangleOptions.opacity ?? (link1.opacity + link2.opacity) * half;
                 if (opacityTriangle <= minOpacity) {
                     return;
                 }
@@ -92,9 +92,9 @@
                         pos1,
                         pos2,
                         pos3,
-                        backgroundMask: options.backgroundMask,
                         colorTriangle,
                         opacityTriangle,
+                        hdr: container.hdr,
                     });
                 });
             };
@@ -133,7 +133,7 @@
                 triangles: new Map(),
             };
         }
-        drawParticle(context, particle) {
+        drawParticle(_context, particle) {
             const { links, options } = particle;
             if (!links?.length) {
                 return;

package/umd/Linker.js

@@ -38,7 +38,7 @@
                 if (!p1.options.links) {
                     return;
                 }
-                const container = this._linkContainer, linksOptions = p1.options.links;
+                const container = this.container, linksOptions = p1.options.links;
                 let linkColor = linksOptions.id === undefined
                     ? container.particles.linksColor
                     : container.particles.linksColors.get(linksOptions.id);
@@ -54,14 +54,13 @@
                     container.particles.linksColors.set(linksOptions.id, linkColor);
                 }
             };
-            this._linkContainer = container;
             this._engine = engine;
         }
         clear() {
         }
         init() {
-            this._linkContainer.particles.linksColor = undefined;
-            this._linkContainer.particles.linksColors = new Map();
+            this.container.particles.linksColor = undefined;
+            this.container.particles.linksColors = new Map();
         }
         interact(p1) {
             if (!p1.options.links) {
@@ -113,9 +112,7 @@
             return !!particle.options.links?.enable;
         }
         loadParticlesOptions(options, ...sources) {
-            if (!options.links) {
-                options.links = new Links_js_1.Links();
-            }
+            options.links ??= new Links_js_1.Links();
             for (const source of sources) {
                 options.links.load(source?.links);
             }

package/umd/Utils.js

@@ -24,7 +24,7 @@
     }
     function drawLinkLine(params) {
         let drawn = false;
-        const { begin, end, engine, maxDistance, context, canvasSize, width, backgroundMask, colorLine, opacity, links } = params;
+        const { begin, end, engine, maxDistance, context, canvasSize, width, colorLine, opacity, links, hdr } = params;
         if ((0, engine_1.getDistance)(begin, end) <= maxDistance) {
             (0, engine_1.drawLine)(context, begin, end);
             drawn = true;
@@ -78,27 +78,21 @@
             return;
         }
         context.lineWidth = width;
-        if (backgroundMask.enable) {
-            context.globalCompositeOperation = backgroundMask.composite;
-        }
-        context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, opacity);
+        context.strokeStyle = (0, engine_1.getStyleFromRgb)(colorLine, hdr, opacity);
         const { shadow } = links;
         if (shadow.enable) {
             const shadowColor = (0, engine_1.rangeColorToRgb)(engine, shadow.color);
             if (shadowColor) {
                 context.shadowBlur = shadow.blur;
-                context.shadowColor = (0, engine_1.getStyleFromRgb)(shadowColor);
+                context.shadowColor = (0, engine_1.getStyleFromRgb)(shadowColor, hdr);
             }
         }
         context.stroke();
     }
     function drawLinkTriangle(params) {
-        const { context, pos1, pos2, pos3, backgroundMask, colorTriangle, opacityTriangle } = params;
+        const { context, hdr, pos1, pos2, pos3, colorTriangle, opacityTriangle } = params;
         drawTriangle(context, pos1, pos2, pos3);
-        if (backgroundMask.enable) {
-            context.globalCompositeOperation = backgroundMask.composite;
-        }
-        context.fillStyle = (0, engine_1.getStyleFromRgb)(colorTriangle, opacityTriangle);
+        context.fillStyle = (0, engine_1.getStyleFromRgb)(colorTriangle, hdr, opacityTriangle);
         context.fill();
     }
     function getLinkKey(ids) {

package/umd/index.js

@@ -9,6 +9,28 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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);
 };
@@ -18,23 +40,22 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./interaction.js", "./plugin.js", "./Options/Classes/Links.js", "./Options/Classes/LinksShadow.js", "./Options/Classes/LinksTriangle.js", "./Options/Interfaces/ILinks.js", "./Options/Interfaces/ILinksShadow.js", "./Options/Interfaces/ILinksTriangle.js"], factory);
+        define(["require", "exports", "./Options/Classes/Links.js", "./Options/Classes/LinksShadow.js", "./Options/Classes/LinksTriangle.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;
-    const interaction_js_1 = require("./interaction.js");
-    const plugin_js_1 = require("./plugin.js");
-    async function loadParticlesLinksInteraction(engine, refresh = true) {
-        engine.checkVersion("3.9.1");
-        await (0, interaction_js_1.loadLinksInteraction)(engine, refresh);
-        await (0, plugin_js_1.loadLinksPlugin)(engine, refresh);
+    function loadParticlesLinksInteraction(engine) {
+        engine.checkVersion("4.0.0-alpha.1");
+        engine.register(async (e) => {
+            const { loadLinksInteraction } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./interaction.js"))) : new Promise((resolve_1, reject_1) => { require(["./interaction.js"], resolve_1, reject_1); }).then(__importStar)), { loadLinksPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./plugin.js"))) : new Promise((resolve_2, reject_2) => { require(["./plugin.js"], resolve_2, reject_2); }).then(__importStar));
+            loadLinksInteraction(e);
+            loadLinksPlugin(e);
+        });
     }
     __exportStar(require("./Options/Classes/Links.js"), exports);
     __exportStar(require("./Options/Classes/LinksShadow.js"), exports);
     __exportStar(require("./Options/Classes/LinksTriangle.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILinks.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILinksShadow.js"), exports);
-    __exportStar(require("./Options/Interfaces/ILinksTriangle.js"), exports);
 });

package/umd/interaction.js

@@ -1,19 +1,55 @@
+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;
+    };
+})();
 (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.js"], factory);
+        define(["require", "exports"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadLinksInteraction = loadLinksInteraction;
-    const Linker_js_1 = require("./Linker.js");
-    async function loadLinksInteraction(engine, refresh = true) {
-        await engine.addInteractor("particlesLinks", async (container) => {
-            return Promise.resolve(new Linker_js_1.Linker(container, engine));
-        }, refresh);
+    function loadLinksInteraction(engine) {
+        engine.register(e => {
+            e.addInteractor("particlesLinks", async (container) => {
+                const { Linker } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Linker.js"))) : new Promise((resolve_1, reject_1) => { require(["./Linker.js"], resolve_1, reject_1); }).then(__importStar));
+                return new Linker(container, engine);
+            });
+        });
     }
 });

package/umd/plugin.js

@@ -1,18 +1,53 @@
+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;
+    };
+})();
 (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", "./LinksPlugin.js"], factory);
+        define(["require", "exports"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadLinksPlugin = loadLinksPlugin;
-    const LinksPlugin_js_1 = require("./LinksPlugin.js");
-    async function loadLinksPlugin(engine, refresh = true) {
-        const plugin = new LinksPlugin_js_1.LinksPlugin(engine);
-        await engine.addPlugin(plugin, refresh);
+    function loadLinksPlugin(engine) {
+        engine.register(async (e) => {
+            const { LinksPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./LinksPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./LinksPlugin.js"], resolve_1, reject_1); }).then(__importStar));
+            e.addPlugin(new LinksPlugin(e));
+        });
     }
 });