tsparticles 1.41.4 → 1.42.0

package/tsparticles.updater.strokeColor.js

@@ -613,7 +613,7 @@
         }
         const container = this.container, slowFactor = this.getProximitySpeedFactor(particle), baseSpeed = ((_a = (_d = particle.retina).moveSpeed) !== null && _a !== void 0 ? _a : _d.moveSpeed = getRangeValue(moveOptions.speed) * container.retina.pixelRatio) * container.retina.reduceFactor, moveDrift = (_b = (_e = particle.retina).moveDrift) !== null && _b !== void 0 ? _b : _e.moveDrift = getRangeValue(particle.options.move.drift) * container.retina.pixelRatio, maxSize = getRangeMax(particleOptions.size.value) * container.retina.pixelRatio, sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : 1, diffFactor = 2, speedFactor = sizeFactor * slowFactor * (delta.factor || 1) / diffFactor, moveSpeed = baseSpeed * speedFactor;
         this.applyPath(particle, delta);
-        const gravityOptions = moveOptions.gravity;
+        const gravityOptions = particle.gravity;
         const gravityFactor = gravityOptions.enable && gravityOptions.inverse ? -1 : 1;
         if (gravityOptions.enable && moveSpeed) {
           particle.velocity.y += gravityFactor * (gravityOptions.acceleration * delta.factor) / (60 * moveSpeed);
@@ -627,7 +627,7 @@
         }
         const velocity = particle.velocity.mult(moveSpeed);
         const maxSpeed = (_c = particle.retina.maxSpeed) !== null && _c !== void 0 ? _c : container.retina.maxSpeed;
