@tsparticles/updater-roll 3.9.0 → 4.0.0-alpha.0

package/386.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 386.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_updater_roll=this.webpackChunk_tsparticles_updater_roll||[]).push([[386],{386(e,l,a){a.d(l,{RollUpdater:()=>s});var n,o=a(303);!function(e){e.both="both",e.horizontal="horizontal",e.vertical="vertical"}(n||(n={}));const t=2*Math.PI;class r{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{constructor(){this.darken=new r,this.enable=!1,this.enlighten=new r,this.mode=n.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{constructor(e){this._engine=e}getTransformValues(e){const 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){const a=l.options.roll;if(a?.enable)if(l.roll={enable:a.enable,horizontal:a.mode===n.horizontal||a.mode===n.both,vertical:a.mode===n.vertical||a.mode===n.both,angle:(0,o.getRandom)()*t,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){const 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)});else l.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}(this._engine,e)}isEnabled(e){const l=e.options.roll;return!e.destroyed&&!e.spawning&&!!l?.enable}loadOptions(e,...l){e.roll??=new i;for(const a of l)e.roll.load(a?.roll)}update(e,l){this.isEnabled(e)&&function(e,l){const a=e.options.roll,n=e.roll;if(!n||!a?.enable)return;const o=n.speed*l.factor,r=t;n.angle+=o,n.angle>r&&(n.angle-=r)}(e,l)}}}}]);

package/386.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Roll Updater v4.0.0-alpha.0 by Matteo Bruni */

package/browser/RollUpdater.js

@@ -19,9 +19,7 @@ export class RollUpdater {
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.roll) {
-            options.roll = new Roll();
-        }
+        options.roll ??= new Roll();
         for (const source of sources) {
             options.roll.load(source?.roll);
         }

package/browser/index.js

@@ -1,7 +1,9 @@
-import { RollUpdater } from "./RollUpdater.js";
-export async function loadRollUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addParticleUpdater("roll", () => {
-        return Promise.resolve(new RollUpdater(engine));
-    }, refresh);
+export function loadRollUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addParticleUpdater("roll", async () => {
+            const { RollUpdater } = await import("./RollUpdater.js");
+            return new RollUpdater(e);
+        });
+    });
 }

package/cjs/Options/Classes/Roll.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Roll = void 0;
-const engine_1 = require("@tsparticles/engine");
-const RollLight_js_1 = require("./RollLight.js");
-const RollMode_js_1 = require("../../RollMode.js");
-class Roll {
+import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { RollLight } from "./RollLight.js";
+import { RollMode } from "../../RollMode.js";
+export class Roll {
     constructor() {
-        this.darken = new RollLight_js_1.RollLight();
+        this.darken = new RollLight();
         this.enable = false;
-        this.enlighten = new RollLight_js_1.RollLight();
-        this.mode = RollMode_js_1.RollMode.vertical;
+        this.enlighten = new RollLight();
+        this.mode = RollMode.vertical;
         this.speed = 25;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.backColor !== undefined) {
-            this.backColor = engine_1.OptionsColor.create(this.backColor, data.backColor);
+            this.backColor = OptionsColor.create(this.backColor, data.backColor);
         }
         this.darken.load(data.darken);
         if (data.enable !== undefined) {
@@ -28,8 +25,7 @@ class Roll {
             this.mode = data.mode;
         }
         if (data.speed !== undefined) {
-            this.speed = (0, engine_1.setRangeValue)(data.speed);
+            this.speed = setRangeValue(data.speed);
         }
     }
 }
-exports.Roll = Roll;

package/cjs/Options/Classes/RollLight.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RollLight = void 0;
-const engine_1 = require("@tsparticles/engine");
-class RollLight {
+import { isNull, setRangeValue } from "@tsparticles/engine";
+export class RollLight {
     constructor() {
         this.enable = false;
         this.value = 0;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
         if (data.value !== undefined) {
-            this.value = (0, engine_1.setRangeValue)(data.value);
+            this.value = setRangeValue(data.value);
         }
     }
 }
-exports.RollLight = RollLight;

package/cjs/Options/Interfaces/IRoll.js

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

package/cjs/Options/Interfaces/IRollLight.js

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

package/cjs/RollMode.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RollMode = void 0;
-var RollMode;
+export var RollMode;
 (function (RollMode) {
     RollMode["both"] = "both";
     RollMode["horizontal"] = "horizontal";
     RollMode["vertical"] = "vertical";
-})(RollMode || (exports.RollMode = RollMode = {}));
+})(RollMode || (RollMode = {}));

