@tsparticles/interaction-external-repulse 3.9.1 → 4.0.0-alpha.0

package/176.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 176.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_interaction_external_repulse=this.webpackChunk_tsparticles_interaction_external_repulse||[]).push([[176],{176(e,t,i){i.d(t,{Repulser:()=>c});var s=i(303),n=i(246);const o="repulse";class c extends s.ExternalInteractorBase{constructor(e,t){super(t),this._clickRepulse=()=>{const e=this.container,t=e.actualOptions.interactivity.modes.repulse;if(!t)return;const i=e.repulse??{particles:[]};if(i.finish||(i.count??=0,i.count++,i.count===e.particles.count&&(i.finish=!0)),i.clicking){const n=e.retina.repulseModeDistance;if(!n||n<0)return;const o=Math.pow(n/6,3),c=e.interactivity.mouse.clickPosition;if(void 0===c)return;const r=new s.Circle(c.x,c.y,o),a=e.particles.quadTree.query(r,(e=>this.isEnabled(e)));for(const e of a){const{dx:n,dy:r,distance:a}=(0,s.getDistances)(c,e.position),l=a**2,p=-o*t.speed/l;if(l<=o){i.particles.push(e);const t=s.Vector.create(n,r);t.length=p,e.velocity.setTo(t)}}}else if(!1===i.clicking){for(const e of i.particles)e.velocity.setTo(e.initialVelocity);i.particles=[]}},this._hoverRepulse=()=>{const e=this.container,t=e.interactivity.mouse.position,i=e.retina.repulseModeDistance;!i||i<0||!t||this._processRepulse(t,i,new s.Circle(t.x,t.y,i))},this._processRepulse=(e,t,i,n)=>{const o=this.container,c=o.particles.quadTree.query(i,(e=>this.isEnabled(e))),r=o.actualOptions.interactivity.modes.repulse;if(!r)return;const{easing:a,speed:l,factor:p,maxSpeed:u}=r,d=this._engine.getEasing(a),f=(n?.speed??l)*p;for(const i of c){const{dx:n,dy:o,distance:c}=(0,s.getDistances)(i.position,e),r=(0,s.clamp)(d(1-c/t)*f,0,u),a=s.Vector.create(c?n/c*r:f,c?o/c*r:f);i.position.addTo(a)}},this._singleSelectorRepulse=(e,t)=>{const i=this.container,n=i.actualOptions.interactivity.modes.repulse;if(!n)return;const o=(0,s.safeDocument)().querySelectorAll(e);o.length&&o.forEach((e=>{const o=e,c=i.retina.pixelRatio,r={x:(o.offsetLeft+.5*o.offsetWidth)*c,y:(o.offsetTop+.5*o.offsetHeight)*c},a=.5*o.offsetWidth*c,l=t.type===s.DivType.circle?new s.Circle(r.x,r.y,a):new s.Rectangle(o.offsetLeft*c,o.offsetTop*c,o.offsetWidth*c,o.offsetHeight*c),p=n.divs,u=(0,s.divMode)(p,o);this._processRepulse(r,a,l,u)}))},this._engine=e,t.repulse??={particles:[]},this.handleClickMode=e=>{const i=this.container.actualOptions.interactivity.modes.repulse;if(!i||e!==o)return;t.repulse??={particles:[]};const n=t.repulse;n.clicking=!0,n.count=0;for(const e of t.repulse.particles)this.isEnabled(e)&&e.velocity.setTo(e.initialVelocity);n.particles=[],n.finish=!1,setTimeout((()=>{t.destroyed||(n.clicking=!1)}),i.duration*s.millisecondsToSeconds)}}clear(){}init(){const e=this.container,t=e.actualOptions.interactivity.modes.repulse;t&&(e.retina.repulseModeDistance=t.distance*e.retina.pixelRatio)}interact(){const e=this.container,t=e.actualOptions,i=e.interactivity.status===s.mouseMoveEvent,n=t.interactivity.events,c=n.onHover,r=c.enable,a=c.mode,l=n.onClick,p=l.enable,u=l.mode,d=n.onDiv;i&&r&&(0,s.isInArray)(o,a)?this._hoverRepulse():p&&(0,s.isInArray)(o,u)?this._clickRepulse():(0,s.divModeExecute)(o,d,((e,t)=>{this._singleSelectorRepulse(e,t)}))}isEnabled(e){const t=this.container,i=t.actualOptions,n=t.interactivity.mouse,c=(e?.interactivity??i.interactivity).events,r=c.onDiv,a=c.onHover,l=c.onClick,p=(0,s.isDivModeEnabled)(o,r);if(!(p||a.enable&&n.position||l.enable&&n.clickPosition))return!1;const u=a.mode,d=l.mode;return(0,s.isInArray)(o,u)||(0,s.isInArray)(o,d)||p}loadModeOptions(e,...t){e.repulse??=new n.Z;for(const i of t)e.repulse.load(i?.repulse)}reset(){}}}}]);