-        if (gravityOptions.enable && gravityOptions.maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
+        if (gravityOptions.enable && maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
           velocity.y = gravityFactor * maxSpeed;
           if (moveSpeed) {
             particle.velocity.y = velocity.y / moveSpeed;
@@ -986,10 +986,7 @@
         const container = this.container;
         const pxRatio = container.retina.pixelRatio;
         const size = container.canvas.size;
-        const oldSize = {
-          width: size.width,
-          height: size.height
-        };
+        const oldSize = Object.assign({}, size);
         size.width = this.element.offsetWidth * pxRatio;
         size.height = this.element.offsetHeight * pxRatio;
         this.element.width = size.width;
@@ -1048,7 +1045,7 @@
         const zIndexOptions = particle.options.zIndex;
         const zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate;
         const radius = particle.getRadius();
-        const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
+        const opacity = twinkling ? getRangeValue(twinkle.opacity) : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
         const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
         const zOpacity = opacity * zOpacityFactor;
         const fillColorValue = fColor ? getStyleFromHsl(fColor, zOpacity) : undefined;
@@ -1319,7 +1316,7 @@
           return;
         }
         if (data.count !== undefined) {
-          this.count = data.count;
+          this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
           this.enable = data.enable;
@@ -1328,7 +1325,7 @@
           this.offset = setRangeValue(data.offset);
         }
         if (data.speed !== undefined) {
-          this.speed = data.speed;
+          this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
           this.sync = data.sync;
@@ -1476,13 +1473,13 @@
           return;
         }
         if (data.count !== undefined) {
-          this.count = data.count;
+          this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
           this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-          this.speed = data.speed;
+          this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
           this.sync = data.sync;
@@ -1502,13 +1499,13 @@
           return;
         }
         if (data.count !== undefined) {
-          this.count = data.count;
+          this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
           this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-          this.speed = data.speed;
+          this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
           this.sync = data.sync;
@@ -1680,6 +1677,90 @@
         this.duration.load(data.duration);
       }
     }
+    class Attract_Attract {
+      constructor() {
+        this.distance = 200;
+        this.enable = false;
+        this.rotate = {
+          x: 3e3,
+          y: 3e3
+        };
+      }
+      get rotateX() {
+        return this.rotate.x;
+      }
+      set rotateX(value) {
+        this.rotate.x = value;
+      }
+      get rotateY() {
+        return this.rotate.y;
+      }
+      set rotateY(value) {
+        this.rotate.y = value;
+      }
+      load(data) {
+        var _a, _b, _c, _d;
+        if (!data) {
+          return;
+        }
+        if (data.distance !== undefined) {
+          this.distance = setRangeValue(data.distance);
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        const rotateX = (_b = (_a = data.rotate) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : data.rotateX;
+        if (rotateX !== undefined) {
+          this.rotate.x = rotateX;
+        }
+        const rotateY = (_d = (_c = data.rotate) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : data.rotateY;
+        if (rotateY !== undefined) {
+          this.rotate.y = rotateY;
+        }
+      }
+    }
+    class MoveAngle_MoveAngle {
+      constructor() {
+        this.offset = 0;
+        this.value = 90;
+      }
+      load(data) {
+        if (data === undefined) {
+          return;
+        }
+        if (data.offset !== undefined) {
+          this.offset = setRangeValue(data.offset);
+        }
+        if (data.value !== undefined) {
+          this.value = setRangeValue(data.value);
+        }
+      }
+    }
+    class MoveGravity_MoveGravity {
+      constructor() {
+        this.acceleration = 9.81;
+        this.enable = false;
+        this.inverse = false;
+        this.maxSpeed = 50;
+      }
+      load(data) {
+        if (!data) {
+          return;
+        }
+        if (data.acceleration !== undefined) {
+          this.acceleration = setRangeValue(data.acceleration);
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.inverse !== undefined) {
+          this.inverse = data.inverse;
+        }
+        if (data.maxSpeed !== undefined) {
+          this.maxSpeed = setRangeValue(data.maxSpeed);
+        }
+      }
+    }
     class PathDelay_PathDelay extends(null && ValueWithRandom){
       constructor() {
         super();
@@ -1841,6 +1922,70 @@
         }
       }
     }
+    class AnimationOptions_AnimationOptions {
+      constructor() {
+        this.count = 0;
+        this.enable = false;
+        this.speed = 1;
+        this.sync = false;
+      }
+      load(data) {
+        if (!data) {
+          return;
+        }
+        if (data.count !== undefined) {
+          this.count = setRangeValue(data.count);
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+          this.speed = setRangeValue(data.speed);
+        }
+        if (data.sync !== undefined) {
+          this.sync = data.sync;
+        }
+      }
+    }
+    class OpacityAnimation_OpacityAnimation extends(null && AnimationOptions){
+      constructor() {
+        super();
+        this.destroy = "none";
+        this.enable = false;
+        this.speed = 2;
+        this.startValue = "random";
+        this.sync = false;
+      }
+      get opacity_min() {
+        return this.minimumValue;
+      }
+      set opacity_min(value) {
+        this.minimumValue = value;
+      }
+      load(data) {
+        var _a;
+        if (data === undefined) {
+          return;
+        }
+        super.load(data);
+        if (data.destroy !== undefined) {
+          this.destroy = data.destroy;
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.opacity_min;
+        if (data.speed !== undefined) {
+          this.speed = data.speed;
+        }
+        if (data.startValue !== undefined) {
+          this.startValue = data.startValue;
+        }
+        if (data.sync !== undefined) {
+          this.sync = data.sync;
+        }
+      }
+    }
     class Opacity_Opacity extends(null && ValueWithRandom){
       constructor() {
         super();
@@ -1899,13 +2044,13 @@
           this.enable = data.enable;
         }
         if (data.opacity !== undefined) {
-          this.opacity = data.opacity;
+          this.opacity = setRangeValue(data.opacity);
         }
         if (data.width !== undefined) {
-          this.width = data.width;
+          this.width = setRangeValue(data.width);
         }
         if (data.radius !== undefined) {
-          this.radius = data.radius;
+          this.radius = setRangeValue(data.radius);
         }
         if (data.color !== undefined) {
           this.color = OptionsColor.create(this.color, data.color);
@@ -1930,16 +2075,33 @@
           this.enabled = data.enabled;
         }
         if (data.distance !== undefined) {
-          this.distance = data.distance;
+          this.distance = setRangeValue(data.distance);
         }
         if (data.duration !== undefined) {
-          this.duration = data.duration;
+          this.duration = setRangeValue(data.duration);
         }
         if (data.factor !== undefined) {
-          this.factor = data.factor;
+          this.factor = setRangeValue(data.factor);
         }
         if (data.speed !== undefined) {
-          this.speed = data.speed;
+          this.speed = setRangeValue(data.speed);
+        }
+      }
+    }
+    class RollLight_RollLight {
+      constructor() {
+        this.enable = false;
+        this.value = 0;
+      }
+      load(data) {
+        if (!data) {
+          return;
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.value !== undefined) {
+          this.value = setRangeValue(data.value);
         }
       }
     }
@@ -1971,6 +2133,27 @@
         }
       }
     }
