@tsparticles/configs 4.0.2 → 4.0.4

package/tsparticles.configs.js

@@ -1,12 +1,12 @@
 (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);
-/* Utility v4.0.2 */
+/* Utility v4.0.4 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['@tsparticles/engine'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__tsParticlesInternals.engine));
 })(this, (function (engine) { 'use strict';
 
-    const options$2$ = {
+    const options$31 = {
         key: "absorbers",
         name: "Absorbers",
         particles: {
@@ -79,7 +79,7 @@
         },
     };
 
-    const options$2_ = {
+    const options$30 = {
         key: "amongUs",
         name: "Among Us",
         particles: {
@@ -213,11 +213,11 @@
     };
 
     var a = {
-        absorbers: options$2$,
-        amongUs: options$2_,
+        absorbers: options$31,
+        amongUs: options$30,
     };
 
-    const options$2Z = {
+    const options$2$ = {
         key: "backgroundMask",
         name: "Background Mask",
         particles: {
@@ -304,7 +304,7 @@
         },
     };
 
-    const options$2Y = {
+    const options$2_ = {
         key: "backgroundMaskImage",
         name: "Background Mask Image",
         particles: {
@@ -379,7 +379,7 @@
         },
     };
 
-    const options$2X = {
+    const options$2Z = {
         key: "basic",
         name: "Basic",
         particles: {
@@ -451,7 +451,7 @@
         },
     };
 
-    const options$2W = {
+    const options$2Y = {
         key: "big",
         name: "Big Particles",
         particles: {
@@ -537,7 +537,7 @@
         },
     };
 
-    const options$2V = {
+    const options$2X = {
         key: "bigBlend",
         name: "Big Particles with Blend",
         particles: {
@@ -624,7 +624,7 @@
         },
     };
 
-    const options$2U = {
+    const options$2W = {
         key: "bigBlendCombo",
         name: "Big Particles with Global and Particle Blend",
         particles: {
@@ -715,7 +715,7 @@
         },
     };
 
-    const options$2T = {
+    const options$2V = {
         key: "bigBlendParticle",
         name: "Big Particles with Particle Blend",
         particles: {
@@ -802,7 +802,7 @@
         },
     };
 
-    const options$2S = {
+    const options$2U = {
         key: "blackHole",
         name: "Black Hole",
         particles: {
@@ -873,7 +873,7 @@
         },
     };
 
-    const options$2R = {
+    const options$2T = {
         key: "bubble",
         name: "Bubble",
         particles: {
@@ -966,18 +966,18 @@
     };
 
     var b = {
-        backgroundMask: options$2Z,
-        backgroundMaskImage: options$2Y,
-        basic: options$2X,
-        big: options$2W,
-        bigBlend: options$2V,
-        bigBlendCombo: options$2U,
-        bigBlendParticle: options$2T,
-        blackHole: options$2S,
-        bubble: options$2R,
+        backgroundMask: options$2$,
+        backgroundMaskImage: options$2_,
+        basic: options$2Z,
+        big: options$2Y,
+        bigBlend: options$2X,
+        bigBlendCombo: options$2W,
+        bigBlendParticle: options$2V,
+        blackHole: options$2U,
+        bubble: options$2T,
     };
 
-    const options$2Q = {
+    const options$2S = {
         key: "cardSuits",
         name: "Card Suits",
         particles: {
@@ -1080,7 +1080,7 @@
     const cardSuits$1 = ["spades", "hearts", "diamonds", "clubs"], cardValues$1 = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"], allCards$1 = cardSuits$1.flatMap(suit => cardValues$1.map(value => ({
         suit,
         value,
-    }))), options$2P = {
+    }))), options$2R = {
         key: "cards",
         name: "Cards",
         particles: {
@@ -1145,7 +1145,7 @@
     const cardSuits = ["spades", "hearts", "diamonds", "clubs"], cardValues = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"], allCards = cardSuits.flatMap(suit => cardValues.map(value => ({
         suit,
         value,
-    }))), options$2O = {
+    }))), options$2Q = {
         key: "cardsRolling",
         name: "Cards Rolling",
         particles: {
@@ -1235,7 +1235,7 @@
         },
     };
 
-    const options$2N = {
+    const options$2P = {
         key: "chars",
         name: "Chars",
         particles: {
@@ -1340,7 +1340,7 @@
         },
     };
 
-    const options$2M = {
+    const options$2O = {
         key: "clickPause",
         name: "Click Pause",
         particles: {
@@ -1422,7 +1422,7 @@
         },
     };
 
-    const options$2L = {
+    const options$2N = {
         key: "collisionsAbsorb",
         name: "Collisions Absorb",
         particles: {
@@ -1506,7 +1506,7 @@
         },
     };
 
-    const options$2K = {
+    const options$2M = {
         key: "collisionsBounce",
         name: "Collisions Bounce",
         particles: {
@@ -1587,7 +1587,7 @@
         },
     };
 
-    const options$2J = {
+    const options$2L = {
         key: "collisionsDestroy",
         name: "Collisions Destroy",
         particles: {
@@ -1672,7 +1672,7 @@
         smooth: true,
     };
 
-    const options$2I = {
+    const options$2K = {
         key: "colorAnimation",
         name: "Color Animation",
         particles: {
@@ -1749,7 +1749,113 @@
         },
     };
 
-    const options$2H = {
+    const options$2J = {
+        key: "colors",
+        name: "Colors",
+        background: {
+            color: "#000",
+        },
+        interactivity: {
+            events: {
+                onHover: {
+                    mode: "trail",
+                    enable: true,
+                },
+            },
+            modes: {
+                trail: {
+                    delay: 0.005,
+                    quantity: 5,
+                    pauseOnStop: true,
+                    particles: {
+                        paint: {
+                            color: {
+                                value: "#ff0000",
+                                animation: {
+                                    enable: true,
+                                    speed: 400,
+                                    sync: true,
+                                },
+                            },
+                        },
+                        collisions: {
+                            enable: false,
+                        },
+                        links: {
+                            enable: false,
+                        },
+                        move: {
+                            outModes: {
+                                default: "destroy",
+                            },
+                            speed: 2,
+                        },
+                        size: {
+                            value: {
+                                min: 1,
+                                max: 5,
+                            },
+                            animation: {
+                                enable: true,
+                                speed: 5,
+                                sync: true,
+                                startValue: "min",
+                                destroy: "max",
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        particles: {
+            paint: {
+                color: {
+                    animation: {
+                        enable: true,
+                        sync: false,
+                        speed: 50,
+                    },
+                    value: "#ff0000",
+                },
+            },
+            links: {
+                color: "random",
+                enable: true,
+            },
+            move: {
+                enable: true,
+            },
+            number: {
+                value: 100,
+                density: {
+                    enable: true,
+                },
+            },
+            opacity: {
+                animation: {
+                    enable: true,
+                    speed: 0.1,
+                },
+                value: {
+                    min: 0.3,
+                    max: 0.8,
+                },
+            },
+            size: {
+                animation: {
+                    enable: true,
+                    speed: 3,
+                },
+                value: {
+                    min: 1,
+                    max: 3,
+                },
+            },
+        },
+        emitters: [],
+    };
+
+    const options$2I = {
         key: "confettiExplosions",
         name: "Confetti Explosions",
         background: {
@@ -1900,7 +2006,7 @@
         },
     };
 
-    const options$2G = {
+    const options$2H = {
         key: "connect",
         name: "Connect",
         interactivity: {
@@ -2016,7 +2122,7 @@
         },
     };
 
-    const options$2F = {
+    const options$2G = {
         key: "curlNoise",
         name: "Curl Noise",
         particles: {
@@ -2072,21 +2178,22 @@
     };
 
     var c = {
-        cardSuits: options$2Q,
-        cards: options$2P,
-        cardsRolling: options$2O,
-        chars: options$2N,
-        clickPause: options$2M,
-        collisionsAbsorb: options$2L,
-        collisionsBounce: options$2K,
-        collisionsDestroy: options$2J,
-        colorAnimation: options$2I,
-        confettiExplosions: options$2H,
-        connect: options$2G,
-        curlNoise: options$2F,
+        cardSuits: options$2S,
+        cards: options$2R,
+        cardsRolling: options$2Q,
+        chars: options$2P,
+        clickPause: options$2O,
+        collisionsAbsorb: options$2N,
+        collisionsBounce: options$2M,
+        collisionsDestroy: options$2L,
+        colorAnimation: options$2K,
+        colors: options$2J,
+        confettiExplosions: options$2I,
+        connect: options$2H,
+        curlNoise: options$2G,
     };
 
-    const options$2E = {
+    const options$2F = {
         key: "dataImages",
         name: "Data URI Images",
         interactivity: {
@@ -2199,7 +2306,7 @@
         },
     };
 
-    const options$2D = {
+    const options$2E = {
         key: "delay",
         name: "Delay",
         delay: 5,
@@ -2272,7 +2379,7 @@
         },
     };
 
-    const options$2C = {
+    const options$2D = {
         key: "delayColor",
         name: "Delay Color",
         background: {
@@ -2317,7 +2424,7 @@
         },
     };
 
-    const options$2B = {
+    const options$2C = {
         key: "delayOpacity",
         name: "Delay Opacity",
         background: {
@@ -2361,7 +2468,7 @@
         },
     };
 
-    const options$2A = {
+    const options$2B = {
         key: "delaySize",
         name: "Delay Size",
         background: {
@@ -2405,7 +2512,7 @@
         },
     };
 
-    const options$2z = {
+    const options$2A = {
         key: "delayStrokeColor",
         name: "Delay Stroke Color",
         background: {
@@ -2452,7 +2559,7 @@
         },
     };
 
-    const options$2y = {
+    const options$2z = {
         key: "destroy",
         name: "Destroy",
         particles: {
@@ -2535,7 +2642,7 @@
         },
     };
 
-    const options$2x = {
+    const options$2y = {
         key: "destroyExplode",
         name: "Destroy Explode",
         particles: {
@@ -2603,7 +2710,7 @@
         },
     };
 
-    const options$2w = {
+    const options$2x = {
         key: "disappearing",
         name: "Disappearing",
         background: {
@@ -2695,7 +2802,7 @@
         },
     };
 
-    const options$2v = {
+    const options$2w = {
         key: "divEvents",
         name: "Div Events",
         background: {
@@ -2811,19 +2918,19 @@
     };
 
     var d = {
-        dataImages: options$2E,
-        delay: options$2D,
-        delayColor: options$2C,
-        delayOpacity: options$2B,
-        delaySize: options$2A,
-        delayStrokeColor: options$2z,
-        destroy: options$2y,
-        destroyExplode: options$2x,
-        disappearing: options$2w,
-        divEvents: options$2v,
+        dataImages: options$2F,
+        delay: options$2E,
+        delayColor: options$2D,
+        delayOpacity: options$2C,
+        delaySize: options$2B,
+        delayStrokeColor: options$2A,
+        destroy: options$2z,
+        destroyExplode: options$2y,
+        disappearing: options$2x,
+        divEvents: options$2w,
     };
 
-    const options$2u = {
+    const options$2v = {
         key: "effectBubble",
         name: "Effect Bubble",
         particles: {
@@ -2906,7 +3013,7 @@
         },
     };
 
-    const options$2t = {
+    const options$2u = {
         key: "effectFilter",
         name: "Effect Filter",
         particles: {
@@ -2956,7 +3063,7 @@
         },
     };
 
-    const options$2s = {
+    const options$2t = {
         key: "effectParticles",
         name: "Effect Particles",
         particles: {
@@ -3056,7 +3163,7 @@
         },
     };
 
-    const options$2r = {
+    const options$2s = {
         key: "effectTrail",
         name: "Effect Trail",
         particles: {
@@ -3116,7 +3223,7 @@
         },
     };
 
-    const options$2q = {
+    const options$2r = {
         key: "effectTrailTransform",
         name: "Effect Trail Transform",
         particles: {
@@ -3178,7 +3285,7 @@
         },
     };
 
-    const options$2p = {
+    const options$2q = {
         key: "emitter",
         name: "Emitter",
         particles: {
@@ -3455,7 +3562,7 @@
         ],
     };
 
-    const options$2o = {
+    const options$2p = {
         key: "emitterAbsorber",
         name: "Emitter and Absorber",
         particles: {
@@ -3602,7 +3709,7 @@
         ],
     };
 
-    const options$2n = {
+    const options$2o = {
         key: "emitterAngled",
         name: "Emitter Angled",
         particles: {
@@ -3687,7 +3794,7 @@
             rate: rate$3,
             fill,
         };
-    }, options$2m = {
+    }, options$2n = {
         key: "emitterImageShape",
         name: "Emitter Image Shape",
         particles: {
@@ -3765,7 +3872,7 @@
         ],
     };
 
-    const options$2l = {
+    const options$2m = {
         key: "emitterImages",
         name: "Emitter Images",
         particles: {
@@ -3898,7 +4005,7 @@
         },
     };
 
-    const options$2k = {
+    const options$2l = {
         key: "emitterPaths",
         name: "Emitter Paths",
         particles: {
@@ -4028,7 +4135,7 @@
         { x: 100, y: 0 },
         { x: 50, y: 0 },
         { x: 50, y: 25 },
-    ], options$2j = {
+    ], options$2k = {
         key: "emitterShapes",
         name: "Emitter Shapes",
         particles: {
@@ -4080,7 +4187,7 @@
     const emitterRate$2 = {
         delay: 0.1,
         quantity: 2,
-    }, options$2i = {
+    }, options$2j = {
         key: "emitterSpawnColor",
         name: "Emitter Spawn Color",
         particles: {
@@ -4306,7 +4413,7 @@
             rate: rate$1,
             fill,
         };
-    }, options$2h = {
+    }, options$2i = {
         key: "emitterTextShape",
         name: "Emitter Text Shape",
         particles: {
@@ -4410,7 +4517,7 @@
             rate,
             fill,
         };
-    }, options$2g = {
+    }, options$2h = {
         key: "emitterTextStrokeShape",
         name: "Emitter Text Stroke Shape",
         particles: {
@@ -4496,24 +4603,24 @@
     };
 
     var e = {
-        effectBubble: options$2u,
-        effectFilter: options$2t,
-        effectParticles: options$2s,
-        effectTrail: options$2r,
-        effectTrailTransform: options$2q,
-        emitter: options$2p,
-        emitterAbsorber: options$2o,
-        emitterAngled: options$2n,
-        emitterImageShape: options$2m,
-        emitterImages: options$2l,
-        emitterPaths: options$2k,
-        emitterShapes: options$2j,
-        emitterSpawnColor: options$2i,
-        emitterTextShape: options$2h,
-        emitterTextStrokeShape: options$2g,
+        effectBubble: options$2v,
+        effectFilter: options$2u,
+        effectParticles: options$2t,
+        effectTrail: options$2s,
+        effectTrailTransform: options$2r,
+        emitter: options$2q,
+        emitterAbsorber: options$2p,
+        emitterAngled: options$2o,
+        emitterImageShape: options$2n,
+        emitterImages: options$2m,
+        emitterPaths: options$2l,
+        emitterShapes: options$2k,
+        emitterSpawnColor: options$2j,
+        emitterTextShape: options$2i,
+        emitterTextStrokeShape: options$2h,
     };
 
-    const options$2f = {
+    const options$2g = {
         key: "fallingConfetti",
         name: "Falling Confetti",
         background: {
@@ -4655,7 +4762,7 @@
         },
     };
 
-    const options$2e = {
+    const options$2f = {
         key: "fireworks",
         name: "Fireworks",
         fullScreen: {
@@ -4886,7 +4993,7 @@
         },
     };
 
-    const options$2d = {
+    const options$2e = {
         key: "fireworks2",
         name: "Fireworks 2",
         fullScreen: {
@@ -5118,7 +5225,7 @@
         },
     };
 
-    const thirdFactor = 3, third = engine.identity / thirdFactor, options$2c = {
+    const thirdFactor = 3, third = engine.identity / thirdFactor, options$2d = {
         key: "fireworks3",
         name: "Fireworks 3",
         fullScreen: {
@@ -5328,7 +5435,7 @@
         },
     };
 
-    const options$2b = {
+    const options$2c = {
         key: "fireworksMask",
         name: "Fireworks Background Mask",
         fullScreen: {
@@ -5532,7 +5639,7 @@
         },
     };
 
-    const options$2a = {
+    const options$2b = {
         key: "fontawesome",
         name: "Font Awesome",
         interactivity: {
@@ -5633,7 +5740,7 @@
         },
     };
 
-    const options$29 = {
+    const options$2a = {
         key: "forward",
         name: "Forward",
         particles: {
@@ -5725,16 +5832,16 @@
     };
 
     var f = {
-        fallingConfetti: options$2f,
-        fireworks: options$2e,
-        fireworks2: options$2d,
-        fireworks3: options$2c,
-        fireworksMask: options$2b,
-        fontawesome: options$2a,
-        forward: options$29,
+        fallingConfetti: options$2g,
+        fireworks: options$2f,
+        fireworks2: options$2e,
+        fireworks3: options$2d,
+        fireworksMask: options$2c,
+        fontawesome: options$2b,
+        forward: options$2a,
     };
 
-    const options$28 = {
+    const options$29 = {
         key: "gifs",
         name: "Gifs",
         interactivity: {
@@ -5785,7 +5892,7 @@
         },
     };
 
-    const options$27 = {
+    const options$28 = {
         key: "grabRandomColor",
         name: "Grab Random Color",
         particles: {
@@ -5873,7 +5980,7 @@
         },
     };
 
-    const options$26 = {
+    const options$27 = {
         key: "gradients",
         name: "Gradients",
         particles: {
@@ -6048,7 +6155,7 @@
         },
     };
 
-    const options$25 = {
+    const options$26 = {
         key: "gravity",
         name: "Gravity",
         particles: {
@@ -6173,7 +6280,7 @@
         },
     };
 
-    const options$24 = {
+    const options$25 = {
         key: "groups",
         name: "Groups",
         particles: {
@@ -6244,7 +6351,7 @@
         },
     };
 
-    const options$23 = {
+    const options$24 = {
         key: "growing",
         name: "Growing",
         emitters: {
@@ -6320,15 +6427,15 @@
     };
 
     var g = {
-        gifs: options$28,
-        grabRandomColor: options$27,
-        gradients: options$26,
-        gravity: options$25,
-        groups: options$24,
-        growing: options$23,
+        gifs: options$29,
+        grabRandomColor: options$28,
+        gradients: options$27,
+        gravity: options$26,
+        groups: options$25,
+        growing: options$24,
     };
 
-    const options$22 = {
+    const options$23 = {
         key: "hexagonPath",
         name: "Hexagon Path",
         particles: {
@@ -6406,7 +6513,7 @@
         },
     };
 
-    const options$21 = {
+    const options$22 = {
         key: "hollowknight",
         name: "Hollow Knight",
         interactivity: {
@@ -6527,7 +6634,7 @@
         },
     };
 
-    const options$20 = {
+    const options$21 = {
         key: "hyperspace",
         name: "Hyperspace",
         background: {
@@ -6599,12 +6706,12 @@
     };
 
     var h = {
-        hexagonPath: options$22,
-        hollowknight: options$21,
-        hyperspace: options$20,
+        hexagonPath: options$23,
+        hollowknight: options$22,
+        hyperspace: options$21,
     };
 
-    const minFilterValue$1 = 30, minFilterAlpha$1 = 0, options$1$ = {
+    const minFilterValue$1 = 30, minFilterAlpha$1 = 0, options$20 = {
         key: "imageMask",
         name: "Image Mask",
         smooth: true,
@@ -6661,7 +6768,7 @@
         },
     };
 
-    const minFilterValue = 30, minFilterAlpha = 0, options$1_ = {
+    const minFilterValue = 30, minFilterAlpha = 0, options$1$ = {
         key: "imageMaskRepulse",
         name: "Image Mask Repulse Restore",
         smooth: true,
@@ -6725,7 +6832,7 @@
         },
     };
 
-    const options$1Z = {
+    const options$1_ = {
         key: "images",
         name: "Images",
         interactivity: {
@@ -6939,7 +7046,7 @@
         ],
     };
 
-    const options$1Y = {
+    const options$1Z = {
         key: "imagesDirections",
         name: "Images with Custom Directions",
         interactivity: {
@@ -7048,7 +7155,7 @@
         },
     };
 
-    const options$1X = {
+    const options$1Y = {
         key: "infection",
         name: "Infection",
         infection: {
@@ -7132,18 +7239,18 @@
     };
 
     var i = {
-        imageMask: options$1$,
-        imageMaskRepulse: options$1_,
-        images: options$1Z,
-        imagesDirections: options$1Y,
-        infection: options$1X,
+        imageMask: options$20,
+        imageMaskRepulse: options$1$,
+        images: options$1_,
+        imagesDirections: options$1Z,
+        infection: options$1Y,
     };
 
     var j = {};
 
     var k = {};
 
-    const options$1W = {
+    const options$1X = {
         key: "lch",
         name: "LCH",
         particles: {
@@ -7215,7 +7322,7 @@
         },
     };
 
-    const options$1V = {
+    const options$1W = {
         key: "life",
         name: "Life",
         particles: {
@@ -7300,7 +7407,7 @@
         },
     };
 
-    const options$1U = {
+    const options$1V = {
         key: "lightHover",
         name: "Light Hover",
         particles: {
@@ -7375,7 +7482,7 @@
         },
     };
 
-    const options$1T = {
+    const options$1U = {
         key: "linkTriangles",
         name: "Link Triangles",
         particles: {
@@ -7467,7 +7574,7 @@
         },
     };
 
-    const options$1S = {
+    const options$1T = {
         key: "localPolygonMask",
         name: "Local Polygon Mask",
         interactivity: {
@@ -7559,14 +7666,14 @@
     };
 
     var l = {
-        lch: options$1W,
-        life: options$1V,
-        lightHover: options$1U,
-        linkTriangles: options$1T,
-        localPolygonMask: options$1S,
+        lch: options$1X,
+        life: options$1W,
+        lightHover: options$1V,
+        linkTriangles: options$1U,
+        localPolygonMask: options$1T,
     };
 
-    const options$1R = {
+    const options$1S = {
         key: "manual",
         name: "Manual Particles",
         manualParticles: [
@@ -7654,7 +7761,7 @@
         },
     };
 
-    const options$1Q = {
+    const options$1R = {
         key: "matrix",
         name: "Matrix",
         fpsLimit: 30,
@@ -7731,7 +7838,7 @@
         },
     };
 
-    const options$1P = {
+    const options$1Q = {
         key: "motionDisable",
         name: "Motion Disable",
         motion: {
@@ -7807,7 +7914,7 @@
         },
     };
 
-    const options$1O = {
+    const options$1P = {
         key: "motionReduce",
         name: "Motion Reduce",
         motion: {
@@ -7901,7 +8008,7 @@
         },
     };
 
-    const options$1N = {
+    const options$1O = {
         key: "mouseAttract",
         name: "Mouse Attract",
         particles: {
@@ -7993,7 +8100,7 @@
         },
     };
 
-    const options$1M = {
+    const options$1N = {
         key: "mouseBounce",
         name: "Mouse Bounce",
         particles: {
@@ -8080,7 +8187,7 @@
         },
     };
 
-    const options$1L = {
+    const options$1M = {
         key: "mouseCannon",
         name: "Mouse Cannon",
         particles: {
@@ -8182,7 +8289,7 @@
         },
     };
 
-    const options$1K = {
+    const options$1L = {
         key: "mouseDestroy",
         name: "Mouse Destroy",
         particles: {
@@ -8243,7 +8350,7 @@
         },
     };
 
-    const options$1J = {
+    const options$1K = {
         key: "mouseDestroyExplode",
         name: "Mouse Destroy Explode Stress",
         particles: {
@@ -8327,7 +8434,7 @@
         },
     };
 
-    const options$1I = {
+    const options$1J = {
         key: "mouseDrag",
         name: "Mouse Drag",
         particles: {
@@ -8377,7 +8484,7 @@
         },
     };
 
-    const options$1H = {
+    const options$1I = {
         key: "mouseDragMomentum",
         name: "Mouse Drag Momentum",
         particles: {
@@ -8432,7 +8539,7 @@
         },
     };
 
-    const options$1G = {
+    const options$1H = {
         key: "mouseFollow",
         name: "Mouse Follow",
         background: {
@@ -8500,7 +8607,7 @@
         detectRetina: true,
     };
 
-    const options$1F = {
+    const options$1G = {
         key: "mouseParticle",
         name: "Mouse Particle",
         fullScreen: {
@@ -8555,7 +8662,7 @@
         },
     };
 
-    const options$1E = {
+    const options$1F = {
         key: "mouseParticle2",
         name: "Mouse Particle 2",
         background: {
@@ -8621,7 +8728,7 @@
         },
     };
 
-    const options$1D = {
+    const options$1E = {
         key: "mouseTrail",
         name: "Mouse Trail",
         particles: {
@@ -8750,7 +8857,7 @@
         },
     };
 
-    const options$1C = {
+    const options$1D = {
         key: "mouseTrailNoise",
         name: "Mouse Trail Noise",
         particles: {
@@ -8892,7 +8999,7 @@
         },
     };
 
-    const options$1B = {
+    const options$1C = {
         key: "moveAngle",
         name: "Move Angle",
         particles: {
@@ -8980,7 +9087,7 @@
         },
     };
 
-    const options$1A = {
+    const options$1B = {
         key: "moveDistance",
         name: "Move Distance",
         particles: {
@@ -9068,7 +9175,7 @@
         },
     };
 
-    const options$1z = {
+    const options$1A = {
         key: "moveInside",
         name: "Move Inside",
         particles: {
@@ -9115,7 +9222,7 @@
         },
     };
 
-    const options$1y = {
+    const options$1z = {
         key: "moveOutside",
         name: "Move Outside",
         particles: {
@@ -9162,7 +9269,7 @@
         },
     };
 
-    const options$1x = {
+    const options$1y = {
         key: "multipleClickEmitters",
         name: "Multiple Click Emitters",
         background: {
@@ -9274,7 +9381,7 @@
         emitters: [],
     };
 
-    const options$1w = {
+    const options$1x = {
         key: "multiplePolygonMasks",
         name: "Multiple Polygon Masks",
         interactivity: {
@@ -9403,31 +9510,31 @@
     };
 
     var m = {
-        manual: options$1R,
-        matrix: options$1Q,
-        motionDisable: options$1P,
-        motionReduce: options$1O,
-        mouseAttract: options$1N,
-        mouseBounce: options$1M,
-        mouseCannon: options$1L,
-        mouseDestroy: options$1K,
-        mouseDestroyExplode: options$1J,
-        mouseDrag: options$1I,
-        mouseDragMomentum: options$1H,
-        mouseFollow: options$1G,
-        mouseParticle: options$1F,
-        mouseParticle2: options$1E,
-        mouseTrail: options$1D,
-        mouseTrailNoise: options$1C,
-        moveAngle: options$1B,
-        moveDistance: options$1A,
-        moveInside: options$1z,
-        moveOutside: options$1y,
-        multipleClickEmitters: options$1x,
-        multiplePolygonMasks: options$1w,
+        manual: options$1S,
+        matrix: options$1R,
+        motionDisable: options$1Q,
+        motionReduce: options$1P,
+        mouseAttract: options$1O,
+        mouseBounce: options$1N,
+        mouseCannon: options$1M,
+        mouseDestroy: options$1L,
+        mouseDestroyExplode: options$1K,
+        mouseDrag: options$1J,
+        mouseDragMomentum: options$1I,
+        mouseFollow: options$1H,
+        mouseParticle: options$1G,
+        mouseParticle2: options$1F,
+        mouseTrail: options$1E,
+        mouseTrailNoise: options$1D,
+        moveAngle: options$1C,
+        moveDistance: options$1B,
+        moveInside: options$1A,
+        moveOutside: options$1z,
+        multipleClickEmitters: options$1y,
+        multiplePolygonMasks: options$1x,
     };
 
-    const options$1v = {
+    const options$1w = {
         key: "namedColors",
         name: "Named Colors",
         particles: {
@@ -9487,7 +9594,7 @@
         },
     };
 
-    const options$1u = {
+    const options$1v = {
         key: "nasa",
         name: "NASA",
         particles: {
@@ -9577,7 +9684,7 @@
         },
     };
 
-    const options$1t = {
+    const options$1u = {
         key: "noClear",
         name: "No Clear",
         clear: false,
@@ -9681,12 +9788,12 @@
         },
     };
 
-    const options$1s = {
+    const options$1t = {
         key: "noConfig",
         name: "No Config",
     };
 
-    const options$1r = {
+    const options$1s = {
         key: "noisePlanesFractal",
         name: "Noise Planes Fractal",
         background: {
@@ -9777,7 +9884,7 @@
         },
     };
 
-    const options$1q = {
+    const options$1r = {
         key: "noisePlanesPerlin",
         name: "Noise Planes Perlin",
         background: {
@@ -9868,7 +9975,7 @@
         },
     };
 
-    const options$1p = {
+    const options$1q = {
         key: "noisePlanesSimplex",
         name: "Noise Planes Simplex",
         background: {
@@ -9959,7 +10066,7 @@
         },
     };
 
-    const options$1o = {
+    const options$1p = {
         key: "nyancat",
         name: "Nyan Cat",
         particles: {
@@ -10023,7 +10130,7 @@
         },
     };
 
-    const options$1n = {
+    const options$1o = {
         key: "nyancat2",
         name: "Nyan Cat 2",
         particles: {
@@ -10089,18 +10196,18 @@
     };
 
     var n = {
-        namedColors: options$1v,
-        nasa: options$1u,
-        noClear: options$1t,
-        noConfig: options$1s,
-        noisePlanesFractal: options$1r,
-        noisePlanesPerlin: options$1q,
-        noisePlanesSimplex: options$1p,
-        nyancat: options$1o,
-        nyancat2: options$1n,
+        namedColors: options$1w,
+        nasa: options$1v,
+        noClear: options$1u,
+        noConfig: options$1t,
+        noisePlanesFractal: options$1s,
+        noisePlanesPerlin: options$1r,
+        noisePlanesSimplex: options$1q,
+        nyancat: options$1p,
+        nyancat2: options$1o,
     };
 
-    const options$1m = {
+    const options$1n = {
         key: "oklch",
         name: "OKLCH",
         particles: {
@@ -10172,7 +10279,7 @@
         },
     };
 
-    const options$1l = {
+    const options$1m = {
         key: "orbit",
         name: "Orbit",
         particles: {
@@ -10229,8 +10336,8 @@
     };
 
     var o = {
-        oklch: options$1m,
-        orbit: options$1l,
+        oklch: options$1n,
+        orbit: options$1m,
     };
 
     const palettes$1 = {
@@ -10272,7 +10379,7 @@
     });
     var palettes = Object.entries(palettes$1).map(([k, value]) => getPaletteOptions(k, value));
 
-    const options$1k = {
+    const options$1l = {
         key: "parallax",
         name: "Parallax",
         particles: {
@@ -10360,7 +10467,7 @@
         },
     };
 
-    const options$1j = {
+    const options$1k = {
         key: "pathBranches",
         name: "Path Branches",
         particles: {
@@ -10453,7 +10560,7 @@
         },
     };
 
-    const options$1i = {
+    const options$1j = {
         key: "pathBranchesInertia",
         name: "Path Branches Inertia",
         particles: {
@@ -10550,7 +10657,7 @@
         },
     };
 
-    const angleDeltaFactor = 18, options$1h = {
+    const angleDeltaFactor = 18, options$1i = {
         key: "pathBrownian",
         name: "Path Brownian",
         particles: {
@@ -10641,7 +10748,7 @@
         },
     };
 
-    const options$1g = {
+    const options$1h = {
         key: "pathGrid",
         name: "Path Grid",
         particles: {
@@ -10731,7 +10838,7 @@
         },
     };
 
-    const options$1f = {
+    const options$1g = {
         key: "pathLevy",
         name: "Path Levy",
         particles: {
@@ -10823,7 +10930,7 @@
         },
     };
 
-    const options$1e = {
+    const options$1f = {
         key: "pathMaze",
         name: "Path Maze",
         particles: {
@@ -10914,7 +11021,7 @@
         },
     };
 
-    const options$1d = {
+    const options$1e = {
         key: "pathPolygonMask",
         name: "Path Polygon Mask",
         interactivity: {
@@ -11014,7 +11121,7 @@
         },
     };
 
-    const options$1c = {
+    const options$1d = {
         key: "pathSpiral",
         name: "Path Spiral",
         particles: {
@@ -11106,7 +11213,7 @@
         },
     };
 
-    const options$1b = {
+    const options$1c = {
         key: "pathSvg",
         name: "Path SVG",
         particles: {
@@ -11200,7 +11307,7 @@
         },
     };
 
-    const options$1a = {
+    const options$1b = {
         key: "pathZigZag",
         name: "Path Zig Zag",
         particles: {
@@ -11287,7 +11394,7 @@
         },
     };
 
-    const options$19 = {
+    const options$1a = {
         key: "planes",
         name: "Planes",
         interactivity: {
@@ -11341,7 +11448,7 @@
         detectRetina: true,
     };
 
-    const options$18 = {
+    const options$19 = {
         key: "plasma",
         name: "Plasma",
         background: {
@@ -11403,7 +11510,7 @@
         detectRetina: true,
     };
 
-    const options$17 = {
+    const options$18 = {
         key: "poisson",
         name: "Poisson",
         particles: {
@@ -11447,7 +11554,7 @@
         },
     };
 
-    const options$16 = {
+    const options$17 = {
         key: "polygonMask",
         name: "Polygon Mask",
         interactivity: {
@@ -11575,7 +11682,7 @@
         },
     };
 
-    const options$15 = {
+    const options$16 = {
         key: "polygons",
         name: "Polygon Shape",
         particles: {
@@ -11724,7 +11831,7 @@
         },
     };
 
-    const options$14 = {
+    const options$15 = {
         key: "pop",
         name: "Pop",
         particles: {
@@ -11805,28 +11912,28 @@
     }, {});
     var p = {
         ...paletteMap,
-        parallax: options$1k,
-        pathBranches: options$1j,
-        pathBranchesInertia: options$1i,
-        pathBrownian: options$1h,
-        pathGrid: options$1g,
-        pathLevy: options$1f,
-        pathMaze: options$1e,
-        pathPolygonMask: options$1d,
-        pathSpiral: options$1c,
-        pathSvg: options$1b,
-        pathZigZag: options$1a,
-        planes: options$19,
-        plasma: options$18,
-        poisson: options$17,
-        polygonMask: options$16,
-        polygons: options$15,
-        pop: options$14,
+        parallax: options$1l,
+        pathBranches: options$1k,
+        pathBranchesInertia: options$1j,
+        pathBrownian: options$1i,
+        pathGrid: options$1h,
+        pathLevy: options$1g,
+        pathMaze: options$1f,
+        pathPolygonMask: options$1e,
+        pathSpiral: options$1d,
+        pathSvg: options$1c,
+        pathZigZag: options$1b,
+        planes: options$1a,
+        plasma: options$19,
+        poisson: options$18,
+        polygonMask: options$17,
+        polygons: options$16,
+        pop: options$15,
     };
 
     var q = {};
 
-    const options$13 = {
+    const options$14 = {
         key: "random",
         name: "Random Colors",
         interactivity: {
@@ -11923,7 +12030,7 @@
         },
     };
 
-    const options$12 = {
+    const options$13 = {
         key: "randomShapes",
         name: "Random Shapes",
         interactivity: {
@@ -12361,7 +12468,7 @@
         ],
     };
 
-    const options$11 = {
+    const options$12 = {
         key: "reactBubbles",
         name: "React Bubbles",
         interactivity: {
@@ -12465,7 +12572,7 @@
         },
     };
 
-    const options$10 = {
+    const options$11 = {
         key: "reactDefaults",
         name: "React Defaults",
         particles: {
@@ -12518,7 +12625,7 @@
         },
     };
 
-    const options$$ = {
+    const options$10 = {
         key: "reactMultipleImages",
         name: "React Multiple Images",
         particles: {
@@ -12610,7 +12717,7 @@
         },
     };
 
-    const options$_ = {
+    const options$$ = {
         key: "reactNightSky",
         name: "React Night Sky",
         interactivity: {
@@ -12689,7 +12796,7 @@
         },
     };
 
-    const options$Z = {
+    const options$_ = {
         key: "reactPolygonMask",
         name: "React Polygon Mask",
         interactivity: {
@@ -12785,7 +12892,7 @@
         },
     };
 
-    const options$Y = {
+    const options$Z = {
         key: "reactSimple",
         name: "React Simple",
         interactivity: {
@@ -12875,7 +12982,7 @@
         },
     };
 
-    const options$X = {
+    const options$Y = {
         key: "reactSnow",
         name: "React Snow",
         interactivity: {
@@ -12983,7 +13090,7 @@
         },
     };
 
-    const options$W = {
+    const options$X = {
         key: "reduceDuplicates",
         name: "Reduce Duplicates",
         particles: {
@@ -13116,7 +13223,7 @@
         },
     };
 
-    const options$V = {
+    const options$W = {
         key: "repulse",
         name: "Repulse",
         particles: {
@@ -13229,7 +13336,7 @@
         },
     };
 
-    const options$U = {
+    const options$V = {
         key: "repulseBack",
         name: "Repulse Back",
         particles: {
@@ -13285,7 +13392,7 @@
         },
     };
 
-    const options$T = {
+    const options$U = {
         key: "repulseBounce",
         name: "Repulse Bounce",
         particles: {
@@ -13341,7 +13448,7 @@
         },
     };
 
-    const options$S = {
+    const options$T = {
         key: "repulseCirc",
         name: "Repulse Circ",
         particles: {
@@ -13397,7 +13504,7 @@
         },
     };
 
-    const options$R = {
+    const options$S = {
         key: "repulseCubic",
         name: "Repulse Cubic",
         particles: {
@@ -13453,7 +13560,7 @@
         },
     };
 
-    const options$Q = {
+    const options$R = {
         key: "repulseElastic",
         name: "Repulse Elastic",
         particles: {
@@ -13509,7 +13616,7 @@
         },
     };
 
-    const options$P = {
+    const options$Q = {
         key: "repulseExpo",
         name: "Repulse Expo",
         particles: {
@@ -13565,7 +13672,7 @@
         },
     };
 
-    const options$O = {
+    const options$P = {
         key: "repulseGaussian",
         name: "Repulse Gaussian",
         particles: {
@@ -13621,7 +13728,7 @@
         },
     };
 
-    const options$N = {
+    const options$O = {
         key: "repulseExpo",
         name: "Repulse Quart",
         particles: {
@@ -13677,7 +13784,7 @@
         },
     };
 
-    const options$M = {
+    const options$N = {
         key: "repulseQuint",
         name: "Repulse Quint",
         particles: {
@@ -13733,7 +13840,7 @@
         },
     };
 
-    const options$L = {
+    const options$M = {
         key: "repulseSigmoid",
         name: "Repulse Sigmoid",
         particles: {
@@ -13789,7 +13896,7 @@
         },
     };
 
-    const options$K = {
+    const options$L = {
         key: "repulseSine",
         name: "Repulse Sine",
         particles: {
@@ -13845,7 +13952,7 @@
         },
     };
 
-    const options$J = {
+    const options$K = {
         key: "repulseSmoothstep",
         name: "Repulse Smoothstep",
         particles: {
@@ -13901,7 +14008,7 @@
         },
     };
 
-    const options$I = {
+    const options$J = {
         key: "responsive",
         name: "Responsive",
         particles: {
@@ -14021,7 +14128,7 @@
         },
     };
 
-    const options$H = {
+    const options$I = {
         key: "ring",
         name: "Ring",
         particles: {
@@ -14097,34 +14204,34 @@
     };
 
     var r = {
-        random: options$13,
-        randomShapes: options$12,
-        reactBubbles: options$11,
-        reactDefaults: options$10,
-        reactMultipleImages: options$$,
-        reactNightSky: options$_,
-        reactPolygonMask: options$Z,
-        reactSimple: options$Y,
-        reactSnow: options$X,
-        reduceDuplicates: options$W,
-        repulse: options$V,
-        repulseBack: options$U,
-        repulseBounce: options$T,
-        repulseCirc: options$S,
-        repulseCubic: options$R,
-        repulseElastic: options$Q,
-        repulseExpo: options$P,
-        repulseGaussian: options$O,
-        repulseQuart: options$N,
-        repulseQuint: options$M,
-        repulseSigmoid: options$L,
-        repulseSine: options$K,
-        repulseSmoothstep: options$J,
-        responsive: options$I,
-        ring: options$H,
+        random: options$14,
+        randomShapes: options$13,
+        reactBubbles: options$12,
+        reactDefaults: options$11,
+        reactMultipleImages: options$10,
+        reactNightSky: options$$,
+        reactPolygonMask: options$_,
+        reactSimple: options$Z,
+        reactSnow: options$Y,
+        reduceDuplicates: options$X,
+        repulse: options$W,
+        repulseBack: options$V,
+        repulseBounce: options$U,
+        repulseCirc: options$T,
+        repulseCubic: options$S,
+        repulseElastic: options$R,
+        repulseExpo: options$Q,
+        repulseGaussian: options$P,
+        repulseQuart: options$O,
+        repulseQuint: options$N,
+        repulseSigmoid: options$M,
+        repulseSine: options$L,
+        repulseSmoothstep: options$K,
+        responsive: options$J,
+        ring: options$I,
     };
 
-    const options$G = {
+    const options$H = {
         key: "seaAnemone",
         name: "Sea Anemone",
         particles: {
@@ -14213,7 +14320,7 @@
         },
     };
 
-    const options$F = {
+    const options$G = {
         key: "shadow",
         name: "Shadow",
         smooth: true,
@@ -14313,7 +14420,7 @@
         },
     };
 
-    const options$E = {
+    const options$F = {
         key: "shapeArrow",
         name: "Shape Arrow",
         particles: {
@@ -14373,7 +14480,7 @@
         },
     };
 
-    const options$D = {
+    const options$E = {
         key: "shapeCog",
         name: "Shape Cog",
         particles: {
@@ -14474,7 +14581,7 @@
     const emitterRate$1 = {
         delay: 0.2,
         quantity: 1,
-    }, options$C = {
+    }, options$D = {
         key: "shapeEmoji",
         name: "Shape Emoji",
         particles: {
@@ -14658,7 +14765,7 @@
     const emitterRate = {
         delay: 0.2,
         quantity: 1,
-    }, options$B = {
+    }, options$C = {
         key: "shapeEmojiPadding",
         name: "Shape Emoji Padding",
         particles: {
@@ -14770,7 +14877,7 @@
         ],
     };
 
-    const options$A = {
+    const options$B = {
         key: "shapeHeart",
         name: "Shape Heart",
         particles: {
@@ -14857,7 +14964,7 @@
         },
     };
 
-    const options$z = {
+    const options$A = {
         key: "shapeInfinity",
         name: "Shape Infinity",
         particles: {
@@ -14947,7 +15054,7 @@
         },
     };
 
-    const options$y = {
+    const options$z = {
         key: "shapeMultilineText",
         name: "Shape Multiline Text",
         particles: {
@@ -15000,7 +15107,7 @@
         },
     };
 
-    const options$x = {
+    const options$y = {
         key: "shapeOptions",
         name: "Shape Options",
         particles: {
@@ -15064,7 +15171,7 @@
         },
     };
 
-    const options$w = {
+    const options$x = {
         key: "shapePath",
         name: "Shape Path",
         particles: {
@@ -15236,7 +15343,7 @@
         },
     };
 
-    const options$v = {
+    const options$w = {
         key: "shapeRoundedPolygon",
         name: "Shape Rounded Polygon",
         particles: {
@@ -15336,7 +15443,7 @@
         },
     };
 
-    const options$u = {
+    const options$v = {
         key: "shapeRoundedRect",
         name: "Shape Rounded Rect",
         particles: {
@@ -15433,7 +15540,7 @@
         },
     };
 
-    const options$t = {
+    const options$u = {
         key: "shapeSpiral",
         name: "Shape Spiral",
         particles: {
@@ -15537,7 +15644,7 @@
         },
     };
 
-    const options$s = {
+    const options$t = {
         key: "shapeSquircle",
         name: "Shape Squircle",
         particles: {
@@ -15631,7 +15738,7 @@
         },
     };
 
-    const options$r = {
+    const options$s = {
         key: "slow",
         name: "Slow",
         particles: {
@@ -15717,7 +15824,7 @@
         },
     };
 
-    const options$q = {
+    const options$r = {
         key: "snow",
         name: "Snow",
         particles: {
@@ -15769,7 +15876,7 @@
         },
     };
 
-    const options$p = {
+    const options$q = {
         key: "soundsAudio",
         name: "Sounds Audio",
         particles: {
@@ -15840,7 +15947,7 @@
         },
     };
 
-    const options$o = {
+    const options$p = {
         key: "soundsLoop",
         name: "Sounds Loop",
         particles: {
@@ -15911,7 +16018,7 @@
         },
     };
 
-    const options$n = {
+    const options$o = {
         key: "soundsMelodies",
         name: "Sounds Melodies",
         particles: {
@@ -16005,7 +16112,7 @@
         },
     };
 
-    const options$m = {
+    const options$n = {
         key: "soundsMelodyLoop",
         name: "Sounds Melody Loop",
         particles: {
@@ -16351,7 +16458,7 @@
         },
     };
 
-    const options$l = {
+    const options$m = {
         key: "soundsNotes",
         name: "Sounds Notes",
         particles: {
@@ -16437,7 +16544,7 @@
         },
     };
 
-    const options$k = {
+    const options$l = {
         key: "speedDecay",
         name: "Speed Decay",
         particles: {
@@ -16580,7 +16687,7 @@
         },
     };
 
-    const options$j = {
+    const options$k = {
         key: "spin",
         name: "Spin",
         particles: {
@@ -16637,7 +16744,7 @@
         },
     };
 
-    const options$i = {
+    const options$j = {
         key: "star",
         name: "Star",
         particles: {
@@ -16735,7 +16842,7 @@
         },
     };
 
-    const options$h = {
+    const options$i = {
         key: "strokeAnimation",
         name: "Stroke Animation",
         particles: {
@@ -16833,7 +16940,7 @@
         },
     };
 
-    const options$g = {
+    const options$h = {
         key: "style",
         name: "Style",
         particles: {
@@ -16920,7 +17027,7 @@
         },
     };
 
-    const options$f = {
+    const options$g = {
         key: "svgReplace",
         name: "SVG Replace",
         interactivity: {
@@ -17043,37 +17150,37 @@
     };
 
     var s = {
-        seaAnemone: options$G,
-        shadow: options$F,
-        shapeArrow: options$E,
-        shapeCog: options$D,
-        shapeEmoji: options$C,
-        shapeEmojiPadding: options$B,
-        shapeHeart: options$A,
-        shapeInfinity: options$z,
-        shapeMultilineText: options$y,
-        shapeOptions: options$x,
-        shapePath: options$w,
-        shapeRoundedPolygon: options$v,
-        shapeRoundedRect: options$u,
-        shapeSpiral: options$t,
-        shapeSquircle: options$s,
-        slow: options$r,
-        snow: options$q,
-        soundsAudio: options$p,
-        soundsLoop: options$o,
-        soundsMelodies: options$n,
-        soundsMelodyLoop: options$m,
-        soundsNotes: options$l,
-        speedDecay: options$k,
-        spin: options$j,
-        star: options$i,
-        strokeAnimation: options$h,
-        style: options$g,
-        svgReplace: options$f,
+        seaAnemone: options$H,
+        shadow: options$G,
+        shapeArrow: options$F,
+        shapeCog: options$E,
+        shapeEmoji: options$D,
+        shapeEmojiPadding: options$C,
+        shapeHeart: options$B,
+        shapeInfinity: options$A,
+        shapeMultilineText: options$z,
+        shapeOptions: options$y,
+        shapePath: options$x,
+        shapeRoundedPolygon: options$w,
+        shapeRoundedRect: options$v,
+        shapeSpiral: options$u,
+        shapeSquircle: options$t,
+        slow: options$s,
+        snow: options$r,
+        soundsAudio: options$q,
+        soundsLoop: options$p,
+        soundsMelodies: options$o,
+        soundsMelodyLoop: options$n,
+        soundsNotes: options$m,
+        speedDecay: options$l,
+        spin: options$k,
+        star: options$j,
+        strokeAnimation: options$i,
+        style: options$h,
+        svgReplace: options$g,
     };
 
-    const options$e = {
+    const options$f = {
         key: "test",
         name: "Test",
         background: {
@@ -17195,7 +17302,7 @@
         },
     };
 
-    const minAlphaFilter$1 = 0, options$d = {
+    const minAlphaFilter$1 = 0, options$e = {
         key: "textMask",
         name: "Text Mask",
         smooth: true,
@@ -17268,7 +17375,7 @@
         },
     };
 
-    const minAlphaFilter = 0, options$c = {
+    const minAlphaFilter = 0, options$d = {
         key: "textMaskMultiline",
         name: "Text Mask Multiline",
         smooth: true,
@@ -17344,7 +17451,7 @@
         },
     };
 
-    const options$b = {
+    const options$c = {
         key: "themes",
         name: "Themes",
         themes: [
@@ -17554,7 +17661,7 @@
         detectRetina: true,
     };
 
-    const options$a = {
+    const options$b = {
         key: "tilt",
         name: "Tilt",
         background: {
@@ -17652,7 +17759,7 @@
         },
     };
 
-    const options$9 = {
+    const options$a = {
         key: "trails",
         name: "Trails",
         background: {
@@ -17755,7 +17862,7 @@
         },
     };
 
-    const options$8 = {
+    const options$9 = {
         key: "trailsImage",
         name: "Trails Image",
         background: {
@@ -17874,7 +17981,7 @@
         },
     };
 
-    const options$7 = {
+    const options$8 = {
         key: "triangles",
         name: "Triangles",
         particles: {
@@ -17930,6 +18037,91 @@
         },
     };
 
+    const options$7 = {
+        key: "tunnel",
+        name: "Tunnel",
+        particles: {
+            number: {
+                value: 0,
+            },
+            paint: {
+                color: {
+                    value: "#ffffff",
+                },
+            },
+            shape: {
+                type: "circle",
+            },
+            opacity: {
+                value: {
+                    min: 0.3,
+                    max: 0.8,
+                },
+            },
+            size: {
+                value: {
+                    min: 1,
+                    max: 10,
+                },
+            },
+            move: {
+                enable: true,
+                size: true,
+                speed: 5,
+                direction: "none",
+                outModes: {
+                    default: "destroy",
+                },
+            },
+        },
+        background: {
+            color: "#000",
+        },
+        trail: {
+            enable: true,
+            fill: {
+                color: "#000000",
+            },
+            length: 3,
+        },
+        emitters: {
+            direction: "none",
+            rate: {
+                delay: 0.25,
+                quantity: 10,
+            },
+            position: {
+                x: 50,
+                y: 50,
+            },
+            size: {
+                width: 0,
+                height: 0,
+            },
+            spawn: {
+                fill: {
+                    color: {
+                        value: "#ff0000",
+                        animation: {
+                            h: {
+                                enable: true,
+                                speed: 5,
+                            },
+                            l: {
+                                enable: true,
+                                speed: 0,
+                                offset: {
+                                    min: 20,
+                                    max: 80,
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+    };
+
     const options$6 = {
         key: "twinkle",
         name: "Twinkle",
@@ -18040,14 +18232,15 @@
     };
 
     var t = {
-        test: options$e,
-        textMask: options$d,
-        textMaskMultiline: options$c,
-        themes: options$b,
-        tilt: options$a,
-        trail: options$9,
-        trailImage: options$8,
-        triangles: options$7,
+        test: options$f,
+        textMask: options$e,
+        textMaskMultiline: options$d,
+        themes: options$c,
+        tilt: options$b,
+        trail: options$a,
+        trailImage: options$9,
+        triangles: options$8,
+        tunnel: options$7,
         twinkle: options$6,
     };