@tsparticles/interaction-external-bounce 3.0.0-alpha.1 → 3.0.0-beta.0

package/tsparticles.interaction.external.bounce.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,8 +91,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Bounce": () => (/* reexport */ Bounce),
-  "loadExternalBounceInteraction": () => (/* binding */ loadExternalBounceInteraction)
+  Bounce: () => (/* reexport */ Bounce),
+  loadExternalBounceInteraction: () => (/* binding */ loadExternalBounceInteraction)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -117,6 +117,52 @@ class Bounce {
 class Bouncer extends engine_root_window_.ExternalInteractorBase {
   constructor(container) {
     super(container);
+    this._processBounce = (position, radius, area) => {
+      const query = this.container.particles.quadTree.query(area, p => this.isEnabled(p));
+      for (const particle of query) {
+        if (area instanceof engine_root_window_.Circle) {
+          (0,engine_root_window_.circleBounce)((0,engine_root_window_.circleBounceDataFromParticle)(particle), {
+            position,
+            radius,
+            mass: radius ** 2 * Math.PI / 2,
+            velocity: engine_root_window_.Vector.origin,
+            factor: engine_root_window_.Vector.origin
+          });
+        } else if (area instanceof engine_root_window_.Rectangle) {
+          (0,engine_root_window_.rectBounce)(particle, (0,engine_root_window_.calculateBounds)(position, radius));
+        }
+      }
+    };
+    this._processMouseBounce = () => {
+      const container = this.container,
+        pxRatio = container.retina.pixelRatio,
+        tolerance = 10 * pxRatio,
+        mousePos = container.interactivity.mouse.position,
+        radius = container.retina.bounceModeDistance;
+      if (!radius || radius < 0 || !mousePos) {
+        return;
+      }
+      this._processBounce(mousePos, radius, new engine_root_window_.Circle(mousePos.x, mousePos.y, radius + tolerance));
+    };
+    this._singleSelectorBounce = (selector, div) => {
+      const container = this.container,
+        query = document.querySelectorAll(selector);
+      if (!query.length) {
+        return;
+      }
+      query.forEach(item => {
+        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,
+          area = div.type === "circle" ? new engine_root_window_.Circle(pos.x, pos.y, radius + tolerance) : new engine_root_window_.Rectangle(elem.offsetLeft * pxRatio - tolerance, elem.offsetTop * pxRatio - tolerance, elem.offsetWidth * pxRatio + tolerance * 2, elem.offsetHeight * pxRatio + tolerance * 2);
+        this._processBounce(pos, radius, area);
+      });
+    };
   }
   clear() {}
   init() {
@@ -136,17 +182,16 @@ class Bouncer extends engine_root_window_.ExternalInteractorBase {
       hoverMode = events.onHover.mode,
       divs = events.onDiv;
     if (mouseMoveStatus && hoverEnabled && (0,engine_root_window_.isInArray)("bounce", hoverMode)) {
-      this.processMouseBounce();
+      this._processMouseBounce();
     } else {
-      (0,engine_root_window_.divModeExecute)("bounce", divs, (selector, div) => this.singleSelectorBounce(selector, div));
+      (0,engine_root_window_.divModeExecute)("bounce", divs, (selector, div) => this._singleSelectorBounce(selector, div));
     }
   }
   isEnabled(particle) {
-    var _a;
     const container = this.container,
       options = container.actualOptions,
       mouse = container.interactivity.mouse,
-      events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : options.interactivity).events,
+      events = (particle?.interactivity ?? options.interactivity).events,
       divs = events.onDiv;
     return mouse.position && events.onHover.enable && (0,engine_root_window_.isInArray)("bounce", events.onHover.mode) || (0,engine_root_window_.isDivModeEnabled)("bounce", divs);
   }
@@ -155,61 +200,15 @@ class Bouncer extends engine_root_window_.ExternalInteractorBase {
       options.bounce = new Bounce();
     }
     for (const source of sources) {
-      options.bounce.load(source === null || source === void 0 ? void 0 : source.bounce);
+      options.bounce.load(source?.bounce);
     }
   }
   reset() {}
-  processBounce(position, radius, area) {
-    const query = this.container.particles.quadTree.query(area, p => this.isEnabled(p));
-    for (const particle of query) {
-      if (area instanceof engine_root_window_.Circle) {
-        (0,engine_root_window_.circleBounce)((0,engine_root_window_.circleBounceDataFromParticle)(particle), {
-          position,
-          radius,
-          mass: radius ** 2 * Math.PI / 2,
-          velocity: engine_root_window_.Vector.origin,
-          factor: engine_root_window_.Vector.origin
-        });
-      } else if (area instanceof engine_root_window_.Rectangle) {
-        (0,engine_root_window_.rectBounce)(particle, (0,engine_root_window_.calculateBounds)(position, radius));
-      }
-    }
-  }
-  processMouseBounce() {
-    const container = this.container,
-      pxRatio = container.retina.pixelRatio,
-      tolerance = 10 * pxRatio,
-      mousePos = container.interactivity.mouse.position,
-      radius = container.retina.bounceModeDistance;
-    if (!radius || radius < 0 || !mousePos) {
-      return;
-    }
-    this.processBounce(mousePos, radius, new engine_root_window_.Circle(mousePos.x, mousePos.y, radius + tolerance));
-  }
-  singleSelectorBounce(selector, div) {
-    const container = this.container,
-      query = document.querySelectorAll(selector);
-    if (!query.length) {
-      return;
-    }
-    query.forEach(item => {
-      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,
-        area = div.type === "circle" ? new engine_root_window_.Circle(pos.x, pos.y, radius + tolerance) : new engine_root_window_.Rectangle(elem.offsetLeft * pxRatio - tolerance, elem.offsetTop * pxRatio - tolerance, elem.offsetWidth * pxRatio + tolerance * 2, elem.offsetHeight * pxRatio + tolerance * 2);
-      this.processBounce(pos, radius, area);
-    });
-  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadExternalBounceInteraction(engine) {
-  await engine.addInteractor("externalBounce", container => new Bouncer(container));
+async function loadExternalBounceInteraction(engine, refresh = true) {
+  await engine.addInteractor("externalBounce", container => new Bouncer(container), refresh);
 }
 
 

package/tsparticles.interaction.external.bounce.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.interaction.external.bounce.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{Bounce:()=>t,loadExternalBounceInteraction:()=>r});var e=n(533);class t{constructor(){this.distance=200}load(e){e&&void 0!==e.distance&&(this.distance=e.distance)}}class o extends e.ExternalInteractorBase{constructor(e){super(e)}clear(){}init(){const e=this.container,t=e.actualOptions.interactivity.modes.bounce;t&&(e.retina.bounceModeDistance=t.distance*e.retina.pixelRatio)}async interact(){const t=this.container,o=t.actualOptions.interactivity.events,n=t.interactivity.status===e.mouseMoveEvent,i=o.onHover.enable,r=o.onHover.mode,c=o.onDiv;n&&i&&(0,e.isInArray)("bounce",r)?this.processMouseBounce():(0,e.divModeExecute)("bounce",c,((e,t)=>this.singleSelectorBounce(e,t)))}isEnabled(t){var o;const n=this.container,i=n.actualOptions,r=n.interactivity.mouse,c=(null!==(o=null==t?void 0:t.interactivity)&&void 0!==o?o:i.interactivity).events,s=c.onDiv;return r.position&&c.onHover.enable&&(0,e.isInArray)("bounce",c.onHover.mode)||(0,e.isDivModeEnabled)("bounce",s)}loadModeOptions(e,...o){e.bounce||(e.bounce=new t);for(const t of o)e.bounce.load(null==t?void 0:t.bounce)}reset(){}processBounce(t,o,n){const i=this.container.particles.quadTree.query(n,(e=>this.isEnabled(e)));for(const r of i)n instanceof e.Circle?(0,e.circleBounce)((0,e.circleBounceDataFromParticle)(r),{position:t,radius:o,mass:o**2*Math.PI/2,velocity:e.Vector.origin,factor:e.Vector.origin}):n instanceof e.Rectangle&&(0,e.rectBounce)(r,(0,e.calculateBounds)(t,o))}processMouseBounce(){const t=this.container,o=10*t.retina.pixelRatio,n=t.interactivity.mouse.position,i=t.retina.bounceModeDistance;!i||i<0||!n||this.processBounce(n,i,new e.Circle(n.x,n.y,i+o))}singleSelectorBounce(t,o){const n=this.container,i=document.querySelectorAll(t);i.length&&i.forEach((t=>{const i=t,r=n.retina.pixelRatio,c={x:(i.offsetLeft+i.offsetWidth/2)*r,y:(i.offsetTop+i.offsetHeight/2)*r},s=i.offsetWidth/2*r,a=10*r,u="circle"===o.type?new e.Circle(c.x,c.y,s+a):new e.Rectangle(i.offsetLeft*r-a,i.offsetTop*r-a,i.offsetWidth*r+2*a,i.offsetHeight*r+2*a);this.processBounce(c,s,u)}))}}async function r(e){await e.addInteractor("externalBounce",(e=>new o(e)))}})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{Bounce:()=>t,loadExternalBounceInteraction:()=>r});var e=n(533);class t{constructor(){this.distance=200}load(e){e&&void 0!==e.distance&&(this.distance=e.distance)}}class o extends e.ExternalInteractorBase{constructor(t){super(t),this._processBounce=(t,o,n)=>{const i=this.container.particles.quadTree.query(n,(e=>this.isEnabled(e)));for(const r of i)n instanceof e.Circle?(0,e.circleBounce)((0,e.circleBounceDataFromParticle)(r),{position:t,radius:o,mass:o**2*Math.PI/2,velocity:e.Vector.origin,factor:e.Vector.origin}):n instanceof e.Rectangle&&(0,e.rectBounce)(r,(0,e.calculateBounds)(t,o))},this._processMouseBounce=()=>{const t=this.container,o=10*t.retina.pixelRatio,n=t.interactivity.mouse.position,i=t.retina.bounceModeDistance;!i||i<0||!n||this._processBounce(n,i,new e.Circle(n.x,n.y,i+o))},this._singleSelectorBounce=(t,o)=>{const n=this.container,i=document.querySelectorAll(t);i.length&&i.forEach((t=>{const i=t,r=n.retina.pixelRatio,c={x:(i.offsetLeft+i.offsetWidth/2)*r,y:(i.offsetTop+i.offsetHeight/2)*r},s=i.offsetWidth/2*r,a=10*r,u="circle"===o.type?new e.Circle(c.x,c.y,s+a):new e.Rectangle(i.offsetLeft*r-a,i.offsetTop*r-a,i.offsetWidth*r+2*a,i.offsetHeight*r+2*a);this._processBounce(c,s,u)}))}}clear(){}init(){const e=this.container,t=e.actualOptions.interactivity.modes.bounce;t&&(e.retina.bounceModeDistance=t.distance*e.retina.pixelRatio)}async interact(){const t=this.container,o=t.actualOptions.interactivity.events,n=t.interactivity.status===e.mouseMoveEvent,i=o.onHover.enable,r=o.onHover.mode,c=o.onDiv;n&&i&&(0,e.isInArray)("bounce",r)?this._processMouseBounce():(0,e.divModeExecute)("bounce",c,((e,t)=>this._singleSelectorBounce(e,t)))}isEnabled(t){const o=this.container,n=o.actualOptions,i=o.interactivity.mouse,r=(t?.interactivity??n.interactivity).events,c=r.onDiv;return i.position&&r.onHover.enable&&(0,e.isInArray)("bounce",r.onHover.mode)||(0,e.isDivModeEnabled)("bounce",c)}loadModeOptions(e,...o){e.bounce||(e.bounce=new t);for(const t of o)e.bounce.load(t?.bounce)}reset(){}}async function r(e,t=!0){await e.addInteractor("externalBounce",(e=>new o(e)),t)}})(),i})()));