+    class RotateAnimation_RotateAnimation {
+      constructor() {
+        this.enable = false;
+        this.speed = 0;
+        this.sync = false;
+      }
+      load(data) {
+        if (data === undefined) {
+          return;
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+          this.speed = setRangeValue(data.speed);
+        }
+        if (data.sync !== undefined) {
+          this.sync = data.sync;
+        }
+      }
+    }
     class Rotate_Rotate extends(null && ValueWithRandom){
       constructor() {
         super();
@@ -2089,6 +2272,45 @@
         }
       }
     }
+    class SizeAnimation_SizeAnimation extends(null && AnimationOptions){
+      constructor() {
+        super();
+        this.destroy = "none";
+        this.enable = false;
+        this.speed = 5;
+        this.startValue = "random";
+        this.sync = false;
+      }
+      get size_min() {
+        return this.minimumValue;
+      }
+      set size_min(value) {
+        this.minimumValue = value;
+      }
+      load(data) {
+        var _a;
+        if (data === undefined) {
+          return;
+        }
+        super.load(data);
+        if (data.destroy !== undefined) {
+          this.destroy = data.destroy;
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.size_min;
+        if (data.speed !== undefined) {
+          this.speed = data.speed;
+        }
+        if (data.startValue !== undefined) {
+          this.startValue = data.startValue;
+        }
+        if (data.sync !== undefined) {
+          this.sync = data.sync;
+        }
+      }
+    }
     class Size_Size extends(null && ValueWithRandom){
       constructor() {
         super();
@@ -2134,6 +2356,27 @@
         }
       }
     }
+    class TiltAnimation_TiltAnimation {
+      constructor() {
+        this.enable = false;
+        this.speed = 0;
+        this.sync = false;
+      }
+      load(data) {
+        if (data === undefined) {
+          return;
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+          this.speed = setRangeValue(data.speed);
+        }
+        if (data.sync !== undefined) {
+          this.sync = data.sync;
+        }
+      }
+    }
     class Tilt_Tilt extends(null && ValueWithRandom){
       constructor() {
         super();
@@ -2156,6 +2399,43 @@
         }
       }
     }