package/176.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Repulse External Interaction v4.0.0-alpha.0 by Matteo Bruni */

package/browser/Repulser.js

@@ -1,4 +1,4 @@
-import { Circle, DivType, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, millisecondsToSeconds, mouseMoveEvent, } from "@tsparticles/engine";
+import { Circle, DivType, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, millisecondsToSeconds, mouseMoveEvent, safeDocument, } from "@tsparticles/engine";
 import { Repulse } from "./Options/Classes/Repulse.js";
 const repulseMode = "repulse", minDistance = 0, repulseRadiusFactor = 6, repulseRadiusPower = 3, squarePower = 2, minRadius = 0, minSpeed = 0, easingOffset = 1, half = 0.5;
 export class Repulser extends ExternalInteractorBase {
@@ -11,9 +11,7 @@ export class Repulser extends ExternalInteractorBase {
             }
             const repulse = container.repulse ?? { particles: [] };
             if (!repulse.finish) {
-                if (!repulse.count) {
-                    repulse.count = 0;
-                }
+                repulse.count ??= 0;
                 repulse.count++;
                 if (repulse.count === container.particles.count) {
                     repulse.finish = true;
@@ -69,7 +67,7 @@ export class Repulser extends ExternalInteractorBase {
             if (!repulse) {
                 return;
             }
-            const query = document.querySelectorAll(selector);
+            const query = safeDocument().querySelectorAll(selector);
             if (!query.length) {
                 return;
             }
@@ -84,17 +82,13 @@ export class Repulser extends ExternalInteractorBase {
             });
         };
         this._engine = engine;
-        if (!container.repulse) {
-            container.repulse = { particles: [] };
-        }
+        container.repulse ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
             if (!repulseOpts || mode !== repulseMode) {
                 return;
             }
-            if (!container.repulse) {
-                container.repulse = { particles: [] };
-            }
+            container.repulse ??= { particles: [] };
             const repulse = container.repulse;
             repulse.clicking = true;
             repulse.count = 0;
@@ -132,7 +126,9 @@ export class Repulser extends ExternalInteractorBase {
             this._clickRepulse();
         }
         else {
-            divModeExecute(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
+            divModeExecute(repulseMode, divs, (selector, div) => {
+                this._singleSelectorRepulse(selector, div);
+            });
         }
     }
     isEnabled(particle) {
@@ -144,9 +140,7 @@ export class Repulser extends ExternalInteractorBase {
         return isInArray(repulseMode, hoverMode) || isInArray(repulseMode, clickMode) || divRepulse;
     }
     loadModeOptions(options, ...sources) {
-        if (!options.repulse) {
-            options.repulse = new Repulse();
-        }
+        options.repulse ??= new Repulse();
         for (const source of sources) {
             options.repulse.load(source?.repulse);
         }

package/browser/index.js

@@ -1,13 +1,12 @@
-import { Repulser } from "./Repulser.js";
-export async function loadExternalRepulseInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalRepulse", container => {
-        return Promise.resolve(new Repulser(engine, container));
-    }, refresh);
+export function loadExternalRepulseInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addInteractor("externalRepulse", async (container) => {
+            const { Repulser } = await import("./Repulser.js");
+            return new Repulser(engine, container);
+        });
+    });
 }
 export * from "./Options/Classes/RepulseBase.js";
 export * from "./Options/Classes/RepulseDiv.js";
 export * from "./Options/Classes/Repulse.js";