package/tsparticles.interaction.external.bounce.min.js.LICENSE.txt

@@ -1,8 +1 @@
-/*!
- * 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
- * v3.0.0-alpha.1
- */
+/*! tsParticles Bounce External Interaction v3.0.0-beta.0 by Matteo Bruni */

package/types/Bouncer.d.ts

@@ -1,6 +1,5 @@
 import type { BounceContainer, BounceMode, IBounceMode } from "./Types";
-import { ExternalInteractorBase } from "@tsparticles/engine";
-import type { IModes, Modes, Particle, RecursivePartial } from "@tsparticles/engine";
+import { ExternalInteractorBase, type IModes, type Modes, type Particle, type RecursivePartial } from "@tsparticles/engine";
 export declare class Bouncer extends ExternalInteractorBase<BounceContainer> {
     constructor(container: BounceContainer);
     clear(): void;
@@ -9,7 +8,7 @@ export declare class Bouncer extends ExternalInteractorBase<BounceContainer> {
     isEnabled(particle?: Particle): boolean;
     loadModeOptions(options: Modes & BounceMode, ...sources: RecursivePartial<(IModes & IBounceMode) | undefined>[]): void;
     reset(): void;
-    private processBounce;
-    private processMouseBounce;
-    private singleSelectorBounce;
+    private readonly _processBounce;
+    private readonly _processMouseBounce;
+    private readonly _singleSelectorBounce;
 }

package/types/index.d.ts

@@ -1,4 +1,4 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadExternalBounceInteraction(engine: Engine): Promise<void>;
+export declare function loadExternalBounceInteraction(engine: Engine, refresh?: boolean): Promise<void>;
 export * from "./Options/Classes/Bounce";
 export * from "./Options/Interfaces/IBounce";

package/umd/Bouncer.js

@@ -15,6 +15,45 @@
     class Bouncer extends engine_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
+            this._processBounce = (position, radius, area) => {
+                const query = this.container.particles.quadTree.query(area, (p) => this.isEnabled(p));
+                for (const particle of query) {
+                    if (area instanceof engine_1.Circle) {
+                        (0, engine_1.circleBounce)((0, engine_1.circleBounceDataFromParticle)(particle), {
+                            position,
+                            radius,
+                            mass: (radius ** 2 * Math.PI) / 2,
+                            velocity: engine_1.Vector.origin,
+                            factor: engine_1.Vector.origin,
+                        });
+                    }
+                    else if (area instanceof engine_1.Rectangle) {
+                        (0, engine_1.rectBounce)(particle, (0, engine_1.calculateBounds)(position, radius));
+                    }
+                }
+            };
+            this._processMouseBounce = () => {
+                const container = this.container, pxRatio = container.retina.pixelRatio, tolerance = 10 * pxRatio, mousePos = container.interactivity.mouse.position, radius = container.retina.bounceModeDistance;
+                if (!radius || radius < 0 || !mousePos) {
+                    return;
+                }
+                this._processBounce(mousePos, radius, new engine_1.Circle(mousePos.x, mousePos.y, radius + tolerance));
+            };
+            this._singleSelectorBounce = (selector, div) => {
+                const container = this.container, query = document.querySelectorAll(selector);
+                if (!query.length) {
+                    return;
+                }
+                query.forEach((item) => {
+                    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, area = div.type === "circle"
+                        ? new engine_1.Circle(pos.x, pos.y, radius + tolerance)
+                        : new engine_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);
+                });
+            };
         }
         clear() {
         }
