@tsparticles/updater-roll 3.0.0-alpha.1 → 3.0.0-beta.1

package/tsparticles.updater.roll.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,11 +91,65 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadRollUpdater": () => (/* binding */ loadRollUpdater)
+  loadRollUpdater: () => (/* binding */ loadRollUpdater)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Utils.js
+
+function initParticle(particle) {
+  const rollOpt = particle.options.roll;
+  if (!rollOpt?.enable) {
+    particle.roll = {
+      enable: false,
+      horizontal: false,
+      vertical: false,
+      angle: 0,
+      speed: 0
+    };
+    return;
+  }
+  particle.roll = {
+    enable: rollOpt.enable,
+    horizontal: rollOpt.mode === "horizontal" || rollOpt.mode === "both",
+    vertical: rollOpt.mode === "vertical" || rollOpt.mode === "both",
+    angle: (0,engine_root_window_.getRandom)() * Math.PI * 2,
+    speed: (0,engine_root_window_.getRangeValue)(rollOpt.speed) / 360
+  };
+  if (rollOpt.backColor) {
+    particle.backColor = (0,engine_root_window_.rangeColorToHsl)(rollOpt.backColor);
+  } else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
+    const alterType = (0,engine_root_window_.getRandom)() >= 0.5 ? "darken" : "enlighten";
+    particle.roll.alter = {
+      type: alterType,
+      value: (0,engine_root_window_.getRangeValue)(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value)
+    };
+  } else if (rollOpt.darken.enable) {
+    particle.roll.alter = {
+      type: "darken",
+      value: (0,engine_root_window_.getRangeValue)(rollOpt.darken.value)
+    };
+  } else if (rollOpt.enlighten.enable) {
+    particle.roll.alter = {
+      type: "enlighten",
+      value: (0,engine_root_window_.getRangeValue)(rollOpt.enlighten.value)
+    };
+  }
+}
+function updateRoll(particle, delta) {
+  const roll = particle.options.roll,
+    data = particle.roll;
+  if (!data || !roll?.enable) {
+    return;
+  }
+  const speed = data.speed * delta.factor,
+    max = 2 * Math.PI;
+  data.angle += speed;
+  if (data.angle > max) {
+    data.angle -= max;
+  }
+}
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/RollLight.js
 
 class RollLight {
@@ -149,22 +203,9 @@ class Roll {
 ;// CONCATENATED MODULE: ./dist/browser/RollUpdater.js
 
 
-function updateRoll(particle, delta) {
-  const roll = particle.options.roll;
-  if (!particle.roll || !(roll === null || roll === void 0 ? void 0 : roll.enable)) {
-    return;
-  }
-  const speed = particle.roll.speed * delta.factor,
-    max = 2 * Math.PI;
-  particle.roll.angle += speed;
-  if (particle.roll.angle > max) {
-    particle.roll.angle -= max;
-  }
-}
 class RollUpdater {
   getTransformValues(particle) {
-    var _a;
-    const roll = ((_a = particle.roll) === null || _a === void 0 ? void 0 : _a.enable) && particle.roll,
+    const roll = particle.roll?.enable && particle.roll,
       rollHorizontal = roll && roll.horizontal,
       rollVertical = roll && roll.vertical;
     return {
@@ -173,54 +214,18 @@ class RollUpdater {
     };
   }
   init(particle) {
-    const rollOpt = particle.options.roll;
-    if (rollOpt === null || rollOpt === void 0 ? void 0 : rollOpt.enable) {
-      particle.roll = {
-        enable: rollOpt.enable,
-        horizontal: rollOpt.mode === "horizontal" || rollOpt.mode === "both",
-        vertical: rollOpt.mode === "vertical" || rollOpt.mode === "both",
-        angle: (0,engine_root_window_.getRandom)() * Math.PI * 2,
-        speed: (0,engine_root_window_.getRangeValue)(rollOpt.speed) / 360
-      };
-      if (rollOpt.backColor) {
-        particle.backColor = (0,engine_root_window_.rangeColorToHsl)(rollOpt.backColor);
-      } else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
-        const alterType = (0,engine_root_window_.getRandom)() >= 0.5 ? "darken" : "enlighten";
-        particle.roll.alter = {
-          type: alterType,
-          value: (0,engine_root_window_.getRangeValue)(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value)
-        };
-      } else if (rollOpt.darken.enable) {
-        particle.roll.alter = {
-          type: "darken",
-          value: (0,engine_root_window_.getRangeValue)(rollOpt.darken.value)
-        };
-      } else if (rollOpt.enlighten.enable) {
-        particle.roll.alter = {
-          type: "enlighten",
-          value: (0,engine_root_window_.getRangeValue)(rollOpt.enlighten.value)
-        };
-      }
-    } else {
-      particle.roll = {
-        enable: false,
-        horizontal: false,
-        vertical: false,
-        angle: 0,
-        speed: 0
-      };
-    }
+    initParticle(particle);
   }
   isEnabled(particle) {
     const roll = particle.options.roll;
-    return !particle.destroyed && !particle.spawning && !!(roll === null || roll === void 0 ? void 0 : roll.enable);
+    return !particle.destroyed && !particle.spawning && !!roll?.enable;
   }
   loadOptions(options, ...sources) {
     if (!options.roll) {
       options.roll = new Roll();
     }
     for (const source of sources) {
-      options.roll.load(source === null || source === void 0 ? void 0 : source.roll);
+      options.roll.load(source?.roll);
     }
   }
   update(particle, delta) {
@@ -232,8 +237,8 @@ class RollUpdater {
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadRollUpdater(engine) {
-  await engine.addParticleUpdater("roll", () => new RollUpdater());
+async function loadRollUpdater(engine, refresh = true) {
+  await engine.addParticleUpdater("roll", () => new RollUpdater(), refresh);
 }
 })();
 

package/tsparticles.updater.roll.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.updater.roll.min.js.LICENSE.txt */
-!function(e,l){if("object"==typeof exports&&"object"==typeof module)module.exports=l(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],l);else{var o="object"==typeof exports?l(require("@tsparticles/engine")):l(e.window);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(this,(e=>(()=>{"use strict";var l={533:l=>{l.exports=e}},o={};function t(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return l[e](a,a.exports,t),a.exports}t.d=(e,l)=>{for(var o in l)t.o(l,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:l[o]})},t.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{loadRollUpdater:()=>r});var e=t(533);class l{constructor(){this.enable=!1,this.value=0}load(l){l&&(void 0!==l.enable&&(this.enable=l.enable),void 0!==l.value&&(this.value=(0,e.setRangeValue)(l.value)))}}class o{constructor(){this.darken=new l,this.enable=!1,this.enlighten=new l,this.mode="vertical",this.speed=25}load(l){l&&(void 0!==l.backColor&&(this.backColor=e.OptionsColor.create(this.backColor,l.backColor)),this.darken.load(l.darken),void 0!==l.enable&&(this.enable=l.enable),this.enlighten.load(l.enlighten),void 0!==l.mode&&(this.mode=l.mode),void 0!==l.speed&&(this.speed=(0,e.setRangeValue)(l.speed)))}}class a{getTransformValues(e){var l;const o=(null===(l=e.roll)||void 0===l?void 0:l.enable)&&e.roll,t=o&&o.horizontal,n=o&&o.vertical;return{a:t?Math.cos(o.angle):void 0,d:n?Math.sin(o.angle):void 0}}init(l){const o=l.options.roll;if(null==o?void 0:o.enable)if(l.roll={enable:o.enable,horizontal:"horizontal"===o.mode||"both"===o.mode,vertical:"vertical"===o.mode||"both"===o.mode,angle:(0,e.getRandom)()*Math.PI*2,speed:(0,e.getRangeValue)(o.speed)/360},o.backColor)l.backColor=(0,e.rangeColorToHsl)(o.backColor);else if(o.darken.enable&&o.enlighten.enable){const t=(0,e.getRandom)()>=.5?"darken":"enlighten";l.roll.alter={type:t,value:(0,e.getRangeValue)("darken"===t?o.darken.value:o.enlighten.value)}}else o.darken.enable?l.roll.alter={type:"darken",value:(0,e.getRangeValue)(o.darken.value)}:o.enlighten.enable&&(l.roll.alter={type:"enlighten",value:(0,e.getRangeValue)(o.enlighten.value)});else l.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}isEnabled(e){const l=e.options.roll;return!e.destroyed&&!e.spawning&&!!(null==l?void 0:l.enable)}loadOptions(e,...l){e.roll||(e.roll=new o);for(const o of l)e.roll.load(null==o?void 0:o.roll)}update(e,l){this.isEnabled(e)&&function(e,l){const o=e.options.roll;if(!e.roll||!(null==o?void 0:o.enable))return;const t=e.roll.speed*l.factor,n=2*Math.PI;e.roll.angle+=t,e.roll.angle>n&&(e.roll.angle-=n)}(e,l)}}async function r(e){await e.addParticleUpdater("roll",(()=>new a))}})(),n})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],o);else{var l="object"==typeof exports?o(require("@tsparticles/engine")):o(e.window);for(var t in l)("object"==typeof exports?exports:e)[t]=l[t]}}(this,(e=>(()=>{"use strict";var o={533:o=>{o.exports=e}},l={};function t(e){var n=l[e];if(void 0!==n)return n.exports;var a=l[e]={exports:{}};return o[e](a,a.exports,t),a.exports}t.d=(e,o)=>{for(var l in o)t.o(o,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:o[l]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{loadRollUpdater:()=>r});var e=t(533);class o{constructor(){this.enable=!1,this.value=0}load(o){o&&(void 0!==o.enable&&(this.enable=o.enable),void 0!==o.value&&(this.value=(0,e.setRangeValue)(o.value)))}}class l{constructor(){this.darken=new o,this.enable=!1,this.enlighten=new o,this.mode="vertical",this.speed=25}load(o){o&&(void 0!==o.backColor&&(this.backColor=e.OptionsColor.create(this.backColor,o.backColor)),this.darken.load(o.darken),void 0!==o.enable&&(this.enable=o.enable),this.enlighten.load(o.enlighten),void 0!==o.mode&&(this.mode=o.mode),void 0!==o.speed&&(this.speed=(0,e.setRangeValue)(o.speed)))}}class a{getTransformValues(e){const o=e.roll?.enable&&e.roll,l=o&&o.horizontal,t=o&&o.vertical;return{a:l?Math.cos(o.angle):void 0,d:t?Math.sin(o.angle):void 0}}init(o){!function(o){const l=o.options.roll;if(l?.enable)if(o.roll={enable:l.enable,horizontal:"horizontal"===l.mode||"both"===l.mode,vertical:"vertical"===l.mode||"both"===l.mode,angle:(0,e.getRandom)()*Math.PI*2,speed:(0,e.getRangeValue)(l.speed)/360},l.backColor)o.backColor=(0,e.rangeColorToHsl)(l.backColor);else if(l.darken.enable&&l.enlighten.enable){const t=(0,e.getRandom)()>=.5?"darken":"enlighten";o.roll.alter={type:t,value:(0,e.getRangeValue)("darken"===t?l.darken.value:l.enlighten.value)}}else l.darken.enable?o.roll.alter={type:"darken",value:(0,e.getRangeValue)(l.darken.value)}:l.enlighten.enable&&(o.roll.alter={type:"enlighten",value:(0,e.getRangeValue)(l.enlighten.value)});else o.roll={enable:!1,horizontal:!1,vertical:!1,angle:0,speed:0}}(o)}isEnabled(e){const o=e.options.roll;return!e.destroyed&&!e.spawning&&!!o?.enable}loadOptions(e,...o){e.roll||(e.roll=new l);for(const l of o)e.roll.load(l?.roll)}update(e,o){this.isEnabled(e)&&function(e,o){const l=e.options.roll,t=e.roll;if(!t||!l?.enable)return;const n=t.speed*o.factor,a=2*Math.PI;t.angle+=n,t.angle>a&&(t.angle-=a)}(e,o)}}async function r(e,o=!0){await e.addParticleUpdater("roll",(()=>new a),o)}})(),n})()));