-export * from "./Options/Interfaces/IRepulseBase.js";
-export * from "./Options/Interfaces/IRepulseDiv.js";
-export * from "./Options/Interfaces/IRepulse.js";

package/cjs/Options/Classes/Repulse.js

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Repulse = void 0;
-const engine_1 = require("@tsparticles/engine");
-const RepulseBase_js_1 = require("./RepulseBase.js");
-const RepulseDiv_js_1 = require("./RepulseDiv.js");
-class Repulse extends RepulseBase_js_1.RepulseBase {
+import { executeOnSingleOrMultiple, isNull, } from "@tsparticles/engine";
+import { RepulseBase } from "./RepulseBase.js";
+import { RepulseDiv } from "./RepulseDiv.js";
+export class Repulse extends RepulseBase {
     load(data) {
         super.load(data);
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
-        this.divs = (0, engine_1.executeOnSingleOrMultiple)(data.divs, div => {
-            const tmp = new RepulseDiv_js_1.RepulseDiv();
+        this.divs = executeOnSingleOrMultiple(data.divs, div => {
+            const tmp = new RepulseDiv();
             tmp.load(div);
             return tmp;
         });
     }
 }
-exports.Repulse = Repulse;

package/cjs/Options/Classes/RepulseBase.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RepulseBase = void 0;
-const engine_1 = require("@tsparticles/engine");
-class RepulseBase {
+import { EasingType, isNull } from "@tsparticles/engine";
+export class RepulseBase {
     constructor() {
         this.distance = 200;
         this.duration = 0.4;
         this.factor = 100;
         this.speed = 1;
         this.maxSpeed = 50;
-        this.easing = engine_1.EasingType.easeOutQuad;
+        this.easing = EasingType.easeOutQuad;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.distance !== undefined) {
@@ -35,4 +32,3 @@ class RepulseBase {
         }
     }
 }
-exports.RepulseBase = RepulseBase;

package/cjs/Options/Classes/RepulseDiv.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RepulseDiv = void 0;
-const engine_1 = require("@tsparticles/engine");
-const RepulseBase_js_1 = require("./RepulseBase.js");
-class RepulseDiv extends RepulseBase_js_1.RepulseBase {
+import { isNull } from "@tsparticles/engine";
+import { RepulseBase } from "./RepulseBase.js";
+export class RepulseDiv extends RepulseBase {
     constructor() {
         super();
         this.selectors = [];
     }
     load(data) {
         super.load(data);
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.selectors !== undefined) {
@@ -18,4 +15,3 @@ class RepulseDiv extends RepulseBase_js_1.RepulseBase {
         }
     }
 }
-exports.RepulseDiv = RepulseDiv;

package/cjs/Options/Classes/RepulseOptions.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IRepulse.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IRepulseBase.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IRepulseDiv.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Repulser.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Repulser = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Repulse_js_1 = require("./Options/Classes/Repulse.js");
+import { Circle, DivType, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, millisecondsToSeconds, mouseMoveEvent, safeDocument, } from "@tsparticles/engine";
+import { Repulse } from "./Options/Classes/Repulse.js";
 const repulseMode = "repulse", minDistance = 0, repulseRadiusFactor = 6, repulseRadiusPower = 3, squarePower = 2, minRadius = 0, minSpeed = 0, easingOffset = 1, half = 0.5;
-class Repulser extends engine_1.ExternalInteractorBase {
+export class Repulser extends ExternalInteractorBase {
     constructor(engine, container) {
         super(container);
         this._clickRepulse = () => {
@@ -14,9 +11,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
             }
             const repulse = container.repulse ?? { particles: [] };
             if (!repulse.finish) {
-                if (!repulse.count) {
-                    repulse.count = 0;
-                }
+                repulse.count ??= 0;
                 repulse.count++;
                 if (repulse.count === container.particles.count) {
                     repulse.finish = true;
@@ -31,12 +26,12 @@ class Repulser extends engine_1.ExternalInteractorBase {
                 if (mouseClickPos === undefined) {
                     return;
                 }
-                const range = new engine_1.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius), query = container.particles.quadTree.query(range, p => this.isEnabled(p));
+                const range = new Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius), query = container.particles.quadTree.query(range, p => this.isEnabled(p));
                 for (const particle of query) {
-                    const { dx, dy, distance } = (0, engine_1.getDistances)(mouseClickPos, particle.position), d = distance ** squarePower, velocity = repulseOptions.speed, force = (-repulseRadius * velocity) / d;
+                    const { dx, dy, distance } = getDistances(mouseClickPos, particle.position), d = distance ** squarePower, velocity = repulseOptions.speed, force = (-repulseRadius * velocity) / d;
                     if (d <= repulseRadius) {
                         repulse.particles.push(particle);
-                        const vect = engine_1.Vector.create(dx, dy);
+                        const vect = Vector.create(dx, dy);
                         vect.length = force;
                         particle.velocity.setTo(vect);
                     }
@@ -54,7 +49,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
             if (!repulseRadius || repulseRadius < minRadius || !mousePos) {
                 return;
             }
-            this._processRepulse(mousePos, repulseRadius, new engine_1.Circle(mousePos.x, mousePos.y, repulseRadius));
+            this._processRepulse(mousePos, repulseRadius, new Circle(mousePos.x, mousePos.y, repulseRadius));
         };
         this._processRepulse = (position, repulseRadius, area, divRepulse) => {
             const container = this.container, query = container.particles.quadTree.query(area, p => this.isEnabled(p)), repulseOptions = container.actualOptions.interactivity.modes.repulse;
@@ -63,7 +58,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
             }
             const { easing, speed, factor, maxSpeed } = repulseOptions, easingFunc = this._engine.getEasing(easing), velocity = (divRepulse?.speed ?? speed) * factor;
             for (const particle of query) {
-                const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position), repulseFactor = (0, engine_1.clamp)(easingFunc(easingOffset - distance / repulseRadius) * velocity, minSpeed, maxSpeed), normVec = engine_1.Vector.create(!distance ? velocity : (dx / distance) * repulseFactor, !distance ? velocity : (dy / distance) * repulseFactor);
+                const { dx, dy, distance } = getDistances(particle.position, position), repulseFactor = clamp(easingFunc(easingOffset - distance / repulseRadius) * velocity, minSpeed, maxSpeed), normVec = Vector.create(!distance ? velocity : (dx / distance) * repulseFactor, !distance ? velocity : (dy / distance) * repulseFactor);
                 particle.position.addTo(normVec);
             }
         };
@@ -72,7 +67,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
             if (!repulse) {
                 return;
             }
-            const query = document.querySelectorAll(selector);
+            const query = safeDocument().querySelectorAll(selector);
             if (!query.length) {
                 return;
             }
@@ -80,24 +75,20 @@ class Repulser extends engine_1.ExternalInteractorBase {
                 const elem = item, pxRatio = container.retina.pixelRatio, pos = {
                     x: (elem.offsetLeft + elem.offsetWidth * half) * pxRatio,
                     y: (elem.offsetTop + elem.offsetHeight * half) * pxRatio,
-                }, repulseRadius = elem.offsetWidth * half * pxRatio, area = div.type === engine_1.DivType.circle
-                    ? new engine_1.Circle(pos.x, pos.y, repulseRadius)
-                    : new engine_1.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = repulse.divs, divRepulse = (0, engine_1.divMode)(divs, elem);
+                }, repulseRadius = elem.offsetWidth * half * pxRatio, area = div.type === DivType.circle
+                    ? new Circle(pos.x, pos.y, repulseRadius)
+                    : new Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = repulse.divs, divRepulse = divMode(divs, elem);
                 this._processRepulse(pos, repulseRadius, area, divRepulse);
             });
         };
         this._engine = engine;
-        if (!container.repulse) {
-            container.repulse = { particles: [] };
-        }
+        container.repulse ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
             if (!repulseOpts || mode !== repulseMode) {
                 return;
             }
-            if (!container.repulse) {
-                container.repulse = { particles: [] };
-            }
+            container.repulse ??= { particles: [] };
             const repulse = container.repulse;
             repulse.clicking = true;
             repulse.count = 0;
@@ -114,7 +105,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
                     return;
                 }
                 repulse.clicking = false;
-            }, repulseOpts.duration * engine_1.millisecondsToSeconds);
+            }, repulseOpts.duration * millisecondsToSeconds);
         };
     }
     clear() {
@@ -127,29 +118,29 @@ class Repulser extends engine_1.ExternalInteractorBase {
         container.retina.repulseModeDistance = repulse.distance * container.retina.pixelRatio;
     }
     interact() {
-        const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, events = options.interactivity.events, hover = events.onHover, hoverEnabled = hover.enable, hoverMode = hover.mode, click = events.onClick, clickEnabled = click.enable, clickMode = click.mode, divs = events.onDiv;
-        if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)(repulseMode, hoverMode)) {
+        const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === mouseMoveEvent, events = options.interactivity.events, hover = events.onHover, hoverEnabled = hover.enable, hoverMode = hover.mode, click = events.onClick, clickEnabled = click.enable, clickMode = click.mode, divs = events.onDiv;
+        if (mouseMoveStatus && hoverEnabled && isInArray(repulseMode, hoverMode)) {
             this._hoverRepulse();
         }
-        else if (clickEnabled && (0, engine_1.isInArray)(repulseMode, clickMode)) {
+        else if (clickEnabled && isInArray(repulseMode, clickMode)) {
             this._clickRepulse();
         }
         else {
-            (0, engine_1.divModeExecute)(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
+            divModeExecute(repulseMode, divs, (selector, div) => {
+                this._singleSelectorRepulse(selector, div);
+            });
         }
     }
     isEnabled(particle) {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = (0, engine_1.isDivModeEnabled)(repulseMode, divs);
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = isDivModeEnabled(repulseMode, divs);
         if (!(divRepulse || (hover.enable && !!mouse.position) || (click.enable && mouse.clickPosition))) {
             return false;
         }
         const hoverMode = hover.mode, clickMode = click.mode;
-        return (0, engine_1.isInArray)(repulseMode, hoverMode) || (0, engine_1.isInArray)(repulseMode, clickMode) || divRepulse;
+        return isInArray(repulseMode, hoverMode) || isInArray(repulseMode, clickMode) || divRepulse;
     }
     loadModeOptions(options, ...sources) {
-        if (!options.repulse) {
-            options.repulse = new Repulse_js_1.Repulse();
-        }
+        options.repulse ??= new Repulse();
         for (const source of sources) {
             options.repulse.load(source?.repulse);
         }
@@ -157,4 +148,3 @@ class Repulser extends engine_1.ExternalInteractorBase {
     reset() {
     }
 }
-exports.Repulser = Repulser;

package/cjs/Types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/index.js

@@ -1,30 +1,12 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadExternalRepulseInteraction = loadExternalRepulseInteraction;
-const Repulser_js_1 = require("./Repulser.js");
-async function loadExternalRepulseInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalRepulse", container => {
-        return Promise.resolve(new Repulser_js_1.Repulser(engine, container));
-    }, refresh);
+export function loadExternalRepulseInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addInteractor("externalRepulse", async (container) => {
+            const { Repulser } = await import("./Repulser.js");
+            return new Repulser(engine, container);
+        });
+    });
 }
