@tsparticles/updater-opacity 4.0.5 → 4.1.0

package/browser/OpacityUpdater.js

@@ -1,16 +1,20 @@
 import { getRandom, getRangeValue, initParticleNumericAnimationValue, percentDenominator, updateAnimation, } from "@tsparticles/engine";
+import { Opacity } from "./Options/Classes/Opacity.js";
 export class OpacityUpdater {
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
     }
     init(particle) {
         const opacityOptions = particle.options.opacity, pxRatio = 1;
+        if (!opacityOptions) {
+            return;
+        }
         particle.opacity = initParticleNumericAnimationValue(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.container.retina.reduceFactor;
+                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.#container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
                 particle.opacity.velocity *= getRandom();
             }
@@ -26,6 +30,12 @@ export class OpacityUpdater {
                 ((particle.opacity.maxLoops ?? none) > none &&
                     (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
+    loadOptions(options, ...sources) {
+        options.opacity ??= new Opacity();
+        for (const source of sources) {
+            options.opacity.load(source?.opacity);
+        }
+    }
     reset(particle) {
         if (!particle.opacity) {
             return;
@@ -34,7 +44,7 @@ export class OpacityUpdater {
         particle.opacity.loops = 0;
     }
     update(particle, delta) {
-        if (!this.isEnabled(particle) || !particle.opacity) {
+        if (!this.isEnabled(particle) || !particle.opacity || !particle.options.opacity) {
             return;
         }
         updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);

package/browser/Options/Classes/Opacity.js

@@ -0,0 +1,20 @@
+import { RangedAnimationValueWithRandom, isNull } from "@tsparticles/engine";
+import { OpacityAnimation } from "./OpacityAnimation.js";
+export class Opacity extends RangedAnimationValueWithRandom {
+    animation;
+    constructor() {
+        super();
+        this.animation = new OpacityAnimation();
+        this.value = 1;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        super.load(data);
+        const animation = data.animation;
+        if (animation !== undefined) {
+            this.animation.load(animation);
+        }
+    }
+}

package/browser/Options/Classes/OpacityAnimation.js

@@ -0,0 +1,18 @@
+import { DestroyType, RangedAnimationOptions, isNull, } from "@tsparticles/engine";
+export class OpacityAnimation extends RangedAnimationOptions {
+    destroy;
+    constructor() {
+        super();
+        this.destroy = DestroyType.none;
+        this.speed = 2;
+    }
+    load(data) {
+        super.load(data);
+        if (isNull(data)) {
+            return;
+        }
+        if (data.destroy !== undefined) {
+            this.destroy = data.destroy;
+        }
+    }
+}

package/browser/Options/Interfaces/IOpacity.js

@@ -0,0 +1 @@
+export {};

package/browser/Options/Interfaces/IOpacityAnimation.js

@@ -0,0 +1 @@
+export {};

package/browser/Types.js

@@ -0,0 +1 @@
+export {};

package/browser/index.js

@@ -1,6 +1,6 @@
 import { OpacityUpdater } from "./OpacityUpdater.js";
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", container => {
             return Promise.resolve(new OpacityUpdater(container));

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", async (container) => {
             const { OpacityUpdater } = await import("./OpacityUpdater.js");

package/cjs/OpacityUpdater.js

@@ -1,16 +1,20 @@
 import { getRandom, getRangeValue, initParticleNumericAnimationValue, percentDenominator, updateAnimation, } from "@tsparticles/engine";
+import { Opacity } from "./Options/Classes/Opacity.js";
 export class OpacityUpdater {
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
     }
     init(particle) {
         const opacityOptions = particle.options.opacity, pxRatio = 1;
+        if (!opacityOptions) {
+            return;
+        }
         particle.opacity = initParticleNumericAnimationValue(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.container.retina.reduceFactor;
+                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.#container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
                 particle.opacity.velocity *= getRandom();
             }
@@ -26,6 +30,12 @@ export class OpacityUpdater {
                 ((particle.opacity.maxLoops ?? none) > none &&
                     (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
+    loadOptions(options, ...sources) {
+        options.opacity ??= new Opacity();
+        for (const source of sources) {
+            options.opacity.load(source?.opacity);
+        }
+    }
     reset(particle) {
         if (!particle.opacity) {
             return;
@@ -34,7 +44,7 @@ export class OpacityUpdater {
         particle.opacity.loops = 0;
     }
     update(particle, delta) {
-        if (!this.isEnabled(particle) || !particle.opacity) {
+        if (!this.isEnabled(particle) || !particle.opacity || !particle.options.opacity) {
             return;
         }
         updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);

package/cjs/Options/Classes/Opacity.js

@@ -0,0 +1,20 @@
+import { RangedAnimationValueWithRandom, isNull } from "@tsparticles/engine";
+import { OpacityAnimation } from "./OpacityAnimation.js";
+export class Opacity extends RangedAnimationValueWithRandom {
+    animation;
+    constructor() {
+        super();
+        this.animation = new OpacityAnimation();
+        this.value = 1;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        super.load(data);
+        const animation = data.animation;
+        if (animation !== undefined) {
+            this.animation.load(animation);
+        }
+    }
+}

package/cjs/Options/Classes/OpacityAnimation.js

@@ -0,0 +1,18 @@
+import { DestroyType, RangedAnimationOptions, isNull, } from "@tsparticles/engine";
+export class OpacityAnimation extends RangedAnimationOptions {
+    destroy;
+    constructor() {
+        super();
+        this.destroy = DestroyType.none;
+        this.speed = 2;
+    }
+    load(data) {
+        super.load(data);
+        if (isNull(data)) {
+            return;
+        }
+        if (data.destroy !== undefined) {
+            this.destroy = data.destroy;
+        }
+    }
+}

package/cjs/Options/Interfaces/IOpacity.js

@@ -0,0 +1 @@
+export {};

package/cjs/Options/Interfaces/IOpacityAnimation.js

@@ -0,0 +1 @@
+export {};

package/cjs/Types.js

@@ -0,0 +1 @@
+export {};

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { OpacityUpdater } from "./OpacityUpdater.js";
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", container => {
             return Promise.resolve(new OpacityUpdater(container));

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", async (container) => {
             const { OpacityUpdater } = await import("./OpacityUpdater.js");

package/esm/OpacityUpdater.js

@@ -1,16 +1,20 @@
 import { getRandom, getRangeValue, initParticleNumericAnimationValue, percentDenominator, updateAnimation, } from "@tsparticles/engine";
+import { Opacity } from "./Options/Classes/Opacity.js";
 export class OpacityUpdater {
-    container;
+    #container;
     constructor(container) {
-        this.container = container;
+        this.#container = container;
     }
     init(particle) {
         const opacityOptions = particle.options.opacity, pxRatio = 1;
+        if (!opacityOptions) {
+            return;
+        }
         particle.opacity = initParticleNumericAnimationValue(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.container.retina.reduceFactor;
+                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.#container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
                 particle.opacity.velocity *= getRandom();
             }
@@ -26,6 +30,12 @@ export class OpacityUpdater {
                 ((particle.opacity.maxLoops ?? none) > none &&
                     (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
+    loadOptions(options, ...sources) {
+        options.opacity ??= new Opacity();
+        for (const source of sources) {
+            options.opacity.load(source?.opacity);
+        }
+    }
     reset(particle) {
         if (!particle.opacity) {
             return;
@@ -34,7 +44,7 @@ export class OpacityUpdater {
         particle.opacity.loops = 0;
     }
     update(particle, delta) {
-        if (!this.isEnabled(particle) || !particle.opacity) {
+        if (!this.isEnabled(particle) || !particle.opacity || !particle.options.opacity) {
             return;
         }
         updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);

package/esm/Options/Classes/Opacity.js

@@ -0,0 +1,20 @@
+import { RangedAnimationValueWithRandom, isNull } from "@tsparticles/engine";
+import { OpacityAnimation } from "./OpacityAnimation.js";
+export class Opacity extends RangedAnimationValueWithRandom {
+    animation;
+    constructor() {
+        super();
+        this.animation = new OpacityAnimation();
+        this.value = 1;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        super.load(data);
+        const animation = data.animation;
+        if (animation !== undefined) {
+            this.animation.load(animation);
+        }
+    }
+}

package/esm/Options/Classes/OpacityAnimation.js

@@ -0,0 +1,18 @@
+import { DestroyType, RangedAnimationOptions, isNull, } from "@tsparticles/engine";
+export class OpacityAnimation extends RangedAnimationOptions {
+    destroy;
+    constructor() {
+        super();
+        this.destroy = DestroyType.none;
+        this.speed = 2;
+    }
+    load(data) {
+        super.load(data);
+        if (isNull(data)) {
+            return;
+        }
+        if (data.destroy !== undefined) {
+            this.destroy = data.destroy;
+        }
+    }
+}

package/esm/Options/Interfaces/IOpacity.js

@@ -0,0 +1 @@
+export {};

package/esm/Options/Interfaces/IOpacityAnimation.js

@@ -0,0 +1 @@
+export {};

package/esm/Types.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

@@ -1,6 +1,6 @@
 import { OpacityUpdater } from "./OpacityUpdater.js";
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", container => {
             return Promise.resolve(new OpacityUpdater(container));

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadOpacityUpdater(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addParticleUpdater("opacity", async (container) => {
             const { OpacityUpdater } = await import("./OpacityUpdater.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-opacity",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "description": "tsParticles particles opacity updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,7 +93,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.5"
+    "@tsparticles/engine": "4.1.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.opacity.js","children":[{"name":"dist/browser","children":[{"uid":"0462c09e-1","name":"OpacityUpdater.js"},{"uid":"0462c09e-3","name":"index.js"},{"uid":"0462c09e-5","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"0462c09e-1":{"renderedLength":1690,"gzipLength":0,"brotliLength":0,"metaUid":"0462c09e-0"},"0462c09e-3":{"renderedLength":314,"gzipLength":0,"brotliLength":0,"metaUid":"0462c09e-2"},"0462c09e-5":{"renderedLength":179,"gzipLength":0,"brotliLength":0,"metaUid":"0462c09e-4"}},"nodeMetas":{"0462c09e-0":{"id":"/dist/browser/OpacityUpdater.js","moduleParts":{"tsparticles.updater.opacity.js":"0462c09e-1"},"imported":[{"uid":"0462c09e-6"}],"importedBy":[{"uid":"0462c09e-2"}]},"0462c09e-2":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.opacity.js":"0462c09e-3"},"imported":[{"uid":"0462c09e-0"}],"importedBy":[{"uid":"0462c09e-4"}]},"0462c09e-4":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.opacity.js":"0462c09e-5"},"imported":[{"uid":"0462c09e-2"}],"importedBy":[],"isEntry":true},"0462c09e-6":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"0462c09e-0"}],"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.opacity.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"b4877abc-1","name":"OpacityAnimation.js"},{"uid":"b4877abc-3","name":"Opacity.js"}]},{"uid":"b4877abc-5","name":"OpacityUpdater.js"},{"uid":"b4877abc-7","name":"index.js"},{"uid":"b4877abc-9","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"b4877abc-1":{"renderedLength":467,"gzipLength":0,"brotliLength":0,"metaUid":"b4877abc-0"},"b4877abc-3":{"renderedLength":515,"gzipLength":0,"brotliLength":0,"metaUid":"b4877abc-2"},"b4877abc-5":{"renderedLength":2008,"gzipLength":0,"brotliLength":0,"metaUid":"b4877abc-4"},"b4877abc-7":{"renderedLength":314,"gzipLength":0,"brotliLength":0,"metaUid":"b4877abc-6"},"b4877abc-9":{"renderedLength":179,"gzipLength":0,"brotliLength":0,"metaUid":"b4877abc-8"}},"nodeMetas":{"b4877abc-0":{"id":"/dist/browser/Options/Classes/OpacityAnimation.js","moduleParts":{"tsparticles.updater.opacity.js":"b4877abc-1"},"imported":[{"uid":"b4877abc-10"}],"importedBy":[{"uid":"b4877abc-2"}]},"b4877abc-2":{"id":"/dist/browser/Options/Classes/Opacity.js","moduleParts":{"tsparticles.updater.opacity.js":"b4877abc-3"},"imported":[{"uid":"b4877abc-10"},{"uid":"b4877abc-0"}],"importedBy":[{"uid":"b4877abc-4"}]},"b4877abc-4":{"id":"/dist/browser/OpacityUpdater.js","moduleParts":{"tsparticles.updater.opacity.js":"b4877abc-5"},"imported":[{"uid":"b4877abc-10"},{"uid":"b4877abc-2"}],"importedBy":[{"uid":"b4877abc-6"}]},"b4877abc-6":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.updater.opacity.js":"b4877abc-7"},"imported":[{"uid":"b4877abc-4"}],"importedBy":[{"uid":"b4877abc-8"}]},"b4877abc-8":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.updater.opacity.js":"b4877abc-9"},"imported":[{"uid":"b4877abc-6"}],"importedBy":[],"isEntry":true},"b4877abc-10":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"b4877abc-4"},{"uid":"b4877abc-2"},{"uid":"b4877abc-0"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.updater.opacity.js

@@ -1,23 +1,63 @@
 (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.0.5 */
+/* Updater v4.1.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) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.updaters = global.__tsParticlesInternals.updaters || {}, global.__tsParticlesInternals.updaters.opacity = global.__tsParticlesInternals.updaters.opacity || {}), global.__tsParticlesInternals.engine));
 })(this, (function (exports, engine) { 'use strict';
 
+    class OpacityAnimation extends engine.RangedAnimationOptions {
+        destroy;
+        constructor() {
+            super();
+            this.destroy = engine.DestroyType.none;
+            this.speed = 2;
+        }
+        load(data) {
+            super.load(data);
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.destroy !== undefined) {
+                this.destroy = data.destroy;
+            }
+        }
+    }
+
+    class Opacity extends engine.RangedAnimationValueWithRandom {
+        animation;
+        constructor() {
+            super();
+            this.animation = new OpacityAnimation();
+            this.value = 1;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            super.load(data);
+            const animation = data.animation;
+            if (animation !== undefined) {
+                this.animation.load(animation);
+            }
+        }
+    }
+
     class OpacityUpdater {
-        container;
+        #container;
         constructor(container) {
-            this.container = container;
+            this.#container = container;
         }
         init(particle) {
             const opacityOptions = particle.options.opacity, pxRatio = 1;
+            if (!opacityOptions) {
+                return;
+            }
             particle.opacity = engine.initParticleNumericAnimationValue(opacityOptions, pxRatio);
             const opacityAnimation = opacityOptions.animation;
             if (opacityAnimation.enable) {
                 particle.opacity.velocity =
-                    (engine.getRangeValue(opacityAnimation.speed) / engine.percentDenominator) * this.container.retina.reduceFactor;
+                    (engine.getRangeValue(opacityAnimation.speed) / engine.percentDenominator) * this.#container.retina.reduceFactor;
                 if (!opacityAnimation.sync) {
                     particle.opacity.velocity *= engine.getRandom();
                 }
@@ -33,6 +73,12 @@
                     ((particle.opacity.maxLoops ?? none) > none &&
                         (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
         }
+        loadOptions(options, ...sources) {
+            options.opacity ??= new Opacity();
+            for (const source of sources) {
+                options.opacity.load(source?.opacity);
+            }
+        }
         reset(particle) {
             if (!particle.opacity) {
                 return;
@@ -41,7 +87,7 @@
             particle.opacity.loops = 0;
         }
         update(particle, delta) {
-            if (!this.isEnabled(particle) || !particle.opacity) {
+            if (!this.isEnabled(particle) || !particle.opacity || !particle.options.opacity) {
                 return;
             }
             engine.updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
@@ -49,7 +95,7 @@
     }
 
     async function loadOpacityUpdater(engine) {
-        engine.checkVersion("4.0.5");
+        engine.checkVersion("4.1.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("opacity", container => {
                 return Promise.resolve(new OpacityUpdater(container));

package/tsparticles.updater.opacity.min.js

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.opacity=t.__tsParticlesInternals.updaters.opacity||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";class e{container;constructor(t){this.container=t}init(t){const e=t.options.opacity;t.opacity=s.initParticleNumericAnimationValue(e,1);const a=e.animation;a.enable&&(t.opacity.velocity=s.getRangeValue(a.speed)/s.percentDenominator*this.container.retina.reduceFactor,a.sync||(t.opacity.velocity*=s.getRandom()))}isEnabled(t){return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((t.opacity.maxLoops??0)<=0||(t.opacity.maxLoops??0)>0&&(t.opacity.loops??0)<(t.opacity.maxLoops??0))}reset(t){t.opacity&&(t.opacity.time=0,t.opacity.loops=0)}update(t,e){this.isEnabled(t)&&t.opacity&&s.updateAnimation(t,t.opacity,!0,t.options.opacity.animation.destroy,e)}}async function a(t){t.checkVersion("4.0.5"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("opacity",t=>Promise.resolve(new e(t)))})}const n=globalThis;n.__tsParticlesInternals=n.__tsParticlesInternals??{},n.loadOpacityUpdater=a,t.loadOpacityUpdater=a}),Object.assign(globalThis.window||globalThis,{loadOpacityUpdater:(globalThis.__tsParticlesInternals.updaters.opacity||{}).loadOpacityUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.updaters.opacity=t.__tsParticlesInternals.updaters.opacity||{}),t.__tsParticlesInternals.engine)}(this,function(t,s){"use strict";class e extends s.RangedAnimationOptions{destroy;constructor(){super(),this.destroy=s.DestroyType.none,this.speed=2}load(t){super.load(t),s.isNull(t)||void 0!==t.destroy&&(this.destroy=t.destroy)}}class a extends s.RangedAnimationValueWithRandom{animation;constructor(){super(),this.animation=new e,this.value=1}load(t){if(s.isNull(t))return;super.load(t);const e=t.animation;void 0!==e&&this.animation.load(e)}}class n{#t;constructor(t){this.#t=t}init(t){const e=t.options.opacity;if(!e)return;t.opacity=s.initParticleNumericAnimationValue(e,1);const a=e.animation;a.enable&&(t.opacity.velocity=s.getRangeValue(a.speed)/s.percentDenominator*this.#t.retina.reduceFactor,a.sync||(t.opacity.velocity*=s.getRandom()))}isEnabled(t){return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((t.opacity.maxLoops??0)<=0||(t.opacity.maxLoops??0)>0&&(t.opacity.loops??0)<(t.opacity.maxLoops??0))}loadOptions(t,...s){t.opacity??=new a;for(const e of s)t.opacity.load(e?.opacity)}reset(t){t.opacity&&(t.opacity.time=0,t.opacity.loops=0)}update(t,e){this.isEnabled(t)&&t.opacity&&t.options.opacity&&s.updateAnimation(t,t.opacity,!0,t.options.opacity.animation.destroy,e)}}async function r(t){t.checkVersion("4.1.0"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("opacity",t=>Promise.resolve(new n(t)))})}const i=globalThis;i.__tsParticlesInternals=i.__tsParticlesInternals??{},i.loadOpacityUpdater=r,t.loadOpacityUpdater=r}),Object.assign(globalThis.window||globalThis,{loadOpacityUpdater:(globalThis.__tsParticlesInternals.updaters.opacity||{}).loadOpacityUpdater}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/OpacityUpdater.d.ts

@@ -1,9 +1,11 @@
-import { type Container, type IDelta, type IParticleUpdater, type Particle } from "@tsparticles/engine";
+import { type Container, type IDelta, type IParticleUpdater, type RecursivePartial } from "@tsparticles/engine";
+import { type IOpacityParticlesOptions, type OpacityParticle, type OpacityParticlesOptions } from "./Types.js";
 export declare class OpacityUpdater implements IParticleUpdater {
-    private readonly container;
+    #private;
     constructor(container: Container);
-    init(particle: Particle): void;
-    isEnabled(particle: Particle): boolean;
-    reset(particle: Particle): void;
-    update(particle: Particle, delta: IDelta): void;
+    init(particle: OpacityParticle): void;
+    isEnabled(particle: OpacityParticle): boolean;
+    loadOptions(options: OpacityParticlesOptions, ...sources: (RecursivePartial<IOpacityParticlesOptions> | undefined)[]): void;
+    reset(particle: OpacityParticle): void;
+    update(particle: OpacityParticle, delta: IDelta): void;
 }

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

@@ -0,0 +1,8 @@
+import { type IOptionLoader, RangedAnimationValueWithRandom, type RecursivePartial } from "@tsparticles/engine";
+import type { IOpacity } from "../Interfaces/IOpacity.js";
+import { OpacityAnimation } from "./OpacityAnimation.js";
+export declare class Opacity extends RangedAnimationValueWithRandom implements IOpacity, IOptionLoader<IOpacity> {
+    readonly animation: OpacityAnimation;
+    constructor();
+    load(data?: RecursivePartial<IOpacity>): void;
+}

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

@@ -0,0 +1,7 @@
+import { DestroyType, type IOptionLoader, RangedAnimationOptions, type RecursivePartial } from "@tsparticles/engine";
+import type { IOpacityAnimation } from "../Interfaces/IOpacityAnimation.js";
+export declare class OpacityAnimation extends RangedAnimationOptions implements IOpacityAnimation, IOptionLoader<IOpacityAnimation> {
+    destroy: DestroyType | keyof typeof DestroyType;
+    constructor();
+    load(data?: RecursivePartial<IOpacityAnimation>): void;
+}

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

@@ -0,0 +1,5 @@
+import type { IOpacityAnimation } from "./IOpacityAnimation.js";
+import type { IValueWithRandom } from "@tsparticles/engine";
+export interface IOpacity extends IValueWithRandom {
+    animation: IOpacityAnimation;
+}

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

@@ -0,0 +1,4 @@
+import type { DestroyType, IRangedAnimation } from "@tsparticles/engine";
+export interface IOpacityAnimation extends IRangedAnimation {
+    destroy: DestroyType | keyof typeof DestroyType;
+}

package/types/Types.d.ts

@@ -0,0 +1,12 @@
+import { type IParticlesOptions, type Particle, type ParticlesOptions } from "@tsparticles/engine";
+import type { IOpacity } from "./Options/Interfaces/IOpacity.js";
+import type { Opacity } from "./Options/Classes/Opacity.js";
+export type OpacityParticlesOptions = ParticlesOptions & {
+    opacity?: Opacity;
+};
+export type IOpacityParticlesOptions = IParticlesOptions & {
+    opacity?: IOpacity;
+};
+export type OpacityParticle = Particle & {
+    options: OpacityParticlesOptions;
+};