package/tsparticles.updater.roll.min.js.LICENSE.txt

@@ -1,8 +1 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v3.0.0-alpha.1
- */
+/*! tsParticles Roll Updater v3.0.0-beta.1 by Matteo Bruni */

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

@@ -1,8 +1,7 @@
-import type { IOptionLoader, RangeValue, RecursivePartial } from "@tsparticles/engine";
-import { OptionsColor } from "@tsparticles/engine";
-import type { IRoll } from "../Interfaces/IRoll";
-import { RollLight } from "./RollLight";
-import { RollMode } from "../../RollMode";
+import { type IOptionLoader, OptionsColor, type RangeValue, type RecursivePartial } from "@tsparticles/engine";
+import type { IRoll } from "../Interfaces/IRoll.js";
+import { RollLight } from "./RollLight.js";
+import { RollMode } from "../../RollMode.js";
 export declare class Roll implements IRoll, IOptionLoader<IRoll> {
     backColor?: OptionsColor;
     darken: RollLight;

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

@@ -1,5 +1,5 @@
-import type { IOptionLoader, RangeValue, RecursivePartial } from "@tsparticles/engine";
-import type { IRollLight } from "../Interfaces/IRollLight";
+import { type IOptionLoader, type RangeValue, type RecursivePartial } from "@tsparticles/engine";
+import type { IRollLight } from "../Interfaces/IRollLight.js";
 export declare class RollLight implements IRollLight, IOptionLoader<IRollLight> {
     enable: boolean;
     value: RangeValue;

package/types/Options/Interfaces/IRoll.d.ts

@@ -1,6 +1,6 @@
 import type { IOptionsColor, RangeValue, SingleOrMultiple } from "@tsparticles/engine";
-import type { IRollLight } from "./IRollLight";
-import type { RollMode } from "../../RollMode";
+import type { IRollLight } from "./IRollLight.js";
+import type { RollMode } from "../../RollMode.js";
 export interface IRoll {
     backColor?: SingleOrMultiple<string> | IOptionsColor;
     darken: IRollLight;

package/types/RollUpdater.d.ts

@@ -1,15 +1,5 @@
-import type { IDelta, IParticleTransformValues, IParticleUpdater, IParticlesOptions, Particle, ParticlesOptions, RecursivePartial } from "@tsparticles/engine";
-import type { IRoll } from "./Options/Interfaces/IRoll";
-import { Roll } from "./Options/Classes/Roll";
-type RollParticle = Particle & {
-    options: RollParticlesOptions;
-};
-type RollParticlesOptions = ParticlesOptions & {
-    roll?: Roll;
-};
-type IRollParticlesOptions = IParticlesOptions & {
-    roll?: IRoll;
-};
+import { type IDelta, type IParticleTransformValues, type IParticleUpdater, type Particle, type RecursivePartial } from "@tsparticles/engine";
+import type { IRollParticlesOptions, RollParticle, RollParticlesOptions } from "./Types.js";
 export declare class RollUpdater implements IParticleUpdater {
     getTransformValues(particle: Particle): IParticleTransformValues;
     init(particle: RollParticle): void;
@@ -17,4 +7,3 @@ export declare class RollUpdater implements IParticleUpdater {
     loadOptions(options: RollParticlesOptions, ...sources: (RecursivePartial<IRollParticlesOptions> | undefined)[]): void;
     update(particle: Particle, delta: IDelta): void;
 }
-export {};

package/types/Types.d.ts

@@ -0,0 +1,12 @@
+import { type IParticlesOptions, type Particle, type ParticlesOptions } from "@tsparticles/engine";
+import type { IRoll } from "./Options/Interfaces/IRoll.js";
+import type { Roll } from "./Options/Classes/Roll.js";
+export type RollParticle = Particle & {
+    options: RollParticlesOptions;
+};
+export type RollParticlesOptions = ParticlesOptions & {
+    roll?: Roll;
+};
+export type IRollParticlesOptions = IParticlesOptions & {
+    roll?: IRoll;
+};

package/types/Utils.d.ts

@@ -0,0 +1,4 @@
+import { type IDelta } from "@tsparticles/engine";
+import type { RollParticle } from "./Types.js";
+export declare function initParticle(particle: RollParticle): void;
+export declare function updateRoll(particle: RollParticle, delta: IDelta): void;

package/types/index.d.ts

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

package/umd/Options/Classes/Roll.js

@@ -4,19 +4,19 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./RollLight"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./RollLight.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Roll = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const RollLight_1 = require("./RollLight");
+    const RollLight_js_1 = require("./RollLight.js");
     class Roll {
         constructor() {
-            this.darken = new RollLight_1.RollLight();
+            this.darken = new RollLight_js_1.RollLight();
             this.enable = false;
-            this.enlighten = new RollLight_1.RollLight();
+            this.enlighten = new RollLight_js_1.RollLight();
             this.mode = "vertical";
             this.speed = 25;
         }

package/umd/RollUpdater.js

@@ -4,94 +4,42 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Roll"], factory);
+        define(["require", "exports", "./Utils.js", "./Options/Classes/Roll.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RollUpdater = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const Roll_1 = require("./Options/Classes/Roll");
-    function updateRoll(particle, delta) {
-        const roll = particle.options.roll;
-        if (!particle.roll || !(roll === null || roll === void 0 ? void 0 : roll.enable)) {
-            return;
-        }
-        const speed = particle.roll.speed * delta.factor, max = 2 * Math.PI;
-        particle.roll.angle += speed;
-        if (particle.roll.angle > max) {
-            particle.roll.angle -= max;
-        }
-    }
+    const Utils_js_1 = require("./Utils.js");
+    const Roll_js_1 = require("./Options/Classes/Roll.js");
     class RollUpdater {
         getTransformValues(particle) {
-            var _a;
-            const roll = ((_a = particle.roll) === null || _a === void 0 ? void 0 : _a.enable) && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;
+            const roll = particle.roll?.enable && particle.roll, rollHorizontal = roll && roll.horizontal, rollVertical = roll && roll.vertical;
             return {
                 a: rollHorizontal ? Math.cos(roll.angle) : undefined,
                 d: rollVertical ? Math.sin(roll.angle) : undefined,
             };
         }
         init(particle) {
-            const rollOpt = particle.options.roll;
-            if (rollOpt === null || rollOpt === void 0 ? void 0 : rollOpt.enable) {
-                particle.roll = {
-                    enable: rollOpt.enable,
-                    horizontal: rollOpt.mode === "horizontal" || rollOpt.mode === "both",
-                    vertical: rollOpt.mode === "vertical" || rollOpt.mode === "both",
-                    angle: (0, engine_1.getRandom)() * Math.PI * 2,
-                    speed: (0, engine_1.getRangeValue)(rollOpt.speed) / 360,
-                };
-                if (rollOpt.backColor) {
-                    particle.backColor = (0, engine_1.rangeColorToHsl)(rollOpt.backColor);
-                }
-                else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
-                    const alterType = (0, engine_1.getRandom)() >= 0.5 ? "darken" : "enlighten";
-                    particle.roll.alter = {
-                        type: alterType,
-                        value: (0, engine_1.getRangeValue)(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value),
-                    };
-                }
-                else if (rollOpt.darken.enable) {
-                    particle.roll.alter = {
-                        type: "darken",
-                        value: (0, engine_1.getRangeValue)(rollOpt.darken.value),
-                    };
-                }
-                else if (rollOpt.enlighten.enable) {
-                    particle.roll.alter = {
-                        type: "enlighten",
-                        value: (0, engine_1.getRangeValue)(rollOpt.enlighten.value),
-                    };
-                }
-            }
-            else {
-                particle.roll = {
-                    enable: false,
-                    horizontal: false,
-                    vertical: false,
-                    angle: 0,
-                    speed: 0,
-                };
-            }
+            (0, Utils_js_1.initParticle)(particle);
         }
         isEnabled(particle) {
             const roll = particle.options.roll;
-            return !particle.destroyed && !particle.spawning && !!(roll === null || roll === void 0 ? void 0 : roll.enable);
+            return !particle.destroyed && !particle.spawning && !!roll?.enable;
         }
         loadOptions(options, ...sources) {
             if (!options.roll) {
-                options.roll = new Roll_1.Roll();
+                options.roll = new Roll_js_1.Roll();
             }
             for (const source of sources) {
-                options.roll.load(source === null || source === void 0 ? void 0 : source.roll);
+                options.roll.load(source?.roll);
             }
         }
         update(particle, delta) {
             if (!this.isEnabled(particle)) {
                 return;
             }
-            updateRoll(particle, delta);
+            (0, Utils_js_1.updateRoll)(particle, delta);
         }
     }
     exports.RollUpdater = RollUpdater;

package/umd/Types.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Utils.js

@@ -0,0 +1,69 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.updateRoll = exports.initParticle = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    function initParticle(particle) {
+        const rollOpt = particle.options.roll;
+        if (!rollOpt?.enable) {
+            particle.roll = {
+                enable: false,
+                horizontal: false,
+                vertical: false,
+                angle: 0,
+                speed: 0,
+            };
+            return;
+        }
+        particle.roll = {
+            enable: rollOpt.enable,
+            horizontal: rollOpt.mode === "horizontal" || rollOpt.mode === "both",
+            vertical: rollOpt.mode === "vertical" || rollOpt.mode === "both",
+            angle: (0, engine_1.getRandom)() * Math.PI * 2,
+            speed: (0, engine_1.getRangeValue)(rollOpt.speed) / 360,
+        };
+        if (rollOpt.backColor) {
+            particle.backColor = (0, engine_1.rangeColorToHsl)(rollOpt.backColor);
+        }
+        else if (rollOpt.darken.enable && rollOpt.enlighten.enable) {
+            const alterType = (0, engine_1.getRandom)() >= 0.5 ? "darken" : "enlighten";
+            particle.roll.alter = {
+                type: alterType,
+                value: (0, engine_1.getRangeValue)(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value),
+            };
+        }
+        else if (rollOpt.darken.enable) {
+            particle.roll.alter = {
+                type: "darken",
+                value: (0, engine_1.getRangeValue)(rollOpt.darken.value),
+            };
+        }
+        else if (rollOpt.enlighten.enable) {
+            particle.roll.alter = {
+                type: "enlighten",
+                value: (0, engine_1.getRangeValue)(rollOpt.enlighten.value),
+            };
+        }
+    }
+    exports.initParticle = initParticle;
+    function updateRoll(particle, delta) {
+        const roll = particle.options.roll, data = particle.roll;
+        if (!data || !roll?.enable) {
+            return;
+        }
+        const speed = data.speed * delta.factor, max = 2 * Math.PI;
+        data.angle += speed;
+        if (data.angle > max) {
+            data.angle -= max;
+        }
+    }
+    exports.updateRoll = updateRoll;
+});

package/umd/index.js

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