package/cjs/RollUpdater.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RollUpdater = void 0;
-const Utils_js_1 = require("./Utils.js");
-const Roll_js_1 = require("./Options/Classes/Roll.js");
-class RollUpdater {
+import { initParticle, updateRoll } from "./Utils.js";
+import { Roll } from "./Options/Classes/Roll.js";
+export class RollUpdater {
     constructor(engine) {
         this._engine = engine;
     }
@@ -15,16 +12,14 @@ class RollUpdater {
         };
     }
     init(particle) {
-        (0, Utils_js_1.initParticle)(this._engine, particle);
+        initParticle(this._engine, particle);
     }
     isEnabled(particle) {
         const roll = particle.options.roll;
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.roll) {
-            options.roll = new Roll_js_1.Roll();
-        }
+        options.roll ??= new Roll();
         for (const source of sources) {
             options.roll.load(source?.roll);
         }
@@ -33,7 +28,6 @@ class RollUpdater {
         if (!this.isEnabled(particle)) {
             return;
         }
-        (0, Utils_js_1.updateRoll)(particle, delta);
+        updateRoll(particle, delta);
     }
 }
-exports.RollUpdater = RollUpdater;

package/cjs/Types.js

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

package/cjs/Utils.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initParticle = initParticle;
-exports.updateRoll = updateRoll;
-const engine_1 = require("@tsparticles/engine");
-const RollMode_js_1 = require("./RollMode.js");
+import { AlterType, getRandom, getRangeValue, half, rangeColorToHsl, } from "@tsparticles/engine";
+import { RollMode } from "./RollMode.js";
 const double = 2, doublePI = Math.PI * double, maxAngle = 360;
