@tsparticles/interaction-external-attract 3.0.3 → 3.2.0

package/umd/Attractor.js

@@ -1,3 +1,26 @@
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
@@ -8,6 +31,7 @@
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Attractor = void 0;
     const engine_1 = require("@tsparticles/engine");
@@ -16,54 +40,6 @@
     class Attractor extends engine_1.ExternalInteractorBase {
         constructor(engine, container) {
             super(container);
-            this._clickAttract = () => {
-                const container = this.container;
-                if (!container.attract) {
-                    container.attract = { particles: [] };
-                }
-                const { attract } = container;
-                if (!attract.finish) {
-                    if (!attract.count) {
-                        attract.count = 0;
-                    }
-                    attract.count++;
-                    if (attract.count === container.particles.count) {
-                        attract.finish = true;
-                    }
-                }
-                if (attract.clicking) {
-                    const mousePos = container.interactivity.mouse.clickPosition, attractRadius = container.retina.attractModeDistance;
-                    if (!attractRadius || attractRadius < 0 || !mousePos) {
-                        return;
-                    }
-                    this._processAttract(mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius));
-                }
-                else if (attract.clicking === false) {
-                    attract.particles = [];
-                }
-                return;
-            };
-            this._hoverAttract = () => {
-                const container = this.container, mousePos = container.interactivity.mouse.position, attractRadius = container.retina.attractModeDistance;
-                if (!attractRadius || attractRadius < 0 || !mousePos) {
-                    return;
-                }
-                this._processAttract(mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius));
-            };
-            this._processAttract = (position, attractRadius, area) => {
-                const container = this.container, attractOptions = container.actualOptions.interactivity.modes.attract;
-                if (!attractOptions) {
-                    return;
-                }
-                const query = container.particles.quadTree.query(area, (p) => this.isEnabled(p));
-                for (const particle of query) {
-                    const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position);
-                    const velocity = attractOptions.speed * attractOptions.factor;
-                    const attractFactor = (0, engine_1.clamp)((0, engine_1.getEasing)(attractOptions.easing)(1 - distance / attractRadius) * velocity, 0, attractOptions.maxSpeed);
-                    const normVec = engine_1.Vector.create(distance === 0 ? velocity : (dx / distance) * attractFactor, distance === 0 ? velocity : (dy / distance) * attractFactor);
-                    particle.position.subFrom(normVec);
-                }
-            };
             this._engine = engine;
             if (!container.attract) {
                 container.attract = { particles: [] };
@@ -94,7 +70,7 @@
                         container.attract = { particles: [] };
                     }
                     container.attract.clicking = false;
-                }, attract.duration * 1000);
+                }, attract.duration * engine_1.millisecondsToSeconds);
             };
         }
         clear() {
@@ -107,12 +83,14 @@
             container.retina.attractModeDistance = attract.distance * container.retina.pixelRatio;
         }
         async interact() {
-            const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode;
+            const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, events = options.interactivity.events, { enable: hoverEnabled, mode: hoverMode } = events.onHover, { enable: clickEnabled, mode: clickMode } = events.onClick;
             if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)(attractMode, hoverMode)) {
-                this._hoverAttract();
+                const { hoverAttract } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Utils.js"))) : new Promise((resolve_1, reject_1) => { require(["./Utils.js"], resolve_1, reject_1); }).then(__importStar));
+                hoverAttract(this.container, (p) => this.isEnabled(p));
             }
             else if (clickEnabled && (0, engine_1.isInArray)(attractMode, clickMode)) {
-                this._clickAttract();
+                const { clickAttract } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Utils.js"))) : new Promise((resolve_2, reject_2) => { require(["./Utils.js"], resolve_2, reject_2); }).then(__importStar));
+                clickAttract(this.container, (p) => this.isEnabled(p));
             }
         }
         isEnabled(particle) {

package/umd/Utils.js

@@ -0,0 +1,60 @@
+(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.hoverAttract = exports.clickAttract = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const minFactor = 1, identity = 1, minRadius = 0;
+    function processAttract(container, position, attractRadius, area, queryCb) {
+        const attractOptions = container.actualOptions.interactivity.modes.attract;
+        if (!attractOptions) {
+            return;
+        }
+        const query = container.particles.quadTree.query(area, queryCb);
+        for (const particle of query) {
+            const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position), velocity = attractOptions.speed * attractOptions.factor, attractFactor = (0, engine_1.clamp)((0, engine_1.getEasing)(attractOptions.easing)(identity - distance / attractRadius) * velocity, minFactor, attractOptions.maxSpeed), normVec = engine_1.Vector.create(!distance ? velocity : (dx / distance) * attractFactor, !distance ? velocity : (dy / distance) * attractFactor);
+            particle.position.subFrom(normVec);
+        }
+    }
+    function clickAttract(container, enabledCb) {
+        if (!container.attract) {
+            container.attract = { particles: [] };
+        }
+        const { attract } = container;
+        if (!attract.finish) {
+            if (!attract.count) {
+                attract.count = 0;
+            }
+            attract.count++;
+            if (attract.count === container.particles.count) {
+                attract.finish = true;
+            }
+        }
+        if (attract.clicking) {
+            const mousePos = container.interactivity.mouse.clickPosition, attractRadius = container.retina.attractModeDistance;
+            if (!attractRadius || attractRadius < minRadius || !mousePos) {
+                return;
+            }
+            processAttract(container, mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
+        }
+        else if (attract.clicking === false) {
+            attract.particles = [];
+        }
+    }
+    exports.clickAttract = clickAttract;
+    function hoverAttract(container, enabledCb) {
+        const mousePos = container.interactivity.mouse.position, attractRadius = container.retina.attractModeDistance;
+        if (!attractRadius || attractRadius < minRadius || !mousePos) {
+            return;
+        }
+        processAttract(container, mousePos, attractRadius, new engine_1.Circle(mousePos.x, mousePos.y, attractRadius), (p) => enabledCb(p));
+    }
+    exports.hoverAttract = hoverAttract;
+});

package/umd/index.js

@@ -9,6 +9,18 @@ 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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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,15 +30,18 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Attractor.js", "./Options/Classes/Attract.js", "./Options/Interfaces/IAttract.js"], factory);
+        define(["require", "exports", "./Options/Classes/Attract.js", "./Options/Interfaces/IAttract.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadExternalAttractInteraction = void 0;
-    const Attractor_js_1 = require("./Attractor.js");
     async function loadExternalAttractInteraction(engine, refresh = true) {
-        await engine.addInteractor("externalAttract", (container) => new Attractor_js_1.Attractor(engine, container), refresh);
+        await engine.addInteractor("externalAttract", async (container) => {
+            const { Attractor } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Attractor.js"))) : new Promise((resolve_1, reject_1) => { require(["./Attractor.js"], resolve_1, reject_1); }).then(__importStar));
+            return new Attractor(engine, container);
+        }, refresh);
     }
     exports.loadExternalAttractInteraction = loadExternalAttractInteraction;
     __exportStar(require("./Options/Classes/Attract.js"), exports);