-__exportStar(require("./Options/Classes/RepulseBase.js"), exports);
-__exportStar(require("./Options/Classes/RepulseDiv.js"), exports);
-__exportStar(require("./Options/Classes/Repulse.js"), exports);
-__exportStar(require("./Options/Interfaces/IRepulseBase.js"), exports);
-__exportStar(require("./Options/Interfaces/IRepulseDiv.js"), exports);
-__exportStar(require("./Options/Interfaces/IRepulse.js"), exports);
+export * from "./Options/Classes/RepulseBase.js";
+export * from "./Options/Classes/RepulseDiv.js";
+export * from "./Options/Classes/Repulse.js";

package/dist_browser_Repulser_js.js

@@ -0,0 +1,30 @@
+/*!
+ * 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
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_interaction_external_repulse"] = this["webpackChunk_tsparticles_interaction_external_repulse"] || []).push([["dist_browser_Repulser_js"],{
+
+/***/ "./dist/browser/Repulser.js"
+/*!**********************************!*\
+  !*** ./dist/browser/Repulser.js ***!
+  \**********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Repulser: () => (/* binding */ Repulser)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Repulse_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Repulse.js */ \"./dist/browser/Options/Classes/Repulse.js\");\n\n\nconst repulseMode = \"repulse\",\n  minDistance = 0,\n  repulseRadiusFactor = 6,\n  repulseRadiusPower = 3,\n  squarePower = 2,\n  minRadius = 0,\n  minSpeed = 0,\n  easingOffset = 1,\n  half = 0.5;\nclass Repulser extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n  constructor(engine, container) {\n    super(container);\n    this._clickRepulse = () => {\n      const container = this.container,\n        repulseOptions = container.actualOptions.interactivity.modes.repulse;\n      if (!repulseOptions) {\n        return;\n      }\n      const repulse = container.repulse ?? {\n        particles: []\n      };\n      if (!repulse.finish) {\n        repulse.count ??= 0;\n        repulse.count++;\n        if (repulse.count === container.particles.count) {\n          repulse.finish = true;\n        }\n      }\n      if (repulse.clicking) {\n        const repulseDistance = container.retina.repulseModeDistance;\n        if (!repulseDistance || repulseDistance < minDistance) {\n          return;\n        }\n        const repulseRadius = Math.pow(repulseDistance / repulseRadiusFactor, repulseRadiusPower),\n          mouseClickPos = container.interactivity.mouse.clickPosition;\n        if (mouseClickPos === undefined) {\n          return;\n        }\n        const range = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mouseClickPos.x, mouseClickPos.y, repulseRadius),\n          query = container.particles.quadTree.query(range, p => this.isEnabled(p));\n        for (const particle of query) {\n          const {\n              dx,\n              dy,\n              distance\n            } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(mouseClickPos, particle.position),\n            d = distance ** squarePower,\n            velocity = repulseOptions.speed,\n            force = -repulseRadius * velocity / d;\n          if (d <= repulseRadius) {\n            repulse.particles.push(particle);\n            const vect = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(dx, dy);\n            vect.length = force;\n            particle.velocity.setTo(vect);\n          }\n        }\n      } else if (repulse.clicking === false) {\n        for (const particle of repulse.particles) {\n          particle.velocity.setTo(particle.initialVelocity);\n        }\n        repulse.particles = [];\n      }\n    };\n    this._hoverRepulse = () => {\n      const container = this.container,\n        mousePos = container.interactivity.mouse.position,\n        repulseRadius = container.retina.repulseModeDistance;\n      if (!repulseRadius || repulseRadius < minRadius || !mousePos) {\n        return;\n      }\n      this._processRepulse(mousePos, repulseRadius, new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(mousePos.x, mousePos.y, repulseRadius));\n    };\n    this._processRepulse = (position, repulseRadius, area, divRepulse) => {\n      const container = this.container,\n        query = container.particles.quadTree.query(area, p => this.isEnabled(p)),\n        repulseOptions = container.actualOptions.interactivity.modes.repulse;\n      if (!repulseOptions) {\n        return;\n      }\n      const {\n          easing,\n          speed,\n          factor,\n          maxSpeed\n        } = repulseOptions,\n        easingFunc = this._engine.getEasing(easing),\n        velocity = (divRepulse?.speed ?? speed) * factor;\n      for (const particle of query) {\n        const {\n            dx,\n            dy,\n            distance\n          } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(particle.position, position),\n          repulseFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(easingFunc(easingOffset - distance / repulseRadius) * velocity, minSpeed, maxSpeed),\n          normVec = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(!distance ? velocity : dx / distance * repulseFactor, !distance ? velocity : dy / distance * repulseFactor);\n        particle.position.addTo(normVec);\n      }\n    };\n    this._singleSelectorRepulse = (selector, div) => {\n      const container = this.container,\n        repulse = container.actualOptions.interactivity.modes.repulse;\n      if (!repulse) {\n        return;\n      }\n      const query = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().querySelectorAll(selector);\n      if (!query.length) {\n        return;\n      }\n      query.forEach(item => {\n        const elem = item,\n          pxRatio = container.retina.pixelRatio,\n          pos = {\n            x: (elem.offsetLeft + elem.offsetWidth * half) * pxRatio,\n            y: (elem.offsetTop + elem.offsetHeight * half) * pxRatio\n          },\n          repulseRadius = elem.offsetWidth * half * pxRatio,\n          area = div.type === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.DivType.circle ? new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(pos.x, pos.y, repulseRadius) : new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio),\n          divs = repulse.divs,\n          divRepulse = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.divMode)(divs, elem);\n        this._processRepulse(pos, repulseRadius, area, divRepulse);\n      });\n    };\n    this._engine = engine;\n    container.repulse ??= {\n      particles: []\n    };\n    this.handleClickMode = mode => {\n      const options = this.container.actualOptions,\n        repulseOpts = options.interactivity.modes.repulse;\n      if (!repulseOpts || mode !== repulseMode) {\n        return;\n      }\n      container.repulse ??= {\n        particles: []\n      };\n      const repulse = container.repulse;\n      repulse.clicking = true;\n      repulse.count = 0;\n      for (const particle of container.repulse.particles) {\n        if (!this.isEnabled(particle)) {\n          continue;\n        }\n        particle.velocity.setTo(particle.initialVelocity);\n      }\n      repulse.particles = [];\n      repulse.finish = false;\n      setTimeout(() => {\n        if (container.destroyed) {\n          return;\n        }\n        repulse.clicking = false;\n      }, repulseOpts.duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n    };\n  }\n  clear() {}\n  init() {\n    const container = this.container,\n      repulse = container.actualOptions.interactivity.modes.repulse;\n    if (!repulse) {\n      return;\n    }\n    container.retina.repulseModeDistance = repulse.distance * container.retina.pixelRatio;\n  }\n  interact() {\n    const container = this.container,\n      options = container.actualOptions,\n      mouseMoveStatus = container.interactivity.status === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.mouseMoveEvent,\n      events = options.interactivity.events,\n      hover = events.onHover,\n      hoverEnabled = hover.enable,\n      hoverMode = hover.mode,\n      click = events.onClick,\n      clickEnabled = click.enable,\n      clickMode = click.mode,\n      divs = events.onDiv;\n    if (mouseMoveStatus && hoverEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(repulseMode, hoverMode)) {\n      this._hoverRepulse();\n    } else if (clickEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(repulseMode, clickMode)) {\n      this._clickRepulse();\n    } else {\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.divModeExecute)(repulseMode, divs, (selector, div) => {\n        this._singleSelectorRepulse(selector, div);\n      });\n    }\n  }\n  isEnabled(particle) {\n    const container = this.container,\n      options = container.actualOptions,\n      mouse = container.interactivity.mouse,\n      events = (particle?.interactivity ?? options.interactivity).events,\n      divs = events.onDiv,\n      hover = events.onHover,\n      click = events.onClick,\n      divRepulse = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isDivModeEnabled)(repulseMode, divs);\n    if (!(divRepulse || hover.enable && !!mouse.position || click.enable && mouse.clickPosition)) {\n      return false;\n    }\n    const hoverMode = hover.mode,\n      clickMode = click.mode;\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(repulseMode, hoverMode) || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(repulseMode, clickMode) || divRepulse;\n  }\n  loadModeOptions(options, ...sources) {\n    options.repulse ??= new _Options_Classes_Repulse_js__WEBPACK_IMPORTED_MODULE_1__.Repulse();\n    for (const source of sources) {\n      options.repulse.load(source?.repulse);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-external-repulse/./dist/browser/Repulser.js?\n}");
+
+/***/ }
+
+}]);