-function initParticle(engine, particle) {
+export function initParticle(engine, particle) {
     const rollOpt = particle.options.roll;
     if (!rollOpt?.enable) {
         particle.roll = {
@@ -19,35 +15,35 @@ function initParticle(engine, particle) {
     }
     particle.roll = {
         enable: rollOpt.enable,
-        horizontal: rollOpt.mode === RollMode_js_1.RollMode.horizontal || rollOpt.mode === RollMode_js_1.RollMode.both,
-        vertical: rollOpt.mode === RollMode_js_1.RollMode.vertical || rollOpt.mode === RollMode_js_1.RollMode.both,
-        angle: (0, engine_1.getRandom)() * doublePI,
-        speed: (0, engine_1.getRangeValue)(rollOpt.speed) / maxAngle,
+        horizontal: rollOpt.mode === RollMode.horizontal || rollOpt.mode === RollMode.both,
+        vertical: rollOpt.mode === RollMode.vertical || rollOpt.mode === RollMode.both,
+        angle: getRandom() * doublePI,
+        speed: getRangeValue(rollOpt.speed) / maxAngle,
     };
     if (rollOpt.backColor) {
-        particle.backColor = (0, engine_1.rangeColorToHsl)(engine, rollOpt.backColor);
+        particle.backColor = rangeColorToHsl(engine, rollOpt.backColor);
     }
     else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
-        const alterType = (0, engine_1.getRandom)() >= engine_1.half ? engine_1.AlterType.darken : engine_1.AlterType.enlighten;
+        const alterType = getRandom() >= half ? AlterType.darken : AlterType.enlighten;
         particle.roll.alter = {
             type: alterType,
-            value: (0, engine_1.getRangeValue)(alterType === engine_1.AlterType.darken ? rollOpt.darken.value : rollOpt.enlighten.value),
+            value: getRangeValue(alterType === AlterType.darken ? rollOpt.darken.value : rollOpt.enlighten.value),
         };
     }
     else if (rollOpt.darken.enable) {
         particle.roll.alter = {
-            type: engine_1.AlterType.darken,
-            value: (0, engine_1.getRangeValue)(rollOpt.darken.value),
+            type: AlterType.darken,
+            value: getRangeValue(rollOpt.darken.value),
         };
     }
     else if (rollOpt.enlighten.enable) {
         particle.roll.alter = {
-            type: engine_1.AlterType.enlighten,
-            value: (0, engine_1.getRangeValue)(rollOpt.enlighten.value),
+            type: AlterType.enlighten,
+            value: getRangeValue(rollOpt.enlighten.value),
         };
     }
 }
-function updateRoll(particle, delta) {
+export function updateRoll(particle, delta) {
     const roll = particle.options.roll, data = particle.roll;
     if (!data || !roll?.enable) {
         return;

package/cjs/index.js

@@ -1,10 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadRollUpdater = loadRollUpdater;
-const RollUpdater_js_1 = require("./RollUpdater.js");
-async function loadRollUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addParticleUpdater("roll", () => {
-        return Promise.resolve(new RollUpdater_js_1.RollUpdater(engine));
-    }, refresh);
+export function loadRollUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addParticleUpdater("roll", async () => {
+            const { RollUpdater } = await import("./RollUpdater.js");
+            return new RollUpdater(e);
+        });
+    });
 }

package/dist_browser_RollUpdater_js.js

@@ -0,0 +1,70 @@
+/*!
+ * 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_updater_roll"] = this["webpackChunk_tsparticles_updater_roll"] || []).push([["dist_browser_RollUpdater_js"],{
+
+/***/ "./dist/browser/Options/Classes/Roll.js"
+/*!**********************************************!*\
+  !*** ./dist/browser/Options/Classes/Roll.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 */   Roll: () => (/* binding */ Roll)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _RollLight_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RollLight.js */ \"./dist/browser/Options/Classes/RollLight.js\");\n/* harmony import */ var _RollMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../RollMode.js */ \"./dist/browser/RollMode.js\");\n\n\n\nclass Roll {\n  constructor() {\n    this.darken = new _RollLight_js__WEBPACK_IMPORTED_MODULE_1__.RollLight();\n    this.enable = false;\n    this.enlighten = new _RollLight_js__WEBPACK_IMPORTED_MODULE_1__.RollLight();\n    this.mode = _RollMode_js__WEBPACK_IMPORTED_MODULE_2__.RollMode.vertical;\n    this.speed = 25;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.backColor !== undefined) {\n      this.backColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.backColor, data.backColor);\n    }\n    this.darken.load(data.darken);\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    this.enlighten.load(data.enlighten);\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    if (data.speed !== undefined) {\n      this.speed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.speed);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/Options/Classes/Roll.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/RollLight.js"
+/*!***************************************************!*\
+  !*** ./dist/browser/Options/Classes/RollLight.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 */   RollLight: () => (/* binding */ RollLight)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass RollLight {\n  constructor() {\n    this.enable = false;\n    this.value = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.value !== undefined) {\n      this.value = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.value);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/Options/Classes/RollLight.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/RollMode.js"
+/*!**********************************!*\
+  !*** ./dist/browser/RollMode.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 */   RollMode: () => (/* binding */ RollMode)\n/* harmony export */ });\nvar RollMode;\n(function (RollMode) {\n  RollMode[\"both\"] = \"both\";\n  RollMode[\"horizontal\"] = \"horizontal\";\n  RollMode[\"vertical\"] = \"vertical\";\n})(RollMode || (RollMode = {}));\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/RollMode.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/RollUpdater.js"
+/*!*************************************!*\
+  !*** ./dist/browser/RollUpdater.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 */   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  constructor(engine) {\n    this._engine = engine;\n  }\n  getTransformValues(particle) {\n    const roll = particle.roll?.enable && particle.roll,\n      rollHorizontal = roll && roll.horizontal,\n      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//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/RollUpdater.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.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 */   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 double = 2,\n  doublePI = Math.PI * double,\n  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)() * 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,\n    data = particle.roll;\n  if (!data || !roll?.enable) {\n    return;\n  }\n  const speed = data.speed * delta.factor,\n    max = doublePI;\n  data.angle += speed;\n  if (data.angle > max) {\n    data.angle -= max;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-roll/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/RollUpdater.js

@@ -19,9 +19,7 @@ export class RollUpdater {
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        if (!options.roll) {
-            options.roll = new Roll();
-        }
+        options.roll ??= new Roll();
         for (const source of sources) {
             options.roll.load(source?.roll);
         }

package/esm/index.js

@@ -1,7 +1,9 @@
-import { RollUpdater } from "./RollUpdater.js";
-export async function loadRollUpdater(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addParticleUpdater("roll", () => {
-        return Promise.resolve(new RollUpdater(engine));
-    }, refresh);
+export function loadRollUpdater(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(e => {
+        e.addParticleUpdater("roll", async () => {
+            const { RollUpdater } = await import("./RollUpdater.js");
+            return new RollUpdater(e);
+        });
+    });
 }

package/package.json

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