@@ -28,15 +67,14 @@
         async interact() {
             const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
             if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)("bounce", hoverMode)) {
-                this.processMouseBounce();
+                this._processMouseBounce();
             }
             else {
-                (0, engine_1.divModeExecute)("bounce", divs, (selector, div) => this.singleSelectorBounce(selector, div));
+                (0, engine_1.divModeExecute)("bounce", divs, (selector, div) => this._singleSelectorBounce(selector, div));
             }
         }
         isEnabled(particle) {
-            var _a;
-            const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = ((_a = particle === null || particle === void 0 ? void 0 : particle.interactivity) !== null && _a !== void 0 ? _a : options.interactivity).events, divs = events.onDiv;
+            const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv;
             return ((mouse.position && events.onHover.enable && (0, engine_1.isInArray)("bounce", events.onHover.mode)) ||
                 (0, engine_1.isDivModeEnabled)("bounce", divs));
         }
@@ -45,50 +83,11 @@
                 options.bounce = new Bounce_1.Bounce();
             }
             for (const source of sources) {
-                options.bounce.load(source === null || source === void 0 ? void 0 : source.bounce);
+                options.bounce.load(source?.bounce);
             }
         }
         reset() {
         }
-        processBounce(position, radius, area) {
-            const query = this.container.particles.quadTree.query(area, (p) => this.isEnabled(p));
-            for (const particle of query) {
-                if (area instanceof engine_1.Circle) {
-                    (0, engine_1.circleBounce)((0, engine_1.circleBounceDataFromParticle)(particle), {
-                        position,
-                        radius,
-                        mass: (radius ** 2 * Math.PI) / 2,
-                        velocity: engine_1.Vector.origin,
-                        factor: engine_1.Vector.origin,
-                    });
-                }
-                else if (area instanceof engine_1.Rectangle) {
-                    (0, engine_1.rectBounce)(particle, (0, engine_1.calculateBounds)(position, radius));
-                }
-            }
-        }
-        processMouseBounce() {
-            const container = this.container, pxRatio = container.retina.pixelRatio, tolerance = 10 * pxRatio, mousePos = container.interactivity.mouse.position, radius = container.retina.bounceModeDistance;
-            if (!radius || radius < 0 || !mousePos) {
-                return;
-            }
-            this.processBounce(mousePos, radius, new engine_1.Circle(mousePos.x, mousePos.y, radius + tolerance));
-        }
-        singleSelectorBounce(selector, div) {
-            const container = this.container, query = document.querySelectorAll(selector);
-            if (!query.length) {
-                return;
-            }
-            query.forEach((item) => {
-                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, area = div.type === "circle"
-                    ? new engine_1.Circle(pos.x, pos.y, radius + tolerance)
-                    : new engine_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);
-            });
-        }
     }
     exports.Bouncer = Bouncer;
 });

package/umd/index.js

@@ -25,8 +25,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadExternalBounceInteraction = void 0;
     const Bouncer_1 = require("./Bouncer");
-    async function loadExternalBounceInteraction(engine) {
-        await engine.addInteractor("externalBounce", (container) => new Bouncer_1.Bouncer(container));
+    async function loadExternalBounceInteraction(engine, refresh = true) {
+        await engine.addInteractor("externalBounce", (container) => new Bouncer_1.Bouncer(container), refresh);
     }
     exports.loadExternalBounceInteraction = loadExternalBounceInteraction;
     __exportStar(require("./Options/Classes/Bounce"), exports);