@tsparticles/updater-wobble 4.0.0-beta.0 → 4.0.0-beta.2

package/622.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_updater_wobble=this.webpackChunk_tsparticles_updater_wobble||[]).push([[622],{622(e,a,n){n.d(a,{WobbleUpdater:()=>o});var t=n(303);class s{angle;move;constructor(){this.angle=50,this.move=10}load(e){(0,t.isNull)(e)||(void 0!==e.angle&&(this.angle=(0,t.setRangeValue)(e.angle)),void 0!==e.move&&(this.move=(0,t.setRangeValue)(e.move)))}}class l{distance;enable;speed;constructor(){this.distance=5,this.enable=!1,this.speed=new s}load(e){if(!(0,t.isNull)(e)&&(void 0!==e.distance&&(this.distance=(0,t.setRangeValue)(e.distance)),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed))if((0,t.isNumber)(e.speed))this.speed.load({angle:e.speed});else{let a=e.speed;"min"in a?this.speed.load({angle:a}):this.speed.load(e.speed)}}}class o{_container;constructor(e){this._container=e}init(e){let a=e.options.wobble;a?.enable?e.wobble={angle:(0,t.getRandom)()*t.doublePI,angleSpeed:(0,t.getRangeValue)(a.speed.angle)/360,moveSpeed:(0,t.getRangeValue)(a.speed.move)/10}:e.wobble={angle:0,angleSpeed:0,moveSpeed:0},e.retina.wobbleDistance=(0,t.getRangeValue)(a?.distance??0)*this._container.retina.pixelRatio}isEnabled(e){return!e.destroyed&&!e.spawning&&!!e.options.wobble?.enable}loadOptions(e,...a){for(let n of(e.wobble??=new l,a))e.wobble.load(n?.wobble)}update(e,a){this.isEnabled(e)&&function(e,a,n){let{wobble:s}=a.options,{wobble:l}=a;if(!s?.enable||!l)return;let o=e.retina.reduceFactor,i=l.angleSpeed*n.factor*o,d=l.moveSpeed*n.factor*o*(a.retina.wobbleDistance??0)/(t.millisecondsToSeconds/60),b=t.doublePI,{position:c}=a;l.angle+=i,l.angle>b&&(l.angle-=b),c.x+=d*Math.cos(l.angle),c.y+=d*Math.abs(Math.sin(l.angle))}(this._container,e,a)}}}}]);

package/browser/Utils.js

@@ -1,7 +1,7 @@
 import { doublePI, millisecondsToSeconds } from "@tsparticles/engine";
 const defaultDistance = 0, distanceFactor = 60;
