@tsparticles/updater-roll 4.0.0-beta.0 → 4.0.0-beta.10

package/696.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_updater_roll=this.webpackChunk_tsparticles_updater_roll||[]).push([[696],{696(e,l,a){a.d(l,{RollUpdater:()=>s});var n,t,o=a(303);(n=t||(t={})).both="both",n.horizontal="horizontal",n.vertical="vertical";class r{enable;value;constructor(){this.enable=!1,this.value=0}load(e){(0,o.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.value&&(this.value=(0,o.setRangeValue)(e.value)))}}class i{backColor;darken;enable;enlighten;mode;speed;constructor(){this.darken=new r,this.enable=!1,this.enlighten=new r,this.mode=t.vertical,this.speed=25}load(e){(0,o.isNull)(e)||(void 0!==e.backColor&&(this.backColor=o.OptionsColor.create(this.backColor,e.backColor)),this.darken.load(e.darken),void 0!==e.enable&&(this.enable=e.enable),this.enlighten.load(e.enlighten),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.speed&&(this.speed=(0,o.setRangeValue)(e.speed)))}}class s{_pluginManager;constructor(e){this._pluginManager=e}getTransformValues(e){let l=e.roll?.enable&&e.roll,a=l&&l.horizontal,n=l&&l.vertical;return{a:a?Math.cos(l.angle):void 0,d:n?Math.sin(l.angle):void 0}}init(e){!function(e,l){let a=l.options.roll;if(!a?.enable){l.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0};return}if(l.roll={enable:a.enable,horizontal:a.mode===t.horizontal||a.mode===t.both,vertical:a.mode===t.vertical||a.mode===t.both,angle:(0,o.getRandom)()*o.doublePI,speed:(0,o.getRangeValue)(a.speed)/360},a.backColor)l.backColor=(0,o.rangeColorToHsl)(e,a.backColor);else if(a.darken.enable&&a.enlighten.enable){let e=(0,o.getRandom)()>=o.half?o.AlterType.darken:o.AlterType.enlighten;l.roll.alter={type:e,value:(0,o.getRangeValue)(e===o.AlterType.darken?a.darken.value:a.enlighten.value)}}else a.darken.enable?l.roll.alter={type:o.AlterType.darken,value:(0,o.getRangeValue)(a.darken.value)}:a.enlighten.enable&&(l.roll.alter={type:o.AlterType.enlighten,value:(0,o.getRangeValue)(a.enlighten.value)})}(this._pluginManager,e)}isEnabled(e){let l=e.options.roll;return!e.destroyed&&!e.spawning&&!!l?.enable}loadOptions(e,...l){for(let a of(e.roll??=new i,l))e.roll.load(a?.roll)}update(e,l){this.isEnabled(e)&&function(e,l){let a=e.options.roll,n=e.roll;if(!n||!a?.enable)return;let t=n.speed*l.factor,r=o.doublePI;n.angle+=t,n.angle>r&&(n.angle-=r)}(e,l)}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for roll animations.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,26 @@ import { loadRollUpdater } from "@tsparticles/updater-roll";
   await loadRollUpdater(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.roll`
+
+```json
+{
+  "particles": {
+    "roll": {}
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadRollUpdater(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/RollUpdater.js

@@ -1,9 +1,9 @@
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
-    _engine;
-    constructor(engine) {
-        this._engine = engine;
+    _pluginManager;
+    constructor(pluginManager) {
+        this._pluginManager = pluginManager;
     }
     getTransformValues(particle) {
         const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;
@@ -13,7 +13,7 @@ export class RollUpdater {
         };
     }
     init(particle) {
-        initParticle(this._engine, particle);
+        initParticle(this._pluginManager, particle);
     }
     isEnabled(particle) {
         const roll = particle.options.roll;

package/browser/Utils.js

@@ -1,7 +1,7 @@
 import { AlterType, doublePI, getRandom, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
 import { RollMode } from "./RollMode.js";
 const maxAngle = 360;
-export function initParticle(engine, particle) {
+export function initParticle(pluginManager, particle) {
     const rollOpt = particle.options.roll;
     if (!rollOpt?.enable) {
         particle.roll = {
@@ -21,7 +21,7 @@ export function initParticle(engine, particle) {
         speed: getRangeValue(rollOpt.speed) / maxAngle,
     };
     if (rollOpt.backColor) {
-        particle.backColor = rangeColorToHsl(engine, rollOpt.backColor);
+        particle.backColor = rangeColorToHsl(pluginManager, rollOpt.backColor);
     }
     else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
         const alterType = getRandom() >= half ? AlterType.darken : AlterType.enlighten;

package/browser/index.js

@@ -1,9 +1,9 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("roll", async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");
-            return new RollUpdater(e);
+            return new RollUpdater(e.pluginManager);
         });
     });
 }

package/cjs/RollUpdater.js

@@ -1,9 +1,9 @@
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
-    _engine;
-    constructor(engine) {
-        this._engine = engine;
+    _pluginManager;
+    constructor(pluginManager) {
+        this._pluginManager = pluginManager;
     }
     getTransformValues(particle) {
         const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;
@@ -13,7 +13,7 @@ export class RollUpdater {
         };
     }
     init(particle) {
-        initParticle(this._engine, particle);
+        initParticle(this._pluginManager, particle);
     }
     isEnabled(particle) {
         const roll = particle.options.roll;

package/cjs/Utils.js

@@ -1,7 +1,7 @@
 import { AlterType, doublePI, getRandom, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
 import { RollMode } from "./RollMode.js";
 const maxAngle = 360;
-export function initParticle(engine, particle) {
+export function initParticle(pluginManager, particle) {
     const rollOpt = particle.options.roll;
     if (!rollOpt?.enable) {
         particle.roll = {
@@ -21,7 +21,7 @@ export function initParticle(engine, particle) {
         speed: getRangeValue(rollOpt.speed) / maxAngle,
     };
     if (rollOpt.backColor) {
-        particle.backColor = rangeColorToHsl(engine, rollOpt.backColor);
+        particle.backColor = rangeColorToHsl(pluginManager, rollOpt.backColor);
     }
     else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
         const alterType = getRandom() >= half ? AlterType.darken : AlterType.enlighten;

package/cjs/index.js

@@ -1,9 +1,9 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("roll", async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");
-            return new RollUpdater(e);
+            return new RollUpdater(e.pluginManager);
         });
     });
 }

package/dist_browser_RollUpdater_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.10
  */
 "use strict";
 /*
@@ -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 */   RollUpdater: () => (/* binding */ RollUpdater)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n/* harmony import */ var _Options_Classes_Roll_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Roll.js */ \"./dist/browser/Options/Classes/Roll.js\");\n\n\nclass RollUpdater {\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    getTransformValues(particle) {\n        const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;\n        return {\n            a: rollHorizontal ? Math.cos(roll.angle) : undefined,\n            d: rollVertical ? Math.sin(roll.angle) : undefined\n        };\n    }\n    init(particle) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.initParticle)(this._engine, particle);\n    }\n    isEnabled(particle) {\n        const roll = particle.options.roll;\n        return !particle.destroyed && !particle.spawning && !!roll?.enable;\n    }\n    loadOptions(options, ...sources) {\n        options.roll ??= new _Options_Classes_Roll_js__WEBPACK_IMPORTED_MODULE_1__.Roll();\n        for (const source of sources){\n            options.roll.load(source?.roll);\n        }\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.updateRoll)(particle, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/RollUpdater.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RollUpdater: () => (/* binding */ RollUpdater)\n/* harmony export */ });\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n/* harmony import */ var _Options_Classes_Roll_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Roll.js */ \"./dist/browser/Options/Classes/Roll.js\");\n\n\nclass RollUpdater {\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    getTransformValues(particle) {\n        const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;\n        return {\n            a: rollHorizontal ? Math.cos(roll.angle) : undefined,\n            d: rollVertical ? Math.sin(roll.angle) : undefined\n        };\n    }\n    init(particle) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.initParticle)(this._pluginManager, particle);\n    }\n    isEnabled(particle) {\n        const roll = particle.options.roll;\n        return !particle.destroyed && !particle.spawning && !!roll?.enable;\n    }\n    loadOptions(options, ...sources) {\n        options.roll ??= new _Options_Classes_Roll_js__WEBPACK_IMPORTED_MODULE_1__.Roll();\n        for (const source of sources){\n            options.roll.load(source?.roll);\n        }\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_0__.updateRoll)(particle, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/RollUpdater.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,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 */   initParticle: () => (/* binding */ initParticle),\n/* harmony export */   updateRoll: () => (/* binding */ updateRoll)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _RollMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RollMode.js */ \"./dist/browser/RollMode.js\");\n\n\nconst maxAngle = 360;\nfunction initParticle(engine, particle) {\n    const rollOpt = particle.options.roll;\n    if (!rollOpt?.enable) {\n        particle.roll = {\n            enable: false,\n            horizontal: false,\n            vertical: false,\n            angle: 0,\n            speed: 0\n        };\n        return;\n    }\n    particle.roll = {\n        enable: rollOpt.enable,\n        horizontal: rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.horizontal || rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.both,\n        vertical: rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.vertical || rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.both,\n        angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI,\n        speed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.speed) / maxAngle\n    };\n    if (rollOpt.backColor) {\n        particle.backColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(engine, rollOpt.backColor);\n    } else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {\n        const alterType = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.enlighten;\n        particle.roll.alter = {\n            type: alterType,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(alterType === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken ? rollOpt.darken.value : rollOpt.enlighten.value)\n        };\n    } else if (rollOpt.darken.enable) {\n        particle.roll.alter = {\n            type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.darken.value)\n        };\n    } else if (rollOpt.enlighten.enable) {\n        particle.roll.alter = {\n            type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.enlighten,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.enlighten.value)\n        };\n    }\n}\nfunction updateRoll(particle, delta) {\n    const roll = particle.options.roll, data = particle.roll;\n    if (!data || !roll?.enable) {\n        return;\n    }\n    const speed = data.speed * delta.factor, max = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI;\n    data.angle += speed;\n    if (data.angle > max) {\n        data.angle -= max;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initParticle: () => (/* binding */ initParticle),\n/* harmony export */   updateRoll: () => (/* binding */ updateRoll)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _RollMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RollMode.js */ \"./dist/browser/RollMode.js\");\n\n\nconst maxAngle = 360;\nfunction initParticle(pluginManager, particle) {\n    const rollOpt = particle.options.roll;\n    if (!rollOpt?.enable) {\n        particle.roll = {\n            enable: false,\n            horizontal: false,\n            vertical: false,\n            angle: 0,\n            speed: 0\n        };\n        return;\n    }\n    particle.roll = {\n        enable: rollOpt.enable,\n        horizontal: rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.horizontal || rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.both,\n        vertical: rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.vertical || rollOpt.mode === _RollMode_js__WEBPACK_IMPORTED_MODULE_1__.RollMode.both,\n        angle: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI,\n        speed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.speed) / maxAngle\n    };\n    if (rollOpt.backColor) {\n        particle.backColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(pluginManager, rollOpt.backColor);\n    } else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {\n        const alterType = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.enlighten;\n        particle.roll.alter = {\n            type: alterType,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(alterType === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken ? rollOpt.darken.value : rollOpt.enlighten.value)\n        };\n    } else if (rollOpt.darken.enable) {\n        particle.roll.alter = {\n            type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.darken,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.darken.value)\n        };\n    } else if (rollOpt.enlighten.enable) {\n        particle.roll.alter = {\n            type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AlterType.enlighten,\n            value: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(rollOpt.enlighten.value)\n        };\n    }\n}\nfunction updateRoll(particle, delta) {\n    const roll = particle.options.roll, data = particle.roll;\n    if (!data || !roll?.enable) {\n        return;\n    }\n    const speed = data.speed * delta.factor, max = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI;\n    data.angle += speed;\n    if (data.angle > max) {\n        data.angle -= max;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/RollUpdater.js

@@ -1,9 +1,9 @@
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
-    _engine;
-    constructor(engine) {
-        this._engine = engine;
+    _pluginManager;
+    constructor(pluginManager) {
+        this._pluginManager = pluginManager;
     }
     getTransformValues(particle) {
         const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;
@@ -13,7 +13,7 @@ export class RollUpdater {
         };
     }
     init(particle) {
-        initParticle(this._engine, particle);
+        initParticle(this._pluginManager, particle);
     }
     isEnabled(particle) {
         const roll = particle.options.roll;

package/esm/Utils.js

@@ -1,7 +1,7 @@
 import { AlterType, doublePI, getRandom, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
 import { RollMode } from "./RollMode.js";
 const maxAngle = 360;
-export function initParticle(engine, particle) {
+export function initParticle(pluginManager, particle) {
     const rollOpt = particle.options.roll;
     if (!rollOpt?.enable) {
         particle.roll = {
@@ -21,7 +21,7 @@ export function initParticle(engine, particle) {
         speed: getRangeValue(rollOpt.speed) / maxAngle,
     };
     if (rollOpt.backColor) {
-        particle.backColor = rangeColorToHsl(engine, rollOpt.backColor);
+        particle.backColor = rangeColorToHsl(pluginManager, rollOpt.backColor);
     }
     else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
         const alterType = getRandom() >= half ? AlterType.darken : AlterType.enlighten;

package/esm/index.js

@@ -1,9 +1,9 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addParticleUpdater("roll", async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");
-            return new RollUpdater(e);
+            return new RollUpdater(e.pluginManager);
         });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-roll",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles particles roll 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.10"
   },
   "publishConfig": {
     "access": "public"