+    class TwinkleValues_TwinkleValues {
+      constructor() {
+        this.enable = false;
+        this.frequency = .05;
+        this.opacity = 1;
+      }
+      load(data) {
+        if (data === undefined) {
+          return;
+        }
+        if (data.color !== undefined) {
+          this.color = OptionsColor.create(this.color, data.color);
+        }
+        if (data.enable !== undefined) {
+          this.enable = data.enable;
+        }
+        if (data.frequency !== undefined) {
+          this.frequency = data.frequency;
+        }
+        if (data.opacity !== undefined) {
+          this.opacity = setRangeValue(data.opacity);
+        }
+      }
+    }
+    class Twinkle_Twinkle {
+      constructor() {
+        this.lines = new TwinkleValues;
+        this.particles = new TwinkleValues;
+      }
+      load(data) {
+        if (data === undefined) {
+          return;
+        }
+        this.lines.load(data.lines);
+        this.particles.load(data.particles);
+      }
+    }
     class Wobble_Wobble {
       constructor() {
         this.distance = 5;
@@ -2553,6 +2833,7 @@
         this.retina = {
           maxDistance: {}
         };
+        this.ignoresResizeRatio = true;
         const pxRatio = container.retina.pixelRatio;
         const mainOptions = container.actualOptions;
         const particlesOptions = new ParticlesOptions;
@@ -2592,7 +2873,7 @@
           max: getRangeMax(sizeRange) * pxRatio,
           min: getRangeMin(sizeRange) * pxRatio,
           loops: 0,
-          maxLoops: sizeOptions.animation.count
+          maxLoops: getRangeValue(sizeOptions.animation.count)
         };
         const sizeAnimation = sizeOptions.animation;
         if (sizeAnimation.enable) {
@@ -2626,6 +2907,12 @@
         this.initialVelocity = this.calculateVelocity();
         this.velocity = this.initialVelocity.copy();
         this.moveDecay = 1 - getRangeValue(this.options.move.decay);
+        const gravityOptions = this.options.move.gravity;
+        this.gravity = {
+          enable: gravityOptions.enable,
+          acceleration: getRangeValue(gravityOptions.acceleration),
+          inverse: gravityOptions.inverse
+        };
         this.position = this.calcPosition(container, position, clamp(zIndexValue, 0, container.zLayers));
         this.initialPosition = this.position.copy();
         this.offset = Vector.origin;
@@ -2833,12 +3120,7 @@
         return overlaps;
       }
       calculateVelocity() {
-        const baseVelocity = getParticleBaseVelocity(this.direction);
-        const res = baseVelocity.copy();
-        const moveOptions = this.options.move;
-        const rad = Math.PI / 180 * moveOptions.angle.value;
-        const radOffset = Math.PI / 180 * moveOptions.angle.offset;
-        const range = {
+        const baseVelocity = getParticleBaseVelocity(this.direction), res = baseVelocity.copy(), moveOptions = this.options.move, rad = Math.PI / 180 * getRangeValue(moveOptions.angle.value), radOffset = Math.PI / 180 * getRangeValue(moveOptions.angle.offset), range = {
           left: radOffset - rad / 2,
           right: radOffset + rad / 2
         };
@@ -2988,10 +3270,11 @@
         }
         for (const particle of this.array) {
           const resizeFactor = container.canvas.resizeFactor;
-          if (resizeFactor) {
+          if (resizeFactor && !particle.ignoresResizeRatio) {
             particle.position.x *= resizeFactor.width;
             particle.position.y *= resizeFactor.height;
           }
+          particle.ignoresResizeRatio = false;
           particle.bubble.inRange = false;
           for (const [, plugin] of this.container.plugins) {
             if (particle.destroyed) {
@@ -3227,13 +3510,13 @@
           container.canvas.size.height = element.offsetHeight * ratio;
         }
         const particles = options.particles;
-        this.attractDistance = particles.move.attract.distance * ratio;
+        this.attractDistance = getRangeValue(particles.move.attract.distance) * ratio;
         this.linksDistance = particles.links.distance * ratio;
         this.linksWidth = particles.links.width * ratio;
-        this.sizeAnimationSpeed = particles.size.animation.speed * ratio;
-        this.maxSpeed = particles.move.gravity.maxSpeed * ratio;
+        this.sizeAnimationSpeed = getRangeValue(particles.size.animation.speed) * ratio;
+        this.maxSpeed = getRangeValue(particles.move.gravity.maxSpeed) * ratio;
         if (particles.orbit.radius !== undefined) {
-          this.orbitRadius = particles.orbit.radius * this.container.retina.pixelRatio;
+          this.orbitRadius = getRangeValue(particles.orbit.radius) * this.container.retina.pixelRatio;
         }
         const modes = options.interactivity.modes;
         this.connectModeDistance = modes.connect.distance * ratio;
@@ -3253,19 +3536,19 @@
         const ratio = this.pixelRatio;
         const moveDistance = options.move.distance;
         const props = particle.retina;
-        props.attractDistance = options.move.attract.distance * ratio;
+        props.attractDistance = getRangeValue(options.move.attract.distance) * ratio;
         props.linksDistance = options.links.distance * ratio;
         props.linksWidth = options.links.width * ratio;
         props.moveDrift = getRangeValue(options.move.drift) * ratio;
         props.moveSpeed = getRangeValue(options.move.speed) * ratio;
-        props.sizeAnimationSpeed = options.size.animation.speed * ratio;
+        props.sizeAnimationSpeed = getRangeValue(options.size.animation.speed) * ratio;
         if (particle.spin) {
           props.spinAcceleration = getRangeValue(options.move.spin.acceleration) * ratio;
         }
         const maxDistance = props.maxDistance;
         maxDistance.horizontal = moveDistance.horizontal !== undefined ? moveDistance.horizontal * ratio : undefined;
         maxDistance.vertical = moveDistance.vertical !== undefined ? moveDistance.vertical * ratio : undefined;
-        props.maxSpeed = options.move.gravity.maxSpeed * ratio;
+        props.maxSpeed = getRangeValue(options.move.gravity.maxSpeed) * ratio;
       }
       handleMotionChange(mediaQuery) {
         const options = this.container.actualOptions;
@@ -4597,7 +4880,7 @@
     function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
       colorValue.enable = colorAnimation.enable;
       if (colorValue.enable) {
-        colorValue.velocity = colorAnimation.speed / 100 * reduceFactor;
+        colorValue.velocity = NumberUtils_getRangeValue(colorAnimation.speed) / 100 * reduceFactor;
         if (colorAnimation.sync) {
           return;
         }

package/tsparticles.updater.strokeColor.min.js

@@ -1,2 +1,2 @@
-/*! tsParticles v1.41.4 by Matteo Bruni */
-!function(o,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t=e();for(var n in t)("object"==typeof exports?exports:o)[n]=t[n]}}(window,(function(){return function(){"use strict";var o={d:function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:function(o,e){return Object.prototype.hasOwnProperty.call(o,e)},r:function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})}},e={};o.r(e),o.d(e,{loadStrokeColorUpdater:function(){return m}});class t{}t.generatedAttribute="generated",t.randomColorValue="random",t.midColorValue="mid",t.touchEndEvent="touchend",t.mouseDownEvent="mousedown",t.mouseUpEvent="mouseup",t.mouseMoveEvent="mousemove",t.touchStartEvent="touchstart",t.touchMoveEvent="touchmove",t.mouseLeaveEvent="mouseleave",t.mouseOutEvent="mouseout",t.touchCancelEvent="touchcancel",t.resizeEvent="resize",t.visibilityChangeEvent="visibilitychange",t.noPolygonDataLoaded="No polygon data loaded.",t.noPolygonFound="No polygon found, you need to specify SVG url in config.";new WeakMap;new WeakMap;new WeakMap,new WeakSet;new WeakMap;new WeakMap;new WeakMap;function n(o){const e=a(o);let t=r(o);return e===t&&(t=0),Math.random()*(e-t)+t}function r(o){return"number"==typeof o?o:o.min}function a(o){return"number"==typeof o?o:o.max}function l(o,e){if(o===e||void 0===e&&"number"==typeof o)return o;const t=r(o),n=a(o);return void 0!==e?{min:Math.min(t,e),max:Math.max(n,e)}:l(t,n)}function s(o,e,t=!0){return o[void 0!==e&&t?e%o.length:function(o){return Math.floor(Math.random()*o.length)}(o)]}function i(o,e,t){let n=t;return n<0&&(n+=1),n>1&&(n-=1),n<1/6?o+6*(e-o)*n:n<.5?e:n<2/3?o+(e-o)*(2/3-n)*6:o}function u(o){if(o.startsWith("rgb")){const e=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?{a:e.length>4?parseFloat(e[5]):1,b:parseInt(e[3],10),g:parseInt(e[2],10),r:parseInt(e[1],10)}:void 0}if(o.startsWith("hsl")){const e=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?function(o){const e=c(o);return{a:o.a,b:e.b,g:e.g,r:e.r}}({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),l:parseInt(e[3],10),s:parseInt(e[2],10)}):void 0}if(o.startsWith("hsv")){const e=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?function(o){const e=f(o);return{a:o.a,b:e.b,g:e.g,r:e.r}}({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),s:parseInt(e[2],10),v:parseInt(e[3],10)}):void 0}{const e=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,t=o.replace(e,((o,e,t,n,r)=>e+e+t+t+n+n+(void 0!==r?r+r:""))),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);return n?{a:void 0!==n[4]?parseInt(n[4],16)/255:1,b:parseInt(n[3],16),g:parseInt(n[2],16),r:parseInt(n[1],16)}:void 0}}function d(o,e,n=!0){var r,a,l;if(void 0===o)return;const i="string"==typeof o?{value:o}:o;let v;if("string"==typeof i.value)v=i.value===t.randomColorValue?h():function(o){return u(o)}(i.value);else if(i.value instanceof Array){v=d({value:s(i.value,e,n)})}else{const o=i.value,e=null!==(r=o.rgb)&&void 0!==r?r:i.value;if(void 0!==e.r)v=e;else{const e=null!==(a=o.hsl)&&void 0!==a?a:i.value;if(void 0!==e.h&&void 0!==e.l)v=c(e);else{const e=null!==(l=o.hsv)&&void 0!==l?l:i.value;void 0!==e.h&&void 0!==e.v&&(v=f(e))}}}return v}function v(o,e,t=!0){const n=d(o,e,t);return void 0!==n?function(o){const e=o.r/255,t=o.g/255,n=o.b/255,r=Math.max(e,t,n),a=Math.min(e,t,n),l={h:0,l:(r+a)/2,s:0};r!=a&&(l.s=l.l<.5?(r-a)/(r+a):(r-a)/(2-r-a),l.h=e===r?(t-n)/(r-a):l.h=t===r?2+(n-e)/(r-a):4+(e-t)/(r-a));l.l*=100,l.s*=100,l.h*=60,l.h<0&&(l.h+=360);return l}(n):void 0}function c(o){const e={b:0,g:0,r:0},t={h:o.h/360,l:o.l/100,s:o.s/100};if(0===t.s)e.b=t.l,e.g=t.l,e.r=t.l;else{const o=t.l<.5?t.l*(1+t.s):t.l+t.s-t.l*t.s,n=2*t.l-o;e.r=i(n,o,t.h+1/3),e.g=i(n,o,t.h),e.b=i(n,o,t.h-1/3)}return e.r=Math.floor(255*e.r),e.g=Math.floor(255*e.g),e.b=Math.floor(255*e.b),e}function f(o){const e={b:0,g:0,r:0},t=o.h/60,n=o.s/100,r=o.v/100,a=r*n,l=a*(1-Math.abs(t%2-1));let s;if(t>=0&&t<=1?s={r:a,g:l,b:0}:t>1&&t<=2?s={r:l,g:a,b:0}:t>2&&t<=3?s={r:0,g:a,b:l}:t>3&&t<=4?s={r:0,g:l,b:a}:t>4&&t<=5?s={r:l,g:0,b:a}:t>5&&t<=6&&(s={r:a,g:0,b:l}),s){const o=r-a;e.r=Math.floor(255*(s.r+o)),e.g=Math.floor(255*(s.g+o)),e.b=Math.floor(255*(s.b+o))}return e}function h(o){const e=null!=o?o:0;return{b:Math.floor(n(l(e,256))),g:Math.floor(n(l(e,256))),r:Math.floor(n(l(e,256)))}}function p(o,e,t){if(o.enable=e.enable,o.enable){if(o.velocity=e.speed/100*t,e.sync)return;o.status=0,o.velocity*=Math.random(),o.value&&(o.value*=Math.random())}else o.velocity=0}function b(o,e,t,r,a){var l;const s=e;if(!s||!s.enable)return;const i=n(t.offset),u=(null!==(l=e.velocity)&&void 0!==l?l:0)*o.factor+3.6*i;a&&0!==s.status?(s.value-=u,s.value<0&&(s.status=0,s.value+=s.value)):(s.value+=u,a&&s.value>r&&(s.status=1,s.value-=s.value%r)),s.value>r&&(s.value%=r)}new WeakMap;class g{constructor(o){this.container=o}init(o){var e,t;const n=this.container;o.stroke=o.options.stroke instanceof Array?s(o.options.stroke,o.id,o.options.reduceDuplicates):o.options.stroke,o.strokeWidth=o.stroke.width*n.retina.pixelRatio;const r=null!==(e=v(o.stroke.color))&&void 0!==e?e:o.getFillColor();r&&(o.strokeColor=function(o,e,t){const n={h:{enable:!1,value:o.h},s:{enable:!1,value:o.s},l:{enable:!1,value:o.l}};return e&&(p(n.h,e.h,t),p(n.s,e.s,t),p(n.l,e.l,t)),n}(r,null===(t=o.stroke.color)||void 0===t?void 0:t.animation,n.retina.reduceFactor))}isEnabled(o){var e,t,n,r;const a=null===(e=o.stroke)||void 0===e?void 0:e.color;return!o.destroyed&&!o.spawning&&!!a&&(void 0!==(null===(t=o.strokeColor)||void 0===t?void 0:t.h.value)&&a.animation.h.enable||void 0!==(null===(n=o.strokeColor)||void 0===n?void 0:n.s.value)&&a.animation.s.enable||void 0!==(null===(r=o.strokeColor)||void 0===r?void 0:r.l.value)&&a.animation.l.enable)}update(o,e){this.isEnabled(o)&&function(o,e){var t,n,r,a,l,s,i,u,d,v;if(!(null===(t=o.stroke)||void 0===t?void 0:t.color))return;const c=o.stroke.color.animation,f=null!==(r=null===(n=o.strokeColor)||void 0===n?void 0:n.h)&&void 0!==r?r:null===(a=o.color)||void 0===a?void 0:a.h;f&&b(e,f,c.h,360,!1);const h=null!==(s=null===(l=o.strokeColor)||void 0===l?void 0:l.s)&&void 0!==s?s:null===(i=o.color)||void 0===i?void 0:i.s;h&&b(e,h,c.s,100,!0);const p=null!==(d=null===(u=o.strokeColor)||void 0===u?void 0:u.l)&&void 0!==d?d:null===(v=o.color)||void 0===v?void 0:v.l;p&&b(e,p,c.l,100,!0)}(o,e)}}async function m(o){await o.addParticleUpdater("strokeColor",(o=>new g(o)))}return e}()}));
+/*! tsParticles v1.42.0 by Matteo Bruni */
+!function(o,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t=e();for(var n in t)("object"==typeof exports?exports:o)[n]=t[n]}}(window,(function(){return function(){"use strict";var o={d:function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:function(o,e){return Object.prototype.hasOwnProperty.call(o,e)},r:function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})}},e={};o.r(e),o.d(e,{loadStrokeColorUpdater:function(){return y}});class t{}t.generatedAttribute="generated",t.randomColorValue="random",t.midColorValue="mid",t.touchEndEvent="touchend",t.mouseDownEvent="mousedown",t.mouseUpEvent="mouseup",t.mouseMoveEvent="mousemove",t.touchStartEvent="touchstart",t.touchMoveEvent="touchmove",t.mouseLeaveEvent="mouseleave",t.mouseOutEvent="mouseout",t.touchCancelEvent="touchcancel",t.resizeEvent="resize",t.visibilityChangeEvent="visibilitychange",t.noPolygonDataLoaded="No polygon data loaded.",t.noPolygonFound="No polygon found, you need to specify SVG url in config.";new WeakMap;new WeakMap;new WeakMap,new WeakSet;new WeakMap;new WeakMap;new WeakMap;function n(o){const e=l(o);let t=a(o);return e===t&&(t=0),Math.random()*(e-t)+t}function r(o){return"number"==typeof o?o:n(o)}function a(o){return"number"==typeof o?o:o.min}function l(o){return"number"==typeof o?o:o.max}function s(o,e){if(o===e||void 0===e&&"number"==typeof o)return o;const t=a(o),n=l(o);return void 0!==e?{min:Math.min(t,e),max:Math.max(n,e)}:s(t,n)}function i(o,e,t=!0){return o[void 0!==e&&t?e%o.length:function(o){return Math.floor(Math.random()*o.length)}(o)]}function u(o,e,t){let n=t;return n<0&&(n+=1),n>1&&(n-=1),n<1/6?o+6*(e-o)*n:n<.5?e:n<2/3?o+(e-o)*(2/3-n)*6:o}function d(o){if(o.startsWith("rgb")){const e=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?{a:e.length>4?parseFloat(e[5]):1,b:parseInt(e[3],10),g:parseInt(e[2],10),r:parseInt(e[1],10)}:void 0}if(o.startsWith("hsl")){const e=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?function(o){const e=f(o);return{a:o.a,b:e.b,g:e.g,r:e.r}}({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),l:parseInt(e[3],10),s:parseInt(e[2],10)}):void 0}if(o.startsWith("hsv")){const e=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(o);return e?function(o){const e=h(o);return{a:o.a,b:e.b,g:e.g,r:e.r}}({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),s:parseInt(e[2],10),v:parseInt(e[3],10)}):void 0}{const e=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,t=o.replace(e,((o,e,t,n,r)=>e+e+t+t+n+n+(void 0!==r?r+r:""))),n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(t);return n?{a:void 0!==n[4]?parseInt(n[4],16)/255:1,b:parseInt(n[3],16),g:parseInt(n[2],16),r:parseInt(n[1],16)}:void 0}}function v(o,e,n=!0){var r,a,l;if(void 0===o)return;const s="string"==typeof o?{value:o}:o;let u;if("string"==typeof s.value)u=s.value===t.randomColorValue?p():function(o){return d(o)}(s.value);else if(s.value instanceof Array){u=v({value:i(s.value,e,n)})}else{const o=s.value,e=null!==(r=o.rgb)&&void 0!==r?r:s.value;if(void 0!==e.r)u=e;else{const e=null!==(a=o.hsl)&&void 0!==a?a:s.value;if(void 0!==e.h&&void 0!==e.l)u=f(e);else{const e=null!==(l=o.hsv)&&void 0!==l?l:s.value;void 0!==e.h&&void 0!==e.v&&(u=h(e))}}}return u}function c(o,e,t=!0){const n=v(o,e,t);return void 0!==n?function(o){const e=o.r/255,t=o.g/255,n=o.b/255,r=Math.max(e,t,n),a=Math.min(e,t,n),l={h:0,l:(r+a)/2,s:0};r!=a&&(l.s=l.l<.5?(r-a)/(r+a):(r-a)/(2-r-a),l.h=e===r?(t-n)/(r-a):l.h=t===r?2+(n-e)/(r-a):4+(e-t)/(r-a));l.l*=100,l.s*=100,l.h*=60,l.h<0&&(l.h+=360);return l}(n):void 0}function f(o){const e={b:0,g:0,r:0},t={h:o.h/360,l:o.l/100,s:o.s/100};if(0===t.s)e.b=t.l,e.g=t.l,e.r=t.l;else{const o=t.l<.5?t.l*(1+t.s):t.l+t.s-t.l*t.s,n=2*t.l-o;e.r=u(n,o,t.h+1/3),e.g=u(n,o,t.h),e.b=u(n,o,t.h-1/3)}return e.r=Math.floor(255*e.r),e.g=Math.floor(255*e.g),e.b=Math.floor(255*e.b),e}function h(o){const e={b:0,g:0,r:0},t=o.h/60,n=o.s/100,r=o.v/100,a=r*n,l=a*(1-Math.abs(t%2-1));let s;if(t>=0&&t<=1?s={r:a,g:l,b:0}:t>1&&t<=2?s={r:l,g:a,b:0}:t>2&&t<=3?s={r:0,g:a,b:l}:t>3&&t<=4?s={r:0,g:l,b:a}:t>4&&t<=5?s={r:l,g:0,b:a}:t>5&&t<=6&&(s={r:a,g:0,b:l}),s){const o=r-a;e.r=Math.floor(255*(s.r+o)),e.g=Math.floor(255*(s.g+o)),e.b=Math.floor(255*(s.b+o))}return e}function p(o){const e=null!=o?o:0;return{b:Math.floor(n(s(e,256))),g:Math.floor(n(s(e,256))),r:Math.floor(n(s(e,256)))}}function b(o,e,t){if(o.enable=e.enable,o.enable){if(o.velocity=r(e.speed)/100*t,e.sync)return;o.status=0,o.velocity*=Math.random(),o.value&&(o.value*=Math.random())}else o.velocity=0}function g(o,e,t,r,a){var l;const s=e;if(!s||!s.enable)return;const i=n(t.offset),u=(null!==(l=e.velocity)&&void 0!==l?l:0)*o.factor+3.6*i;a&&0!==s.status?(s.value-=u,s.value<0&&(s.status=0,s.value+=s.value)):(s.value+=u,a&&s.value>r&&(s.status=1,s.value-=s.value%r)),s.value>r&&(s.value%=r)}new WeakMap;class m{constructor(o){this.container=o}init(o){var e,t;const n=this.container;o.stroke=o.options.stroke instanceof Array?i(o.options.stroke,o.id,o.options.reduceDuplicates):o.options.stroke,o.strokeWidth=o.stroke.width*n.retina.pixelRatio;const r=null!==(e=c(o.stroke.color))&&void 0!==e?e:o.getFillColor();r&&(o.strokeColor=function(o,e,t){const n={h:{enable:!1,value:o.h},s:{enable:!1,value:o.s},l:{enable:!1,value:o.l}};return e&&(b(n.h,e.h,t),b(n.s,e.s,t),b(n.l,e.l,t)),n}(r,null===(t=o.stroke.color)||void 0===t?void 0:t.animation,n.retina.reduceFactor))}isEnabled(o){var e,t,n,r;const a=null===(e=o.stroke)||void 0===e?void 0:e.color;return!o.destroyed&&!o.spawning&&!!a&&(void 0!==(null===(t=o.strokeColor)||void 0===t?void 0:t.h.value)&&a.animation.h.enable||void 0!==(null===(n=o.strokeColor)||void 0===n?void 0:n.s.value)&&a.animation.s.enable||void 0!==(null===(r=o.strokeColor)||void 0===r?void 0:r.l.value)&&a.animation.l.enable)}update(o,e){this.isEnabled(o)&&function(o,e){var t,n,r,a,l,s,i,u,d,v;if(!(null===(t=o.stroke)||void 0===t?void 0:t.color))return;const c=o.stroke.color.animation,f=null!==(r=null===(n=o.strokeColor)||void 0===n?void 0:n.h)&&void 0!==r?r:null===(a=o.color)||void 0===a?void 0:a.h;f&&g(e,f,c.h,360,!1);const h=null!==(s=null===(l=o.strokeColor)||void 0===l?void 0:l.s)&&void 0!==s?s:null===(i=o.color)||void 0===i?void 0:i.s;h&&g(e,h,c.s,100,!0);const p=null!==(d=null===(u=o.strokeColor)||void 0===u?void 0:u.l)&&void 0!==d?d:null===(v=o.color)||void 0===v?void 0:v.l;p&&g(e,p,c.l,100,!0)}(o,e)}}async function y(o){await o.addParticleUpdater("strokeColor",(o=>new m(o)))}return e}()}));