@tsparticles/updater-roll 4.1.3 → 4.2.0

package/browser/Options/Classes/Roll.js

@@ -1,20 +1,13 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 import { RollLight } from "./RollLight.js";
 import { RollMode } from "../../RollMode.js";
 export class Roll {
     backColor;
-    darken;
-    enable;
-    enlighten;
-    mode;
-    speed;
-    constructor() {
-        this.darken = new RollLight();
-        this.enable = false;
-        this.enlighten = new RollLight();
-        this.mode = RollMode.vertical;
-        this.speed = 25;
-    }
+    darken = new RollLight();
+    enable = false;
+    enlighten = new RollLight();
+    mode = RollMode.vertical;
+    speed = 25;
     load(data) {
         if (isNull(data)) {
             return;
@@ -23,15 +16,9 @@ export class Roll {
             this.backColor = OptionsColor.create(this.backColor, data.backColor);
         }
         this.darken.load(data.darken);
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         this.enlighten.load(data.enlighten);
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
+        loadProperty(this, "mode", data.mode);
+        loadRangeProperty(this, "speed", data.speed);
     }
 }

package/browser/Options/Classes/RollLight.js

@@ -1,20 +1,12 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class RollLight {
-    enable;
-    value;
-    constructor() {
-        this.enable = false;
-        this.value = 0;
-    }
+    enable = false;
+    value = 0;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.value !== undefined) {
-            this.value = setRangeValue(data.value);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "value", data.value);
     }
 }

package/browser/RollUpdater.js