package/esm/Repulser.js

@@ -1,4 +1,4 @@
-import { Circle, DivType, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, millisecondsToSeconds, mouseMoveEvent, } from "@tsparticles/engine";
+import { Circle, DivType, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, millisecondsToSeconds, mouseMoveEvent, safeDocument, } from "@tsparticles/engine";
 import { Repulse } from "./Options/Classes/Repulse.js";
 const repulseMode = "repulse", minDistance = 0, repulseRadiusFactor = 6, repulseRadiusPower = 3, squarePower = 2, minRadius = 0, minSpeed = 0, easingOffset = 1, half = 0.5;
 export class Repulser extends ExternalInteractorBase {
@@ -11,9 +11,7 @@ export class Repulser extends ExternalInteractorBase {
             }
             const repulse = container.repulse ?? { particles: [] };
             if (!repulse.finish) {
-                if (!repulse.count) {
-                    repulse.count = 0;
-                }
+                repulse.count ??= 0;
                 repulse.count++;
                 if (repulse.count === container.particles.count) {
                     repulse.finish = true;
@@ -69,7 +67,7 @@ export class Repulser extends ExternalInteractorBase {
             if (!repulse) {
                 return;
             }
-            const query = document.querySelectorAll(selector);
+            const query = safeDocument().querySelectorAll(selector);
             if (!query.length) {
                 return;
             }
@@ -84,17 +82,13 @@ export class Repulser extends ExternalInteractorBase {
             });
         };
         this._engine = engine;
-        if (!container.repulse) {
-            container.repulse = { particles: [] };
-        }
+        container.repulse ??= { particles: [] };
         this.handleClickMode = (mode) => {
             const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
             if (!repulseOpts || mode !== repulseMode) {
                 return;
             }
-            if (!container.repulse) {
-                container.repulse = { particles: [] };
-            }
+            container.repulse ??= { particles: [] };
             const repulse = container.repulse;
             repulse.clicking = true;
             repulse.count = 0;
@@ -132,7 +126,9 @@ export class Repulser extends ExternalInteractorBase {
             this._clickRepulse();
         }
         else {
-            divModeExecute(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
+            divModeExecute(repulseMode, divs, (selector, div) => {
+                this._singleSelectorRepulse(selector, div);
+            });
         }
     }
     isEnabled(particle) {
@@ -144,9 +140,7 @@ export class Repulser extends ExternalInteractorBase {
         return isInArray(repulseMode, hoverMode) || isInArray(repulseMode, clickMode) || divRepulse;
     }
     loadModeOptions(options, ...sources) {
-        if (!options.repulse) {
-            options.repulse = new Repulse();
-        }
+        options.repulse ??= new Repulse();
         for (const source of sources) {
             options.repulse.load(source?.repulse);
         }

package/esm/index.js

@@ -1,13 +1,12 @@
-import { Repulser } from "./Repulser.js";
-export async function loadExternalRepulseInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addInteractor("externalRepulse", container => {
-        return Promise.resolve(new Repulser(engine, container));
-    }, refresh);
+export function loadExternalRepulseInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addInteractor("externalRepulse", async (container) => {
+            const { Repulser } = await import("./Repulser.js");
+            return new Repulser(engine, container);
+        });
+    });
 }
 export * from "./Options/Classes/RepulseBase.js";
 export * from "./Options/Classes/RepulseDiv.js";
 export * from "./Options/Classes/Repulse.js";
-export * from "./Options/Interfaces/IRepulseBase.js";
-export * from "./Options/Interfaces/IRepulseDiv.js";
-export * from "./Options/Interfaces/IRepulse.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-external-repulse",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles repulse external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,9 +87,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }