tsparticles 1.42.3 → 1.43.1

package/umd/Interactions/External/Bounce/Bouncer.js

@@ -4,15 +4,19 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Core", "../../../Utils"], factory);
+        define(["require", "exports", "../../../Utils/Utils", "../../../Core/Utils/Circle", "../../../Core/Utils/Constants", "../../../Core/Utils/ExternalInteractorBase", "../../../Core/Utils/Rectangle", "../../../Core/Utils/Vector"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Bouncer = void 0;
-    const Core_1 = require("../../../Core");
-    const Utils_1 = require("../../../Utils");
-    class Bouncer extends Core_1.ExternalInteractorBase {
+    const Utils_1 = require("../../../Utils/Utils");
+    const Circle_1 = require("../../../Core/Utils/Circle");
+    const Constants_1 = require("../../../Core/Utils/Constants");
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const Rectangle_1 = require("../../../Core/Utils/Rectangle");
+    const Vector_1 = require("../../../Core/Utils/Vector");
+    class Bouncer extends ExternalInteractorBase_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
         }
@@ -22,7 +26,7 @@
                 (0, Utils_1.isDivModeEnabled)("bounce", divs));
         }
         async interact() {
-            const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === Core_1.Constants.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
+            const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === Constants_1.Constants.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
             if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)("bounce", hoverMode)) {
                 this.processMouseBounce();
             }