@@ -1,3 +1,4 @@
+import { loadOptionProperty, } from "@tsparticles/engine";
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
@@ -20,10 +21,7 @@ export class RollUpdater {
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        options.roll ??= new Roll();
-        for (const source of sources) {
-            options.roll.load(source?.roll);
-        }
+        loadOptionProperty(options, "roll", Roll, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/browser/index.js

@@ -1,6 +1,6 @@
 import { RollUpdater } from "./RollUpdater.js";
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", () => {
             return Promise.resolve(new RollUpdater(e.pluginManager));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");

package/cjs/Options/Classes/Roll.js

@@ -1,20 +1,13 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 import { RollLight } from "./RollLight.js";
 import { RollMode } from "../../RollMode.js";
 export class Roll {
     backColor;
-    darken;
-    enable;
-    enlighten;
-    mode;
-    speed;
-    constructor() {
-        this.darken = new RollLight();
-        this.enable = false;
-        this.enlighten = new RollLight();
-        this.mode = RollMode.vertical;
-        this.speed = 25;
-    }
+    darken = new RollLight();
+    enable = false;
+    enlighten = new RollLight();
+    mode = RollMode.vertical;
+    speed = 25;
     load(data) {
         if (isNull(data)) {
             return;
@@ -23,15 +16,9 @@ export class Roll {
             this.backColor = OptionsColor.create(this.backColor, data.backColor);
         }
         this.darken.load(data.darken);
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         this.enlighten.load(data.enlighten);
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
+        loadProperty(this, "mode", data.mode);
+        loadRangeProperty(this, "speed", data.speed);
     }
 }

package/cjs/Options/Classes/RollLight.js

@@ -1,20 +1,12 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class RollLight {
-    enable;
-    value;
-    constructor() {
-        this.enable = false;
-        this.value = 0;
-    }
+    enable = false;
+    value = 0;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.value !== undefined) {
-            this.value = setRangeValue(data.value);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "value", data.value);
     }
 }

package/cjs/RollUpdater.js

@@ -1,3 +1,4 @@
+import { loadOptionProperty, } from "@tsparticles/engine";
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
@@ -20,10 +21,7 @@ export class RollUpdater {
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        options.roll ??= new Roll();
-        for (const source of sources) {
-            options.roll.load(source?.roll);
-        }
+        loadOptionProperty(options, "roll", Roll, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { RollUpdater } from "./RollUpdater.js";
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", () => {
             return Promise.resolve(new RollUpdater(e.pluginManager));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");

package/esm/Options/Classes/Roll.js

@@ -1,20 +1,13 @@
-import { OptionsColor, isNull, setRangeValue, } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 import { RollLight } from "./RollLight.js";
 import { RollMode } from "../../RollMode.js";
 export class Roll {
     backColor;
-    darken;
-    enable;
-    enlighten;
-    mode;
-    speed;
-    constructor() {
-        this.darken = new RollLight();
-        this.enable = false;
-        this.enlighten = new RollLight();
-        this.mode = RollMode.vertical;
-        this.speed = 25;
-    }
+    darken = new RollLight();
+    enable = false;
+    enlighten = new RollLight();
+    mode = RollMode.vertical;
+    speed = 25;
     load(data) {
         if (isNull(data)) {
             return;
@@ -23,15 +16,9 @@ export class Roll {
             this.backColor = OptionsColor.create(this.backColor, data.backColor);
         }
         this.darken.load(data.darken);
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         this.enlighten.load(data.enlighten);
-        if (data.mode !== undefined) {
-            this.mode = data.mode;
-        }
-        if (data.speed !== undefined) {
-            this.speed = setRangeValue(data.speed);
-        }
+        loadProperty(this, "mode", data.mode);
+        loadRangeProperty(this, "speed", data.speed);
     }
 }

package/esm/Options/Classes/RollLight.js

@@ -1,20 +1,12 @@
-import { isNull, setRangeValue } from "@tsparticles/engine";
+import { isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class RollLight {
-    enable;
-    value;
-    constructor() {
-        this.enable = false;
-        this.value = 0;
-    }
+    enable = false;
+    value = 0;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
-        if (data.value !== undefined) {
-            this.value = setRangeValue(data.value);
-        }
+        loadProperty(this, "enable", data.enable);
+        loadRangeProperty(this, "value", data.value);
     }
 }

package/esm/RollUpdater.js

@@ -1,3 +1,4 @@
+import { loadOptionProperty, } from "@tsparticles/engine";
 import { initParticle, updateRoll } from "./Utils.js";
 import { Roll } from "./Options/Classes/Roll.js";
 export class RollUpdater {
@@ -20,10 +21,7 @@ export class RollUpdater {
         return !particle.destroyed && !particle.spawning && !!roll?.enable;
     }
     loadOptions(options, ...sources) {
-        options.roll ??= new Roll();
-        for (const source of sources) {
-            options.roll.load(source?.roll);
-        }
+        loadOptionProperty(options, "roll", Roll, ...sources);
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/esm/index.js

@@ -1,6 +1,6 @@
 import { RollUpdater } from "./RollUpdater.js";
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", () => {
             return Promise.resolve(new RollUpdater(e.pluginManager));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadRollUpdater(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("roll", async () => {
             const { RollUpdater } = await import("./RollUpdater.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-roll",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "description": "tsParticles particles roll updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,7 +93,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.1.3"
+    "@tsparticles/engine": "4.2.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.roll.js","children":[{"name":"dist/browser","children":[{"uid":"f885c28c-1","name":"RollMode.js"},{"uid":"f885c28c-3","name":"Utils.js"},{"name":"Options/Classes","children":[{"uid":"f885c28c-5","name":"RollLight.js"},{"uid":"f885c28c-7","name":"Roll.js"}]},{"uid":"f885c28c-9","name":"RollUpdater.js"},{"uid":"f885c28c-11","name":"index.js"},{"uid":"f885c28c-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"f885c28c-1":{"renderedLength":206,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-0"},"f885c28c-3":{"renderedLength":2125,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-2"},"f885c28c-5":{"renderedLength":484,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-4"},"f885c28c-7":{"renderedLength":1023,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-6"},"f885c28c-9":{"renderedLength":1146,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-8"},"f885c28c-11":{"renderedLength":304,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-10"},"f885c28c-13":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"f885c28c-12"}},"nodeMetas":{"f885c28c-0":{"id":"/dist/browser/RollMode.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-1"},"imported":[],"importedBy":[{"uid":"f885c28c-2"},{"uid":"f885c28c-6"}]},"f885c28c-2":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-3"},"imported":[{"uid":"f885c28c-14"},{"uid":"f885c28c-0"}],"importedBy":[{"uid":"f885c28c-8"}]},"f885c28c-4":{"id":"/dist/browser/Options/Classes/RollLight.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-5"},"imported":[{"uid":"f885c28c-14"}],"importedBy":[{"uid":"f885c28c-6"}]},"f885c28c-6":{"id":"/dist/browser/Options/Classes/Roll.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-7"},"imported":[{"uid":"f885c28c-14"},{"uid":"f885c28c-4"},{"uid":"f885c28c-0"}],"importedBy":[{"uid":"f885c28c-8"}]},"f885c28c-8":{"id":"/dist/browser/RollUpdater.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-9"},"imported":[{"uid":"f885c28c-2"},{"uid":"f885c28c-6"}],"importedBy":[{"uid":"f885c28c-10"}]},"f885c28c-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-11"},"imported":[{"uid":"f885c28c-8"}],"importedBy":[{"uid":"f885c28c-12"}]},"f885c28c-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.roll.js":"f885c28c-13"},"imported":[{"uid":"f885c28c-10"}],"importedBy":[],"isEntry":true},"f885c28c-14":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"f885c28c-2"},{"uid":"f885c28c-6"},{"uid":"f885c28c-4"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.updater.roll.js","children":[{"name":"dist/browser","children":[{"uid":"6a819b8a-1","name":"RollMode.js"},{"uid":"6a819b8a-3","name":"Utils.js"},{"name":"Options/Classes","children":[{"uid":"6a819b8a-5","name":"RollLight.js"},{"uid":"6a819b8a-7","name":"Roll.js"}]},{"uid":"6a819b8a-9","name":"RollUpdater.js"},{"uid":"6a819b8a-11","name":"index.js"},{"uid":"6a819b8a-13","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"6a819b8a-1":{"renderedLength":206,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-0"},"6a819b8a-3":{"renderedLength":2125,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-2"},"6a819b8a-5":{"renderedLength":305,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-4"},"6a819b8a-7":{"renderedLength":730,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-6"},"6a819b8a-9":{"renderedLength":1072,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-8"},"6a819b8a-11":{"renderedLength":304,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-10"},"6a819b8a-13":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"6a819b8a-12"}},"nodeMetas":{"6a819b8a-0":{"id":"/dist/browser/RollMode.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-1"},"imported":[],"importedBy":[{"uid":"6a819b8a-2"},{"uid":"6a819b8a-6"}]},"6a819b8a-2":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-3"},"imported":[{"uid":"6a819b8a-14"},{"uid":"6a819b8a-0"}],"importedBy":[{"uid":"6a819b8a-8"}]},"6a819b8a-4":{"id":"/dist/browser/Options/Classes/RollLight.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-5"},"imported":[{"uid":"6a819b8a-14"}],"importedBy":[{"uid":"6a819b8a-6"}]},"6a819b8a-6":{"id":"/dist/browser/Options/Classes/Roll.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-7"},"imported":[{"uid":"6a819b8a-14"},{"uid":"6a819b8a-4"},{"uid":"6a819b8a-0"}],"importedBy":[{"uid":"6a819b8a-8"}]},"6a819b8a-8":{"id":"/dist/browser/RollUpdater.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-9"},"imported":[{"uid":"6a819b8a-14"},{"uid":"6a819b8a-2"},{"uid":"6a819b8a-6"}],"importedBy":[{"uid":"6a819b8a-10"}]},"6a819b8a-10":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-11"},"imported":[{"uid":"6a819b8a-8"}],"importedBy":[{"uid":"6a819b8a-12"}]},"6a819b8a-12":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.roll.js":"6a819b8a-13"},"imported":[{"uid":"6a819b8a-10"}],"importedBy":[],"isEntry":true},"6a819b8a-14":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"6a819b8a-8"},{"uid":"6a819b8a-2"},{"uid":"6a819b8a-6"},{"uid":"6a819b8a-4"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.updater.roll.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Updater v4.1.3 */
+/* Updater v4.2.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine'], factory) :
@@ -69,39 +69,24 @@
     }
 
     class RollLight {
-        enable;
-        value;
-        constructor() {
-            this.enable = false;
-            this.value = 0;
-        }
+        enable = false;
+        value = 0;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.value !== undefined) {
-                this.value = engine.setRangeValue(data.value);
-            }
+            engine.loadProperty(this, "enable", data.enable);
+            engine.loadRangeProperty(this, "value", data.value);
         }
     }
 
     class Roll {
         backColor;
-        darken;
-        enable;
-        enlighten;
-        mode;
-        speed;
-        constructor() {
-            this.darken = new RollLight();
-            this.enable = false;
-            this.enlighten = new RollLight();
-            this.mode = RollMode.vertical;
-            this.speed = 25;
-        }
+        darken = new RollLight();
+        enable = false;
+        enlighten = new RollLight();
+        mode = RollMode.vertical;
+        speed = 25;
         load(data) {
             if (engine.isNull(data)) {
                 return;
@@ -110,16 +95,10 @@
                 this.backColor = engine.OptionsColor.create(this.backColor, data.backColor);
             }
             this.darken.load(data.darken);
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
+            engine.loadProperty(this, "enable", data.enable);
             this.enlighten.load(data.enlighten);
-            if (data.mode !== undefined) {
-                this.mode = data.mode;
-            }
-            if (data.speed !== undefined) {
-                this.speed = engine.setRangeValue(data.speed);
-            }
+            engine.loadProperty(this, "mode", data.mode);
+            engine.loadRangeProperty(this, "speed", data.speed);
         }
     }
 
@@ -143,10 +122,7 @@
             return !particle.destroyed && !particle.spawning && !!roll?.enable;
         }
         loadOptions(options, ...sources) {
-            options.roll ??= new Roll();
-            for (const source of sources) {
-                options.roll.load(source?.roll);
-            }
+            engine.loadOptionProperty(options, "roll", Roll, ...sources);
         }
         update(particle, delta) {
             if (!this.isEnabled(particle)) {
@@ -157,7 +133,7 @@
     }
 
     async function loadRollUpdater(engine) {
-        engine.checkVersion("4.1.3");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("roll", () => {
                 return Promise.resolve(new RollUpdater(e.pluginManager));

package/tsparticles.updater.roll.min.js

@@ -1 +1 @@
-!function(e){e.__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.effects=e.__tsParticlesInternals.effects||{},e.__tsParticlesInternals.engine=e.__tsParticlesInternals.engine||{},e.__tsParticlesInternals.interactions=e.__tsParticlesInternals.interactions||{},e.__tsParticlesInternals.palettes=e.__tsParticlesInternals.palettes||{},e.__tsParticlesInternals.paths=e.__tsParticlesInternals.paths||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins.emittersShapes=e.__tsParticlesInternals.plugins.emittersShapes||{},e.__tsParticlesInternals.presets=e.__tsParticlesInternals.presets||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.utils=e.__tsParticlesInternals.utils||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas.utils=e.__tsParticlesInternals.canvas.utils||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path.utils=e.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(e){return new Proxy(e,{get:function(e,t){return t in e||(e[t]={}),e[t]}})}:function(e){return e};e.__tsParticlesInternals.bundles=t(e.__tsParticlesInternals.bundles),e.__tsParticlesInternals.effects=t(e.__tsParticlesInternals.effects),e.__tsParticlesInternals.interactions=t(e.__tsParticlesInternals.interactions),e.__tsParticlesInternals.palettes=t(e.__tsParticlesInternals.palettes),e.__tsParticlesInternals.paths=t(e.__tsParticlesInternals.paths),e.__tsParticlesInternals.plugins=t(e.__tsParticlesInternals.plugins),e.__tsParticlesInternals.plugins.emittersShapes=t(e.__tsParticlesInternals.plugins.emittersShapes),e.__tsParticlesInternals.presets=t(e.__tsParticlesInternals.presets),e.__tsParticlesInternals.shapes=t(e.__tsParticlesInternals.shapes),e.__tsParticlesInternals.updaters=t(e.__tsParticlesInternals.updaters),e.__tsParticlesInternals.utils=t(e.__tsParticlesInternals.utils),e.__tsParticlesInternals.canvas=t(e.__tsParticlesInternals.canvas),e.__tsParticlesInternals.path=t(e.__tsParticlesInternals.path),e.tsparticlesInternalExports=e.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.updaters.roll=e.__tsParticlesInternals.updaters.roll||{}),e.__tsParticlesInternals.engine)}(this,function(e,t){"use strict";var s;!function(e){e.both="both",e.horizontal="horizontal",e.vertical="vertical"}(s||(s={}));class l{enable;value;constructor(){this.enable=!1,this.value=0}load(e){t.isNull(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.value&&(this.value=t.setRangeValue(e.value)))}}class a{backColor;darken;enable;enlighten;mode;speed;constructor(){this.darken=new l,this.enable=!1,this.enlighten=new l,this.mode=s.vertical,this.speed=25}load(e){t.isNull(e)||(void 0!==e.backColor&&(this.backColor=t.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=t.setRangeValue(e.speed)))}}class n{#e;constructor(e){this.#e=e}getTransformValues(e){const t=e.roll?.enable&&e.roll,s=t&&t.horizontal,l=t&&t.vertical;return{a:s?Math.cos(t.angle):void 0,d:l?Math.sin(t.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===s.horizontal||a.mode===s.both,vertical:a.mode===s.vertical||a.mode===s.both,angle:t.getRandom()*t.doublePI,speed:t.getRangeValue(a.speed)/360},a.backColor)l.backColor=t.rangeColorToHsl(e,a.backColor);else if(a.darken.enable&&a.enlighten.enable){const e=t.getRandom()>=t.half?t.AlterType.darken:t.AlterType.enlighten;l.roll.alter={type:e,value:t.getRangeValue(e===t.AlterType.darken?a.darken.value:a.enlighten.value)}}else a.darken.enable?l.roll.alter={type:t.AlterType.darken,value:t.getRangeValue(a.darken.value)}:a.enlighten.enable&&(l.roll.alter={type:t.AlterType.enlighten,value:t.getRangeValue(a.enlighten.value)});else l.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}(this.#e,e)}isEnabled(e){const t=e.options.roll;return!e.destroyed&&!e.spawning&&!!t?.enable}loadOptions(e,...t){e.roll??=new a;for(const s of t)e.roll.load(s?.roll)}update(e,s){this.isEnabled(e)&&function(e,s){const l=e.options.roll,a=e.roll;if(!a||!l?.enable)return;const n=a.speed*s.factor,r=t.doublePI;a.angle+=n,a.angle>r&&(a.angle-=r)}(e,s)}}async function r(e){e.checkVersion("4.1.3"),await e.pluginManager.register(e=>{e.pluginManager.addParticleUpdater("roll",()=>Promise.resolve(new n(e.pluginManager)))})}const i=globalThis;i.__tsParticlesInternals=i.__tsParticlesInternals??{},i.loadRollUpdater=r,e.loadRollUpdater=r}),Object.assign(globalThis.window||globalThis,{loadRollUpdater:(globalThis.__tsParticlesInternals.updaters.roll||{}).loadRollUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(e){e.__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.effects=e.__tsParticlesInternals.effects||{},e.__tsParticlesInternals.engine=e.__tsParticlesInternals.engine||{},e.__tsParticlesInternals.interactions=e.__tsParticlesInternals.interactions||{},e.__tsParticlesInternals.palettes=e.__tsParticlesInternals.palettes||{},e.__tsParticlesInternals.paths=e.__tsParticlesInternals.paths||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins.emittersShapes=e.__tsParticlesInternals.plugins.emittersShapes||{},e.__tsParticlesInternals.presets=e.__tsParticlesInternals.presets||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.utils=e.__tsParticlesInternals.utils||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas.utils=e.__tsParticlesInternals.canvas.utils||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path.utils=e.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(e){return new Proxy(e,{get:function(e,t){return t in e||(e[t]={}),e[t]}})}:function(e){return e};e.__tsParticlesInternals.bundles=t(e.__tsParticlesInternals.bundles),e.__tsParticlesInternals.effects=t(e.__tsParticlesInternals.effects),e.__tsParticlesInternals.interactions=t(e.__tsParticlesInternals.interactions),e.__tsParticlesInternals.palettes=t(e.__tsParticlesInternals.palettes),e.__tsParticlesInternals.paths=t(e.__tsParticlesInternals.paths),e.__tsParticlesInternals.plugins=t(e.__tsParticlesInternals.plugins),e.__tsParticlesInternals.plugins.emittersShapes=t(e.__tsParticlesInternals.plugins.emittersShapes),e.__tsParticlesInternals.presets=t(e.__tsParticlesInternals.presets),e.__tsParticlesInternals.shapes=t(e.__tsParticlesInternals.shapes),e.__tsParticlesInternals.updaters=t(e.__tsParticlesInternals.updaters),e.__tsParticlesInternals.utils=t(e.__tsParticlesInternals.utils),e.__tsParticlesInternals.canvas=t(e.__tsParticlesInternals.canvas),e.__tsParticlesInternals.path=t(e.__tsParticlesInternals.path),e.tsparticlesInternalExports=e.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.updaters.roll=e.__tsParticlesInternals.updaters.roll||{}),e.__tsParticlesInternals.engine)}(this,function(e,t){"use strict";var s;!function(e){e.both="both",e.horizontal="horizontal",e.vertical="vertical"}(s||(s={}));class l{enable=!1;value=0;load(e){t.isNull(e)||(t.loadProperty(this,"enable",e.enable),t.loadRangeProperty(this,"value",e.value))}}class a{backColor;darken=new l;enable=!1;enlighten=new l;mode=s.vertical;speed=25;load(e){t.isNull(e)||(void 0!==e.backColor&&(this.backColor=t.OptionsColor.create(this.backColor,e.backColor)),this.darken.load(e.darken),t.loadProperty(this,"enable",e.enable),this.enlighten.load(e.enlighten),t.loadProperty(this,"mode",e.mode),t.loadRangeProperty(this,"speed",e.speed))}}class n{#e;constructor(e){this.#e=e}getTransformValues(e){const t=e.roll?.enable&&e.roll,s=t&&t.horizontal,l=t&&t.vertical;return{a:s?Math.cos(t.angle):void 0,d:l?Math.sin(t.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===s.horizontal||a.mode===s.both,vertical:a.mode===s.vertical||a.mode===s.both,angle:t.getRandom()*t.doublePI,speed:t.getRangeValue(a.speed)/360},a.backColor)l.backColor=t.rangeColorToHsl(e,a.backColor);else if(a.darken.enable&&a.enlighten.enable){const e=t.getRandom()>=t.half?t.AlterType.darken:t.AlterType.enlighten;l.roll.alter={type:e,value:t.getRangeValue(e===t.AlterType.darken?a.darken.value:a.enlighten.value)}}else a.darken.enable?l.roll.alter={type:t.AlterType.darken,value:t.getRangeValue(a.darken.value)}:a.enlighten.enable&&(l.roll.alter={type:t.AlterType.enlighten,value:t.getRangeValue(a.enlighten.value)});else l.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}(this.#e,e)}isEnabled(e){const t=e.options.roll;return!e.destroyed&&!e.spawning&&!!t?.enable}loadOptions(e,...s){t.loadOptionProperty(e,"roll",a,...s)}update(e,s){this.isEnabled(e)&&function(e,s){const l=e.options.roll,a=e.roll;if(!a||!l?.enable)return;const n=a.speed*s.factor,r=t.doublePI;a.angle+=n,a.angle>r&&(a.angle-=r)}(e,s)}}async function r(e){e.checkVersion("4.2.0"),await e.pluginManager.register(e=>{e.pluginManager.addParticleUpdater("roll",()=>Promise.resolve(new n(e.pluginManager)))})}const i=globalThis;i.__tsParticlesInternals=i.__tsParticlesInternals??{},i.loadRollUpdater=r,e.loadRollUpdater=r}),Object.assign(globalThis.window||globalThis,{loadRollUpdater:(globalThis.__tsParticlesInternals.updaters.roll||{}).loadRollUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/Options/Classes/Roll.d.ts

@@ -4,11 +4,10 @@ import { RollLight } from "./RollLight.js";
 import { RollMode } from "../../RollMode.js";
 export declare class Roll implements IRoll, IOptionLoader<IRoll> {
     backColor?: OptionsColor;
-    darken: RollLight;
+    readonly darken: RollLight;
     enable: boolean;
-    enlighten: RollLight;
+    readonly enlighten: RollLight;
     mode: RollMode | keyof typeof RollMode;
     speed: RangeValue;
-    constructor();
     load(data?: RecursivePartial<IRoll>): void;
 }

package/types/Options/Classes/RollLight.d.ts

@@ -3,6 +3,5 @@ import type { IRollLight } from "../Interfaces/IRollLight.js";
 export declare class RollLight implements IRollLight, IOptionLoader<IRollLight> {
     enable: boolean;
     value: RangeValue;
-    constructor();
     load(data?: RecursivePartial<IRollLight>): void;
 }