@tsparticles/move-parallax 3.0.0-alpha.1 → 3.0.0-beta.1

package/tsparticles.move.parallax.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.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadParallaxMover": () => (/* binding */ loadParallaxMover)
+  loadParallaxMover: () => (/* binding */ loadParallaxMover)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -105,33 +105,38 @@ class ParallaxMover {
   }
   move(particle) {
     const container = particle.container,
-      options = container.actualOptions;
-    if ((0,engine_root_window_.isSsr)() || !options.interactivity.events.onHover.parallax.enable) {
+      options = container.actualOptions,
+      parallaxOptions = options.interactivity.events.onHover.parallax;
+    if ((0,engine_root_window_.isSsr)() || !parallaxOptions.enable) {
       return;
     }
-    const parallaxForce = options.interactivity.events.onHover.parallax.force,
+    const parallaxForce = parallaxOptions.force,
       mousePos = container.interactivity.mouse.position;
     if (!mousePos) {
       return;
     }
-    const canvasCenter = {
-        x: container.canvas.size.width / 2,
-        y: container.canvas.size.height / 2
+    const canvasSize = container.canvas.size,
+      canvasCenter = {
+        x: canvasSize.width / 2,
+        y: canvasSize.height / 2
       },
-      parallaxSmooth = options.interactivity.events.onHover.parallax.smooth,
+      parallaxSmooth = parallaxOptions.smooth,
       factor = particle.getRadius() / parallaxForce,
       centerDistance = {
         x: (mousePos.x - canvasCenter.x) * factor,
         y: (mousePos.y - canvasCenter.y) * factor
-      };
-    particle.offset.x += (centerDistance.x - particle.offset.x) / parallaxSmooth;
-    particle.offset.y += (centerDistance.y - particle.offset.y) / parallaxSmooth;
+      },
+      {
+        offset
+      } = particle;
+    offset.x += (centerDistance.x - offset.x) / parallaxSmooth;
+    offset.y += (centerDistance.y - offset.y) / parallaxSmooth;
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadParallaxMover(engine) {
-  engine.addMover("parallax", () => new ParallaxMover());
+async function loadParallaxMover(engine, refresh = true) {
+  await engine.addMover("parallax", () => new ParallaxMover(), refresh);
 }
 })();
 

package/tsparticles.move.parallax.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.move.parallax.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 r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{loadParallaxMover:()=>r});var e=o(533);class t{init(){}isEnabled(t){return!(0,e.isSsr)()&&!t.destroyed&&t.container.actualOptions.interactivity.events.onHover.parallax.enable}move(t){const r=t.container,o=r.actualOptions;if((0,e.isSsr)()||!o.interactivity.events.onHover.parallax.enable)return;const n=o.interactivity.events.onHover.parallax.force,i=r.interactivity.mouse.position;if(!i)return;const a=r.canvas.size.width/2,s=r.canvas.size.height/2,l=o.interactivity.events.onHover.parallax.smooth,c=t.getRadius()/n,f=(i.x-a)*c,p=(i.y-s)*c;t.offset.x+=(f-t.offset.x)/l,t.offset.y+=(p-t.offset.y)/l}}async function r(e){e.addMover("parallax",(()=>new t))}})(),n})()));
+!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 r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},r={};function o(e){var n=r[e];if(void 0!==n)return n.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{loadParallaxMover:()=>r});var e=o(533);class t{init(){}isEnabled(t){return!(0,e.isSsr)()&&!t.destroyed&&t.container.actualOptions.interactivity.events.onHover.parallax.enable}move(t){const r=t.container,o=r.actualOptions.interactivity.events.onHover.parallax;if((0,e.isSsr)()||!o.enable)return;const n=o.force,i=r.interactivity.mouse.position;if(!i)return;const a=r.canvas.size,s=a.width/2,l=a.height/2,c=o.smooth,p=t.getRadius()/n,f=(i.x-s)*p,d=(i.y-l)*p,{offset:u}=t;u.x+=(f-u.x)/c,u.y+=(d-u.y)/c}}async function r(e,r=!0){await e.addMover("parallax",(()=>new t),r)}})(),n})()));

package/tsparticles.move.parallax.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 Parallax Move v3.0.0-beta.1 by Matteo Bruni */

package/types/ParallaxMover.d.ts

@@ -1,4 +1,4 @@
-import type { IParticleMover, Particle } from "@tsparticles/engine";
+import { type IParticleMover, type Particle } from "@tsparticles/engine";
 export declare class ParallaxMover implements IParticleMover {
     init(): void;
     isEnabled(particle: Particle): boolean;

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadParallaxMover(engine: Engine): Promise<void>;
+export declare function loadParallaxMover(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/ParallaxMover.js

@@ -20,23 +20,23 @@
                 particle.container.actualOptions.interactivity.events.onHover.parallax.enable);
         }
         move(particle) {
-            const container = particle.container, options = container.actualOptions;
-            if ((0, engine_1.isSsr)() || !options.interactivity.events.onHover.parallax.enable) {
+            const container = particle.container, options = container.actualOptions, parallaxOptions = options.interactivity.events.onHover.parallax;
+            if ((0, engine_1.isSsr)() || !parallaxOptions.enable) {
                 return;
             }
-            const parallaxForce = options.interactivity.events.onHover.parallax.force, mousePos = container.interactivity.mouse.position;
+            const parallaxForce = parallaxOptions.force, mousePos = container.interactivity.mouse.position;
             if (!mousePos) {
                 return;
             }
-            const canvasCenter = {
-                x: container.canvas.size.width / 2,
-                y: container.canvas.size.height / 2,
-            }, parallaxSmooth = options.interactivity.events.onHover.parallax.smooth, factor = particle.getRadius() / parallaxForce, centerDistance = {
+            const canvasSize = container.canvas.size, canvasCenter = {
+                x: canvasSize.width / 2,
+                y: canvasSize.height / 2,
+            }, parallaxSmooth = parallaxOptions.smooth, factor = particle.getRadius() / parallaxForce, centerDistance = {
                 x: (mousePos.x - canvasCenter.x) * factor,
                 y: (mousePos.y - canvasCenter.y) * factor,
-            };
-            particle.offset.x += (centerDistance.x - particle.offset.x) / parallaxSmooth;
-            particle.offset.y += (centerDistance.y - particle.offset.y) / parallaxSmooth;
+            }, { offset } = particle;
+            offset.x += (centerDistance.x - offset.x) / parallaxSmooth;
+            offset.y += (centerDistance.y - offset.y) / parallaxSmooth;
         }
     }
     exports.ParallaxMover = ParallaxMover;

package/umd/index.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ParallaxMover"], factory);
+        define(["require", "exports", "./ParallaxMover.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadParallaxMover = void 0;
-    const ParallaxMover_1 = require("./ParallaxMover");
-    async function loadParallaxMover(engine) {
-        engine.addMover("parallax", () => new ParallaxMover_1.ParallaxMover());
+    const ParallaxMover_js_1 = require("./ParallaxMover.js");
+    async function loadParallaxMover(engine, refresh = true) {
+        await engine.addMover("parallax", () => new ParallaxMover_js_1.ParallaxMover(), refresh);
     }
     exports.loadParallaxMover = loadParallaxMover;
 });