@@ -35,12 +39,11 @@
         processMouseBounce() {
             const container = this.container, pxRatio = container.retina.pixelRatio, tolerance = 10 * pxRatio, mousePos = container.interactivity.mouse.position, radius = container.retina.bounceModeDistance;
             if (mousePos) {
-                this.processBounce(mousePos, radius, new Core_1.Circle(mousePos.x, mousePos.y, radius + tolerance));
+                this.processBounce(mousePos, radius, new Circle_1.Circle(mousePos.x, mousePos.y, radius + tolerance));
             }
         }
         singleSelectorBounce(selector, div) {
-            const container = this.container;
-            const query = document.querySelectorAll(selector);
+            const container = this.container, query = document.querySelectorAll(selector);
             if (!query.length) {
                 return;
             }
@@ -48,26 +51,25 @@
                 const elem = item, pxRatio = container.retina.pixelRatio, pos = {
                     x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                     y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
-                }, radius = (elem.offsetWidth / 2) * pxRatio, tolerance = 10 * pxRatio;
-                const area = div.type === "circle"
-                    ? new Core_1.Circle(pos.x, pos.y, radius + tolerance)
-                    : new Core_1.Rectangle(elem.offsetLeft * pxRatio - tolerance, elem.offsetTop * pxRatio - tolerance, elem.offsetWidth * pxRatio + tolerance * 2, elem.offsetHeight * pxRatio + tolerance * 2);
+                }, radius = (elem.offsetWidth / 2) * pxRatio, tolerance = 10 * pxRatio, area = div.type === "circle"
+                    ? new Circle_1.Circle(pos.x, pos.y, radius + tolerance)
+                    : new Rectangle_1.Rectangle(elem.offsetLeft * pxRatio - tolerance, elem.offsetTop * pxRatio - tolerance, elem.offsetWidth * pxRatio + tolerance * 2, elem.offsetHeight * pxRatio + tolerance * 2);
                 this.processBounce(pos, radius, area);
             });
         }
         processBounce(position, radius, area) {
             const query = this.container.particles.quadTree.query(area);
             for (const particle of query) {
-                if (area instanceof Core_1.Circle) {
+                if (area instanceof Circle_1.Circle) {
                     (0, Utils_1.circleBounce)((0, Utils_1.circleBounceDataFromParticle)(particle), {
                         position,
                         radius,
                         mass: (radius ** 2 * Math.PI) / 2,
-                        velocity: Core_1.Vector.origin,
-                        factor: Core_1.Vector.origin,
+                        velocity: Vector_1.Vector.origin,
+                        factor: Vector_1.Vector.origin,
                     });
                 }
-                else if (area instanceof Core_1.Rectangle) {
+                else if (area instanceof Rectangle_1.Rectangle) {
                     (0, Utils_1.rectBounce)(particle, (0, Utils_1.calculateBounds)(position, radius));
                 }
             }

package/umd/Interactions/External/Bubble/Bubbler.js

@@ -4,27 +4,44 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Core", "../../../Utils"], factory);
+        define(["require", "exports", "../../../Utils/NumberUtils", "../../../Utils/ColorUtils", "../../../Utils/Utils", "../../../Core/Utils/Circle", "../../../Core/Utils/Constants", "../../../Core/Utils/ExternalInteractorBase", "../../../Core/Utils/Rectangle"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Bubbler = void 0;
-    const Core_1 = require("../../../Core");
-    const Utils_1 = require("../../../Utils");
+    const NumberUtils_1 = require("../../../Utils/NumberUtils");
+    const ColorUtils_1 = require("../../../Utils/ColorUtils");
+    const Utils_1 = require("../../../Utils/Utils");
+    const Circle_1 = require("../../../Core/Utils/Circle");
+    const Constants_1 = require("../../../Core/Utils/Constants");
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const Rectangle_1 = require("../../../Core/Utils/Rectangle");
     function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
         if (modeValue >= optionsValue) {
             const value = particleValue + (modeValue - optionsValue) * ratio;
-            return (0, Utils_1.clamp)(value, particleValue, modeValue);
+            return (0, NumberUtils_1.clamp)(value, particleValue, modeValue);
         }
         else if (modeValue < optionsValue) {
             const value = particleValue - (optionsValue - modeValue) * ratio;
-            return (0, Utils_1.clamp)(value, modeValue, particleValue);
+            return (0, NumberUtils_1.clamp)(value, modeValue, particleValue);
         }
     }
-    class Bubbler extends Core_1.ExternalInteractorBase {
+    class Bubbler extends ExternalInteractorBase_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
+            if (!container.bubble) {
+                container.bubble = {};
+            }
+            this.handleClickMode = (mode) => {
+                if (mode !== "bubble") {
+                    return;
+                }
+                if (!container.bubble) {
+                    container.bubble = {};
+                }
+                container.bubble.clicking = true;
+            };
         }
         isEnabled() {
             const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divBubble = (0, Utils_1.isDivModeEnabled)("bubble", divs);
@@ -66,8 +83,8 @@
                     x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                     y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
                 }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === "circle"
-                    ? new Core_1.Circle(pos.x, pos.y, repulseRadius)
-                    : new Core_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), query = container.particles.quadTree.query(area);
+                    ? new Circle_1.Circle(pos.x, pos.y, repulseRadius)
+                    : new Rectangle_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), query = container.particles.quadTree.query(area);
                 for (const particle of query) {
                     if (!area.contains(particle.getPosition())) {
                         continue;
@@ -94,6 +111,9 @@
             if (bubbleParam === particlesParam) {
                 return;
             }
+            if (!container.bubble) {
+                container.bubble = {};
+            }
             if (!container.bubble.durationEnd) {
                 if (distMouse <= bubbleDistance) {
                     const obj = pObjBubble !== null && pObjBubble !== void 0 ? pObjBubble : pObj;
@@ -131,13 +151,16 @@
             if (!mouseClickPos) {
                 return;
             }
+            if (!container.bubble) {
+                container.bubble = {};
+            }
             const distance = container.retina.bubbleModeDistance, query = container.particles.quadTree.queryCircle(mouseClickPos, distance);
             for (const particle of query) {
                 if (!container.bubble.clicking) {
                     continue;
                 }
                 particle.bubble.inRange = !container.bubble.durationEnd;
-                const pos = particle.getPosition(), distMouse = (0, Utils_1.getDistance)(pos, mouseClickPos), timeSpent = (new Date().getTime() - (container.interactivity.mouse.clickTime || 0)) / 1000;
+                const pos = particle.getPosition(), distMouse = (0, NumberUtils_1.getDistance)(pos, mouseClickPos), timeSpent = (new Date().getTime() - (container.interactivity.mouse.clickTime || 0)) / 1000;
                 if (timeSpent > options.interactivity.modes.bubble.duration) {
                     container.bubble.durationEnd = true;
                 }
@@ -151,7 +174,7 @@
                         value: particle.bubble.radius,
                     },
                     particlesObj: {
-                        optValue: (0, Utils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio,
+                        optValue: (0, NumberUtils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio,
                         value: particle.size.value,
                     },
                     type: "size",
@@ -163,7 +186,7 @@
                         value: particle.bubble.opacity,
                     },
                     particlesObj: {
-                        optValue: (0, Utils_1.getRangeMax)(particle.options.opacity.value),
+                        optValue: (0, NumberUtils_1.getRangeMax)(particle.options.opacity.value),
                         value: (_b = (_a = particle.opacity) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 1,
                     },
                     type: "opacity",
@@ -190,9 +213,9 @@
             const distance = container.retina.bubbleModeDistance, query = container.particles.quadTree.queryCircle(mousePos, distance);
             for (const particle of query) {
                 particle.bubble.inRange = true;
-                const pos = particle.getPosition(), pointDistance = (0, Utils_1.getDistance)(pos, mousePos), ratio = 1 - pointDistance / distance;
+                const pos = particle.getPosition(), pointDistance = (0, NumberUtils_1.getDistance)(pos, mousePos), ratio = 1 - pointDistance / distance;
                 if (pointDistance <= distance) {
-                    if (ratio >= 0 && container.interactivity.status === Core_1.Constants.mouseMoveEvent) {
+                    if (ratio >= 0 && container.interactivity.status === Constants_1.Constants.mouseMoveEvent) {
                         this.hoverBubbleSize(particle, ratio);
                         this.hoverBubbleOpacity(particle, ratio);
                         this.hoverBubbleColor(particle, ratio);
@@ -201,7 +224,7 @@
                 else {
                     this.reset(particle);
                 }
-                if (container.interactivity.status === Core_1.Constants.mouseLeaveEvent) {
+                if (container.interactivity.status === Constants_1.Constants.mouseLeaveEvent) {
                     this.reset(particle);
                 }
             }
@@ -211,7 +234,7 @@
             if (modeSize === undefined) {
                 return;
             }
-            const optSize = (0, Utils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio;
+            const optSize = (0, NumberUtils_1.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio;
             const pSize = particle.size.value;
             const size = calculateBubbleValue(pSize, modeSize, optSize, ratio);
             if (size !== undefined) {
@@ -226,7 +249,7 @@
             }
             const optOpacity = particle.options.opacity.value;
             const pOpacity = (_c = (_b = particle.opacity) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 1;
-            const opacity = calculateBubbleValue(pOpacity, modeOpacity, (0, Utils_1.getRangeMax)(optOpacity), ratio);
+            const opacity = calculateBubbleValue(pOpacity, modeOpacity, (0, NumberUtils_1.getRangeMax)(optOpacity), ratio);
             if (opacity !== undefined) {
                 particle.bubble.opacity = opacity;
             }
@@ -240,7 +263,7 @@
                     return;
                 }
                 const bubbleColor = modeColor instanceof Array ? (0, Utils_1.itemFromArray)(modeColor) : modeColor;
-                particle.bubble.finalColor = (0, Utils_1.colorToHsl)(bubbleColor);
+                particle.bubble.finalColor = (0, ColorUtils_1.colorToHsl)(bubbleColor);
             }
             if (!particle.bubble.finalColor) {
                 return;
@@ -249,7 +272,7 @@
                 particle.bubble.color = undefined;
                 const pColor = particle.getFillColor();
                 particle.bubble.color = pColor
-                    ? (0, Utils_1.rgbToHsl)((0, Utils_1.colorMix)(pColor, particle.bubble.finalColor, 1 - ratio, ratio))
+                    ? (0, ColorUtils_1.rgbToHsl)((0, ColorUtils_1.colorMix)(pColor, particle.bubble.finalColor, 1 - ratio, ratio))
                     : particle.bubble.finalColor;
             }
             else {

package/umd/Interactions/External/Connect/Connector.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Core", "../../../Utils"], factory);
+        define(["require", "exports", "../../../Core/Utils/ExternalInteractorBase", "../../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Connector = void 0;
-    const Core_1 = require("../../../Core");
-    const Utils_1 = require("../../../Utils");
-    class Connector extends Core_1.ExternalInteractorBase {
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const Utils_1 = require("../../../Utils/Utils");
+    class Connector extends ExternalInteractorBase_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
         }

package/umd/Interactions/External/Grab/Grabber.js

@@ -4,15 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Core", "../../../Utils"], factory);
+        define(["require", "exports", "../../../Utils/ColorUtils", "../../../Core/Utils/Constants", "../../../Core/Utils/ExternalInteractorBase", "../../../Utils/NumberUtils", "../../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Grabber = void 0;
-    const Core_1 = require("../../../Core");
-    const Utils_1 = require("../../../Utils");
-    class Grabber extends Core_1.ExternalInteractorBase {
+    const ColorUtils_1 = require("../../../Utils/ColorUtils");
+    const Constants_1 = require("../../../Core/Utils/Constants");
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const NumberUtils_1 = require("../../../Utils/NumberUtils");
+    const Utils_1 = require("../../../Utils/Utils");
+    class Grabber extends ExternalInteractorBase_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
         }
@@ -25,31 +28,33 @@
         async interact() {
             var _a;
             const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
-            if (interactivity.events.onHover.enable && container.interactivity.status === Core_1.Constants.mouseMoveEvent) {
-                const mousePos = container.interactivity.mouse.position;
-                if (!mousePos) {
-                    return;
+            if (!interactivity.events.onHover.enable || container.interactivity.status !== Constants_1.Constants.mouseMoveEvent) {
+                return;
+            }
+            const mousePos = container.interactivity.mouse.position;
+            if (!mousePos) {
+                return;
+            }
+            const distance = container.retina.grabModeDistance, query = container.particles.quadTree.queryCircle(mousePos, distance);
+            for (const particle of query) {
+                const pos = particle.getPosition(), pointDistance = (0, NumberUtils_1.getDistance)(pos, mousePos);
+                if (pointDistance > distance) {
+                    continue;
                 }
-                const distance = container.retina.grabModeDistance, query = container.particles.quadTree.queryCircle(mousePos, distance);
-                for (const particle of query) {
-                    const pos = particle.getPosition(), pointDistance = (0, Utils_1.getDistance)(pos, mousePos);
-                    if (pointDistance <= distance) {
-                        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 : particle.options.links.color;
-                        if (!container.particles.grabLineColor) {
-                            const linksOptions = options.interactivity.modes.grab.links;
-                            container.particles.grabLineColor = (0, Utils_1.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
-                        }
-                        const colorLine = (0, Utils_1.getLinkColor)(particle, undefined, container.particles.grabLineColor);
-                        if (!colorLine) {
-                            return;
-                        }
-                        container.canvas.drawGrabLine(particle, colorLine, opacityLine, mousePos);
-                    }
+                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 : particle.options.links.color;
+                if (!container.particles.grabLineColor) {
+                    const linksOptions = options.interactivity.modes.grab.links;
+                    container.particles.grabLineColor = (0, ColorUtils_1.getLinkRandomColor)(optColor, linksOptions.blink, linksOptions.consent);
+                }
+                const colorLine = (0, ColorUtils_1.getLinkColor)(particle, undefined, container.particles.grabLineColor);
+                if (!colorLine) {
+                    return;
                 }
+                container.canvas.drawGrabLine(particle, colorLine, opacityLine, mousePos);
             }
         }
     }

package/umd/Interactions/External/Pause/Pauser.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", "../../../Core/Utils/ExternalInteractorBase"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Pauser = void 0;
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    class Pauser extends ExternalInteractorBase_1.ExternalInteractorBase {
+        constructor(container) {
+            super(container);
+            this.handleClickMode = (mode) => {
+                if (mode !== "pause") {
+                    return;
+                }
+                const container = this.container;
+                if (container.getAnimationStatus()) {
+                    container.pause();
+                }
+                else {
+                    container.play();
+                }
+            };
+        }
+        isEnabled() {
+            return true;
+        }
+        reset() {
+        }
+        async interact() {
+        }
+    }
+    exports.Pauser = Pauser;
+});

package/umd/Interactions/External/Pause/index.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", "./Pauser"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadExternalPauseInteraction = void 0;
+    const Pauser_1 = require("./Pauser");
+    async function loadExternalPauseInteraction(engine) {
+        await engine.addInteractor("externalPause", (container) => new Pauser_1.Pauser(container));
+    }
+    exports.loadExternalPauseInteraction = loadExternalPauseInteraction;
+});

package/umd/Interactions/External/Push/Pusher.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", "../../../Core/Utils/ExternalInteractorBase", "../../../Utils/Utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Pusher = void 0;
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const Utils_1 = require("../../../Utils/Utils");
+    class Pusher extends ExternalInteractorBase_1.ExternalInteractorBase {
+        constructor(container) {
+            super(container);
+            this.handleClickMode = (mode) => {
+                if (mode !== "push") {
+                    return;
+                }
+                const container = this.container;
+                const options = container.actualOptions;
+                const pushNb = options.interactivity.modes.push.quantity;
+                if (pushNb <= 0) {
+                    return;
+                }
+                const pushOptions = options.interactivity.modes.push;
+                const group = (0, Utils_1.itemFromArray)([undefined, ...pushOptions.groups]);
+                const groupOptions = group !== undefined ? container.actualOptions.particles.groups[group] : undefined;
+                container.particles.push(pushNb, container.interactivity.mouse, groupOptions, group);
+            };
+        }
+        isEnabled() {
+            return true;
+        }
+        reset() {
+        }
+        async interact() {
+        }
+    }
+    exports.Pusher = Pusher;
+});

package/umd/Interactions/External/Push/index.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", "./Pusher"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadExternalPushInteraction = void 0;
+    const Pusher_1 = require("./Pusher");
+    async function loadExternalPushInteraction(engine) {
+        await engine.addInteractor("externalPush", (container) => new Pusher_1.Pusher(container));
+    }
+    exports.loadExternalPushInteraction = loadExternalPushInteraction;
+});

package/umd/Interactions/External/Remove/Remover.js

@@ -0,0 +1,36 @@
+(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", "../../../Core/Utils/ExternalInteractorBase"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Remover = void 0;
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    class Remover extends ExternalInteractorBase_1.ExternalInteractorBase {
+        constructor(container) {
+            super(container);
+            this.handleClickMode = (mode) => {
+                if (mode !== "remove") {
+                    return;
+                }
+                const container = this.container;
+                const options = container.actualOptions;
+                const removeNb = options.interactivity.modes.remove.quantity;
+                container.particles.removeQuantity(removeNb);
+            };
+        }
+        isEnabled() {
+            return true;
+        }
+        reset() {
+        }
+        async interact() {
+        }
+    }
+    exports.Remover = Remover;
+});

package/umd/Interactions/External/Remove/index.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", "./Remover"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadExternalRemoveInteraction = void 0;
+    const Remover_1 = require("./Remover");
+    async function loadExternalRemoveInteraction(engine) {
+        await engine.addInteractor("externalRemove", (container) => new Remover_1.Remover(container));
+    }
+    exports.loadExternalRemoveInteraction = loadExternalRemoveInteraction;
+});

package/umd/Interactions/External/Repulse/Repulser.js

@@ -4,17 +4,49 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../Core", "../../../Utils"], factory);
+        define(["require", "exports", "../../../Utils/NumberUtils", "../../../Utils/Utils", "../../../Core/Utils/Circle", "../../../Core/Utils/Constants", "../../../Core/Utils/ExternalInteractorBase", "../../../Core/Utils/Rectangle", "../../../Core/Utils/Vector"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Repulser = void 0;
-    const Core_1 = require("../../../Core");
-    const Utils_1 = require("../../../Utils");
-    class Repulser extends Core_1.ExternalInteractorBase {
+    const NumberUtils_1 = require("../../../Utils/NumberUtils");
+    const Utils_1 = require("../../../Utils/Utils");
+    const Circle_1 = require("../../../Core/Utils/Circle");
+    const Constants_1 = require("../../../Core/Utils/Constants");
+    const ExternalInteractorBase_1 = require("../../../Core/Utils/ExternalInteractorBase");
+    const Rectangle_1 = require("../../../Core/Utils/Rectangle");
+    const Vector_1 = require("../../../Core/Utils/Vector");
+    class Repulser extends ExternalInteractorBase_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
+            if (!container.repulse) {
+                container.repulse = { particles: [] };
+            }
+            this.handleClickMode = (mode) => {
+                const options = this.container.actualOptions;
+                if (mode !== "repulse") {
+                    return;
+                }
+                if (!container.repulse) {
+                    container.repulse = { particles: [] };
+                }
+                container.repulse.clicking = true;
+                container.repulse.count = 0;
+                for (const particle of container.repulse.particles) {
+                    particle.velocity.setTo(particle.initialVelocity);
+                }
+                container.repulse.particles = [];
+                container.repulse.finish = false;
+                setTimeout(() => {
+                    if (!container.destroyed) {
+                        if (!container.repulse) {
+                            container.repulse = { particles: [] };
+                        }
+                        container.repulse.clicking = false;
+                    }
+                }, options.interactivity.modes.repulse.duration * 1000);
+            };
         }
         isEnabled() {
             const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divRepulse = (0, Utils_1.isDivModeEnabled)("repulse", divs);
@@ -27,7 +59,7 @@
         reset() {
         }
         async interact() {
-            const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Core_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode, divs = events.onDiv;
+            const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Constants_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode, divs = events.onDiv;
             if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)("repulse", hoverMode)) {
                 this.hoverRepulse();
             }
@@ -48,8 +80,8 @@
                     x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                     y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
                 }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === "circle"
-                    ? new Core_1.Circle(pos.x, pos.y, repulseRadius)
-                    : new Core_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = container.actualOptions.interactivity.modes.repulse.divs, divRepulse = (0, Utils_1.divMode)(divs, elem);
+                    ? new Circle_1.Circle(pos.x, pos.y, repulseRadius)
+                    : new Rectangle_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = container.actualOptions.interactivity.modes.repulse.divs, divRepulse = (0, Utils_1.divMode)(divs, elem);
                 this.processRepulse(pos, repulseRadius, area, divRepulse);
             });
         }
@@ -59,18 +91,21 @@
                 return;
             }
             const repulseRadius = container.retina.repulseModeDistance;
-            this.processRepulse(mousePos, repulseRadius, new Core_1.Circle(mousePos.x, mousePos.y, repulseRadius));
+            this.processRepulse(mousePos, repulseRadius, new Circle_1.Circle(mousePos.x, mousePos.y, repulseRadius));
         }
         processRepulse(position, repulseRadius, area, divRepulse) {
             var _a;
             const container = this.container, query = container.particles.quadTree.query(area), repulseOptions = container.actualOptions.interactivity.modes.repulse;
             for (const particle of query) {
-                const { dx, dy, distance } = (0, Utils_1.getDistances)(particle.position, position), velocity = ((_a = divRepulse === null || divRepulse === void 0 ? void 0 : divRepulse.speed) !== null && _a !== void 0 ? _a : repulseOptions.speed) * repulseOptions.factor, repulseFactor = (0, Utils_1.clamp)((0, Utils_1.calcEasing)(1 - distance / repulseRadius, repulseOptions.easing) * velocity, 0, repulseOptions.maxSpeed), normVec = Core_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
+                const { dx, dy, distance } = (0, NumberUtils_1.getDistances)(particle.position, position), velocity = ((_a = divRepulse === null || divRepulse === void 0 ? void 0 : divRepulse.speed) !== null && _a !== void 0 ? _a : repulseOptions.speed) * repulseOptions.factor, repulseFactor = (0, NumberUtils_1.clamp)((0, NumberUtils_1.calcEasing)(1 - distance / repulseRadius, repulseOptions.easing) * velocity, 0, repulseOptions.maxSpeed), normVec = Vector_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
                 particle.position.addTo(normVec);
             }
         }
         clickRepulse() {
             const container = this.container;
+            if (!container.repulse) {
+                container.repulse = { particles: [] };
+            }
             if (!container.repulse.finish) {
                 if (!container.repulse.count) {
                     container.repulse.count = 0;
@@ -85,12 +120,12 @@
                 if (mouseClickPos === undefined) {
                     return;
                 }
-                const range = new Core_1.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius), query = container.particles.quadTree.query(range);
+                const range = new Circle_1.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius), query = container.particles.quadTree.query(range);
                 for (const particle of query) {
-                    const { dx, dy, distance } = (0, Utils_1.getDistances)(mouseClickPos, particle.position), d = distance ** 2, velocity = container.actualOptions.interactivity.modes.repulse.speed, force = (-repulseRadius * velocity) / d;
+                    const { dx, dy, distance } = (0, NumberUtils_1.getDistances)(mouseClickPos, particle.position), d = distance ** 2, velocity = container.actualOptions.interactivity.modes.repulse.speed, force = (-repulseRadius * velocity) / d;
                     if (d <= repulseRadius) {
                         container.repulse.particles.push(particle);
-                        const vect = Core_1.Vector.create(dx, dy);
+                        const vect = Vector_1.Vector.create(dx, dy);
                         vect.length = force;
                         particle.velocity.setTo(vect);
                     }