-export function updateWobble(particle, delta) {
-    const { wobble: wobbleOptions } = particle.options, { container, wobble } = particle;
+export function updateWobble(container, particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
     if (!wobbleOptions?.enable || !wobble) {
         return;
     }

package/browser/WobbleUpdater.js

@@ -3,9 +3,9 @@ import { Wobble } from "./Options/Classes/Wobble.js";
 import { updateWobble } from "./Utils.js";
 const maxAngle = 360, moveSpeedFactor = 10, defaultDistance = 0;
 export class WobbleUpdater {
-    container;
+    _container;
     constructor(container) {
-        this.container = container;
+        this._container = container;
     }
     init(particle) {
         const wobbleOpt = particle.options.wobble;
@@ -24,7 +24,7 @@ export class WobbleUpdater {
             };
         }
         particle.retina.wobbleDistance =
-            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this.container.retina.pixelRatio;
+            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this._container.retina.pixelRatio;
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
@@ -39,6 +39,6 @@ export class WobbleUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateWobble(particle, delta);
+        updateWobble(this._container, particle, delta);
     }
 }

package/browser/index.js

@@ -1,7 +1,8 @@
+import {} from "@tsparticles/engine";
 export async function loadWobbleUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("wobble", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("wobble", async (container) => {
             const { WobbleUpdater } = await import("./WobbleUpdater.js");
             return new WobbleUpdater(container);
         });

package/cjs/Utils.js

@@ -1,7 +1,7 @@
 import { doublePI, millisecondsToSeconds } from "@tsparticles/engine";
 const defaultDistance = 0, distanceFactor = 60;
-export function updateWobble(particle, delta) {
-    const { wobble: wobbleOptions } = particle.options, { container, wobble } = particle;
+export function updateWobble(container, particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
     if (!wobbleOptions?.enable || !wobble) {
         return;
     }

package/cjs/WobbleUpdater.js

@@ -3,9 +3,9 @@ import { Wobble } from "./Options/Classes/Wobble.js";
 import { updateWobble } from "./Utils.js";
 const maxAngle = 360, moveSpeedFactor = 10, defaultDistance = 0;
 export class WobbleUpdater {
-    container;
+    _container;
     constructor(container) {
-        this.container = container;
+        this._container = container;
     }
     init(particle) {
         const wobbleOpt = particle.options.wobble;
@@ -24,7 +24,7 @@ export class WobbleUpdater {
             };
         }
         particle.retina.wobbleDistance =
-            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this.container.retina.pixelRatio;
+            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this._container.retina.pixelRatio;
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
@@ -39,6 +39,6 @@ export class WobbleUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateWobble(particle, delta);
+        updateWobble(this._container, particle, delta);
     }
 }

package/cjs/index.js

@@ -1,7 +1,8 @@
+import {} from "@tsparticles/engine";
 export async function loadWobbleUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("wobble", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("wobble", async (container) => {
             const { WobbleUpdater } = await import("./WobbleUpdater.js");
             return new WobbleUpdater(container);
         });

package/dist_browser_WobbleUpdater_js.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
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   updateWobble: () => (/* binding */ updateWobble)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultDistance = 0, distanceFactor = 60;\nfunction updateWobble(particle, delta) {\n    const { wobble: wobbleOptions } = particle.options, { container, wobble } = particle;\n    if (!wobbleOptions?.enable || !wobble) {\n        return;\n    }\n    const reduceFactor = container.retina.reduceFactor, angleSpeed = wobble.angleSpeed * delta.factor * reduceFactor, moveSpeed = wobble.moveSpeed * delta.factor * reduceFactor, distance = moveSpeed * (particle.retina.wobbleDistance ?? defaultDistance) / (_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / distanceFactor), max = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, { position } = particle;\n    wobble.angle += angleSpeed;\n    if (wobble.angle > max) {\n        wobble.angle -= max;\n    }\n    position.x += distance * Math.cos(wobble.angle);\n    position.y += distance * Math.abs(Math.sin(wobble.angle));\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-wobble/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   updateWobble: () => (/* binding */ updateWobble)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultDistance = 0, distanceFactor = 60;\nfunction updateWobble(container, particle, delta) {\n    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;\n    if (!wobbleOptions?.enable || !wobble) {\n        return;\n    }\n    const reduceFactor = container.retina.reduceFactor, angleSpeed = wobble.angleSpeed * delta.factor * reduceFactor, moveSpeed = wobble.moveSpeed * delta.factor * reduceFactor, distance = moveSpeed * (particle.retina.wobbleDistance ?? defaultDistance) / (_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / distanceFactor), max = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, { position } = particle;\n    wobble.angle += angleSpeed;\n    if (wobble.angle > max) {\n        wobble.angle -= max;\n    }\n    position.x += distance * Math.cos(wobble.angle);\n    position.y += distance * Math.abs(Math.sin(wobble.angle));\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-wobble/./dist/browser/Utils.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************/
 (__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 */   WobbleUpdater: () => (/* binding */ WobbleUpdater)\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_Wobble_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Wobble.js */ \"./dist/browser/Options/Classes/Wobble.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\nconst maxAngle = 360, moveSpeedFactor = 10, defaultDistance = 0;\nclass WobbleUpdater {\n    container;\n    constructor(container){\n        this.container = container;\n    }\n    init(particle) {\n        const wobbleOpt = particle.options.wobble;\n        if (wobbleOpt?.enable) {\n            particle.wobble = {\n                angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI,\n                angleSpeed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt.speed.angle) / maxAngle,\n                moveSpeed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt.speed.move) / moveSpeedFactor\n            };\n        } else {\n            particle.wobble = {\n                angle: 0,\n                angleSpeed: 0,\n                moveSpeed: 0\n            };\n        }\n        particle.retina.wobbleDistance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt?.distance ?? defaultDistance) * this.container.retina.pixelRatio;\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;\n    }\n    loadOptions(options, ...sources) {\n        options.wobble ??= new _Options_Classes_Wobble_js__WEBPACK_IMPORTED_MODULE_1__.Wobble();\n        for (const source of sources){\n            options.wobble.load(source?.wobble);\n        }\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_2__.updateWobble)(particle, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-wobble/./dist/browser/WobbleUpdater.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   WobbleUpdater: () => (/* binding */ WobbleUpdater)\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_Wobble_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Wobble.js */ \"./dist/browser/Options/Classes/Wobble.js\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\n\nconst maxAngle = 360, moveSpeedFactor = 10, defaultDistance = 0;\nclass WobbleUpdater {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    init(particle) {\n        const wobbleOpt = particle.options.wobble;\n        if (wobbleOpt?.enable) {\n            particle.wobble = {\n                angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI,\n                angleSpeed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt.speed.angle) / maxAngle,\n                moveSpeed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt.speed.move) / moveSpeedFactor\n            };\n        } else {\n            particle.wobble = {\n                angle: 0,\n                angleSpeed: 0,\n                moveSpeed: 0\n            };\n        }\n        particle.retina.wobbleDistance = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(wobbleOpt?.distance ?? defaultDistance) * this._container.retina.pixelRatio;\n    }\n    isEnabled(particle) {\n        return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;\n    }\n    loadOptions(options, ...sources) {\n        options.wobble ??= new _Options_Classes_Wobble_js__WEBPACK_IMPORTED_MODULE_1__.Wobble();\n        for (const source of sources){\n            options.wobble.load(source?.wobble);\n        }\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_2__.updateWobble)(this._container, particle, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-wobble/./dist/browser/WobbleUpdater.js?\n}");
 
 /***/ }
 

package/esm/Utils.js

@@ -1,7 +1,7 @@
 import { doublePI, millisecondsToSeconds } from "@tsparticles/engine";
 const defaultDistance = 0, distanceFactor = 60;
-export function updateWobble(particle, delta) {
-    const { wobble: wobbleOptions } = particle.options, { container, wobble } = particle;
+export function updateWobble(container, particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
     if (!wobbleOptions?.enable || !wobble) {
         return;
     }

package/esm/WobbleUpdater.js

@@ -3,9 +3,9 @@ import { Wobble } from "./Options/Classes/Wobble.js";
 import { updateWobble } from "./Utils.js";
 const maxAngle = 360, moveSpeedFactor = 10, defaultDistance = 0;
 export class WobbleUpdater {
-    container;
+    _container;
     constructor(container) {
-        this.container = container;
+        this._container = container;
     }
     init(particle) {
         const wobbleOpt = particle.options.wobble;
@@ -24,7 +24,7 @@ export class WobbleUpdater {
             };
         }
         particle.retina.wobbleDistance =
-            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this.container.retina.pixelRatio;
+            getRangeValue(wobbleOpt?.distance ?? defaultDistance) * this._container.retina.pixelRatio;
     }
     isEnabled(particle) {
         return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
@@ -39,6 +39,6 @@ export class WobbleUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateWobble(particle, delta);
+        updateWobble(this._container, particle, delta);
     }
 }

package/esm/index.js

@@ -1,7 +1,8 @@
+import {} from "@tsparticles/engine";
 export async function loadWobbleUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("wobble", async (container) => {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("wobble", async (container) => {
             const { WobbleUpdater } = await import("./WobbleUpdater.js");
             return new WobbleUpdater(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-wobble",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.2",
   "description": "tsParticles particles wobble updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -81,13 +81,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"