@tsparticles/engine 3.7.0 → 3.8.0

package/esm/Core/Utils/Vectors.js

@@ -1,10 +1,5 @@
-import { errorPrefix } from "./Constants.js";
+import { errorPrefix, inverseFactorNumerator, none, originPoint, squareExp } from "./Constants.js";
 import { isNumber } from "../../Utils/TypeUtils.js";
-const origin = {
-    x: 0,
-    y: 0,
-    z: 0,
-}, squareExp = 2, inverseFactorNumerator = 1.0;
 export class Vector3d {
     constructor(xOrCoords, y, z) {
         this._updateFromAngle = (angle, length) => {
@@ -15,19 +10,19 @@ export class Vector3d {
             this.x = xOrCoords.x;
             this.y = xOrCoords.y;
             const coords3d = xOrCoords;
-            this.z = coords3d.z ? coords3d.z : origin.z;
+            this.z = coords3d.z ? coords3d.z : originPoint.z;
         }
         else if (xOrCoords !== undefined && y !== undefined) {
             this.x = xOrCoords;
             this.y = y;
-            this.z = z ?? origin.z;
+            this.z = z ?? originPoint.z;
         }
         else {
             throw new Error(`${errorPrefix} Vector3d not initialized correctly`);
         }
     }
     static get origin() {
-        return Vector3d.create(origin.x, origin.y, origin.z);
+        return Vector3d.create(originPoint.x, originPoint.y, originPoint.z);
     }
     get angle() {
         return Math.atan2(this.y, this.x);
@@ -84,19 +79,19 @@ export class Vector3d {
         this.z *= n;
     }
     normalize() {
-        const length = this.length, noLength = 0;
-        if (length != noLength) {
+        const length = this.length;
+        if (length != none) {
             this.multTo(inverseFactorNumerator / length);
         }
     }
     rotate(angle) {
-        return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), origin.z);
+        return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), originPoint.z);
     }
     setTo(c) {
         this.x = c.x;
         this.y = c.y;
         const v3d = c;
-        this.z = v3d.z ? v3d.z : origin.z;
+        this.z = v3d.z ? v3d.z : originPoint.z;
     }
     sub(v) {
         return Vector3d.create(this.x - v.x, this.y - v.y, this.z - v.z);
@@ -109,10 +104,10 @@ export class Vector3d {
 }
 export class Vector extends Vector3d {
     constructor(xOrCoords, y) {
-        super(xOrCoords, y, origin.z);
+        super(xOrCoords, y, originPoint.z);
     }
     static get origin() {
-        return Vector.create(origin.x, origin.y);
+        return Vector.create(originPoint.x, originPoint.y);
     }
     static clone(source) {
         return Vector.create(source.x, source.y);

package/esm/Options/Classes/ManualParticle.js

@@ -1,7 +1,7 @@
 import { PixelMode } from "../../Enums/Modes/PixelMode.js";
 import { deepExtend } from "../../Utils/Utils.js";
 import { isNull } from "../../Utils/TypeUtils.js";
-const defaultPosition = 50;
+import { manualDefaultPosition } from "../../Core/Utils/Constants.js";
 export class ManualParticle {
     load(data) {
         if (isNull(data)) {
@@ -9,8 +9,8 @@ export class ManualParticle {
         }
         if (data.position) {
             this.position = {
-                x: data.position.x ?? defaultPosition,
-                y: data.position.y ?? defaultPosition,
+                x: data.position.x ?? manualDefaultPosition,
+                y: data.position.y ?? manualDefaultPosition,
                 mode: data.position.mode ?? PixelMode.percent,
             };
         }

package/esm/Utils/CanvasUtils.js

@@ -1,11 +1,6 @@
+import { defaultAngle, defaultTransform, identity, lFactor, minStrokeWidth, originPoint, } from "../Core/Utils/Constants.js";
 import { AlterType } from "../Enums/Types/AlterType.js";
 import { getStyleFromRgb } from "./ColorUtils.js";
-const origin = { x: 0, y: 0 }, defaultTransform = {
-    a: 1,
-    b: 0,
-    c: 0,
-    d: 1,
-};
 export function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);
@@ -14,24 +9,24 @@ export function drawLine(context, begin, end) {
 }
 export function paintBase(context, dimension, baseColor) {
     context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
-    context.fillRect(origin.x, origin.y, dimension.width, dimension.height);
+    context.fillRect(originPoint.x, originPoint.y, dimension.width, dimension.height);
 }
 export function paintImage(context, dimension, image, opacity) {
     if (!image) {
         return;
     }
     context.globalAlpha = opacity;
-    context.drawImage(image, origin.x, origin.y, dimension.width, dimension.height);
+    context.drawImage(image, originPoint.x, originPoint.y, dimension.width, dimension.height);
     context.globalAlpha = 1;
 }
 export function clear(context, dimension) {
-    context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
+    context.clearRect(originPoint.x, originPoint.y, dimension.width, dimension.height);
 }
 export function drawParticle(data) {
-    const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), defaultAngle = 0, angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : defaultAngle), rotateData = {
+    const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : defaultAngle), rotateData = {
         sin: Math.sin(angle),
         cos: Math.cos(angle),
-    }, rotating = !!angle, identity = 1, transformData = {
+    }, rotating = !!angle, transformData = {
         a: rotateData.cos * (transform.a ?? defaultTransform.a),
         b: rotating ? rotateData.sin * (transform.b ?? identity) : (transform.b ?? defaultTransform.b),
         c: rotating ? -rotateData.sin * (transform.c ?? identity) : (transform.c ?? defaultTransform.c),
@@ -51,7 +46,7 @@ export function drawParticle(data) {
     if (colorStyles.fill) {
         context.fillStyle = colorStyles.fill;
     }
-    const minStrokeWidth = 0, strokeWidth = particle.strokeWidth ?? minStrokeWidth;
+    const strokeWidth = particle.strokeWidth ?? minStrokeWidth;
     context.lineWidth = strokeWidth;
     if (colorStyles.stroke) {
         context.strokeStyle = colorStyles.stroke;
@@ -92,7 +87,7 @@ export function drawEffect(data) {
     });
 }
 export function drawShape(data) {
-    const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
+    const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data;
     if (!particle.shape) {
         return;
     }
@@ -152,7 +147,6 @@ export function drawParticlePlugin(context, plugin, particle, delta) {
     plugin.drawParticle(context, particle, delta);
 }
 export function alterHsl(color, type, value) {
-    const lFactor = 1;
     return {
         h: color.h,
         s: color.s,

package/esm/Utils/ColorUtils.js

@@ -1,9 +1,8 @@
 import { clamp, getRandom, getRangeMax, getRangeMin, getRangeValue, mix, randomInRange, setRangeValue, } from "./NumberUtils.js";
+import { decayOffset, defaultLoops, defaultOpacity, defaultRgbMin, defaultTime, defaultVelocity, double, hMax, hMin, hPhase, half, identity, lMax, lMin, midColorValue, millisecondsToSeconds, percentDenominator, phaseNumerator, randomColorValue, rgbFactor, rgbMax, sMax, sMin, sNormalizedOffset, sextuple, triple, } from "../Core/Utils/Constants.js";
 import { isArray, isString } from "./TypeUtils.js";
-import { millisecondsToSeconds, percentDenominator } from "../Core/Utils/Constants.js";
 import { AnimationStatus } from "../Enums/AnimationStatus.js";
 import { itemFromArray } from "./Utils.js";
-const randomColorValue = "random", midColorValue = "mid";
 function stringToRgba(engine, input) {
     if (!input) {
         return;
@@ -63,7 +62,7 @@ export function rangeColorToHsl(engine, color, index, useIndex = true) {
     return rgb ? rgbToHsl(rgb) : undefined;
 }
 export function rgbToHsl(color) {
-    const rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, half = 0.5, double = 2, r1 = color.r / rgbMax, g1 = color.g / rgbMax, b1 = color.b / rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
+    const r1 = color.r / rgbMax, g1 = color.g / rgbMax, b1 = color.b / rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
         h: hMin,
         l: (max + min) * half,
         s: sMin,
@@ -93,13 +92,13 @@ export function stringToRgb(engine, input) {
     return stringToRgba(engine, input);
 }
 export function hslToRgb(hsl) {
-    const hMax = 360, sMax = 100, lMax = 100, sMin = 0, lMin = 0, h = ((hsl.h % hMax) + hMax) % hMax, s = Math.max(sMin, Math.min(sMax, hsl.s)), l = Math.max(lMin, Math.min(lMax, hsl.l)), hNormalized = h / hMax, sNormalized = s / sMax, lNormalized = l / lMax, rgbFactor = 255, triple = 3;
+    const h = ((hsl.h % hMax) + hMax) % hMax, s = Math.max(sMin, Math.min(sMax, hsl.s)), l = Math.max(lMin, Math.min(lMax, hsl.l)), hNormalized = h / hMax, sNormalized = s / sMax, lNormalized = l / lMax;
     if (s === sMin) {
         const grayscaleValue = Math.round(lNormalized * rgbFactor);
         return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
     }
-    const half = 0.5, double = 2, channel = (temp1, temp2, temp3) => {
-        const temp3Min = 0, temp3Max = 1, sextuple = 6;
+    const channel = (temp1, temp2, temp3) => {
+        const temp3Min = 0, temp3Max = 1;
         if (temp3 < temp3Min) {
             temp3++;
         }
@@ -117,9 +116,9 @@ export function hslToRgb(hsl) {
             return temp1 + (temp2 - temp1) * (temp3Offset - temp3) * sextuple;
         }
         return temp1;
-    }, sNormalizedOffset = 1, temp1 = lNormalized < half
+    }, temp1 = lNormalized < half
         ? lNormalized * (sNormalizedOffset + sNormalized)
-        : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = double * lNormalized - temp1, phaseNumerator = 1, phaseThird = phaseNumerator / triple, red = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized)), blue = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized - phaseThird));
+        : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = double * lNormalized - temp1, phaseThird = phaseNumerator / triple, red = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized)), blue = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized - phaseThird));
     return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
 }
 export function hslaToRgba(hsla) {
@@ -132,19 +131,17 @@ export function hslaToRgba(hsla) {
     };
 }
 export function getRandomRgbColor(min) {
-    const defaultMin = 0, fixedMin = min ?? defaultMin, rgbMax = 256;
+    const fixedMin = min ?? defaultRgbMin, fixedMax = rgbMax + identity;
     return {
-        b: Math.floor(randomInRange(setRangeValue(fixedMin, rgbMax))),
-        g: Math.floor(randomInRange(setRangeValue(fixedMin, rgbMax))),
-        r: Math.floor(randomInRange(setRangeValue(fixedMin, rgbMax))),
+        b: Math.floor(randomInRange(setRangeValue(fixedMin, fixedMax))),
+        g: Math.floor(randomInRange(setRangeValue(fixedMin, fixedMax))),
+        r: Math.floor(randomInRange(setRangeValue(fixedMin, fixedMax))),
     };
 }
 export function getStyleFromRgb(color, opacity) {
-    const defaultOpacity = 1;
     return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? defaultOpacity})`;
 }
 export function getStyleFromHsl(color, opacity) {
-    const defaultOpacity = 1;
     return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? defaultOpacity})`;
 }
 export function colorMix(color1, color2, size1, size2) {
@@ -236,7 +233,6 @@ export function getHslAnimationFromHsl(hsl, animationOptions, reduceFactor) {
 }
 function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     colorValue.enable = colorAnimation.enable;
-    const defaultVelocity = 0, decayOffset = 1, defaultLoops = 0, defaultTime = 0;
     if (colorValue.enable) {
         colorValue.velocity = (getRangeValue(colorAnimation.speed) / percentDenominator) * reduceFactor;
         colorValue.decay = decayOffset - getRangeValue(colorAnimation.decay);
@@ -308,8 +304,7 @@ export function updateColor(color, delta) {
     if (!color) {
         return;
     }
-    const { h, s, l } = color;
-    const ranges = {
+    const { h, s, l } = color, ranges = {
         h: { min: 0, max: 360 },
         s: { min: 0, max: 100 },
         l: { min: 0, max: 100 },

package/esm/Utils/EventDispatcher.js

@@ -1,3 +1,4 @@
+import { deleteCount, minIndex } from "../Core/Utils/Constants.js";
 export class EventDispatcher {
     constructor() {
         this._listeners = new Map();
@@ -31,11 +32,10 @@ export class EventDispatcher {
         if (!arr) {
             return;
         }
-        const length = arr.length, idx = arr.indexOf(listener), minIndex = 0;
+        const length = arr.length, idx = arr.indexOf(listener);
         if (idx < minIndex) {
             return;
         }
-        const deleteCount = 1;
         if (length === deleteCount) {
             this._listeners.delete(type);
         }

package/esm/Utils/NumberUtils.js

@@ -1,12 +1,12 @@
 import { MoveDirection } from "../Enums/Directions/MoveDirection.js";
+import { double, doublePI, empty, half, percentDenominator, quarter, threeQuarter } from "../Core/Utils/Constants.js";
 import { Vector } from "../Core/Utils/Vectors.js";
 import { isNumber } from "./TypeUtils.js";
-import { percentDenominator } from "../Core/Utils/Constants.js";
 let _random = Math.random;
 const _animationLoop = {
     nextFrame: (cb) => requestAnimationFrame(cb),
     cancel: (idx) => cancelAnimationFrame(idx),
-}, double = 2, doublePI = Math.PI * double;
+};
 export function setRandom(rnd = Math.random) {
     _random = rnd;
 }
@@ -74,7 +74,6 @@ export function getParticleDirectionAngle(direction, position, center) {
     if (isNumber(direction)) {
         return degToRad(direction);
     }
-    const empty = 0, half = 0.5, quarter = 0.25, threeQuarter = half + quarter;
     switch (direction) {
         case MoveDirection.top:
             return -Math.PI * half;
@@ -107,7 +106,6 @@ export function getParticleBaseVelocity(direction) {
     return baseVelocity;
 }
 export function collisionVelocity(v1, v2, m1, m2) {
-    const double = 2;
     return Vector.create((v1.x * (m1 - m2)) / (m1 + m2) + (v2.x * double * m2) / (m1 + m2), v1.y);
 }
 export function calcPositionFromSize(data) {

package/esm/Utils/Utils.js

@@ -1,6 +1,6 @@
 import { clamp, collisionVelocity, getDistances, getRandom, getRangeMax, getRangeMin, getRangeValue, randomInRange, } from "./NumberUtils.js";
-import { halfRandom, millisecondsToSeconds, percentDenominator } from "../Core/Utils/Constants.js";
-import { isArray, isObject } from "./TypeUtils.js";
+import { half, millisecondsToSeconds, minVelocity, percentDenominator } from "../Core/Utils/Constants.js";
+import { isArray, isNull, isObject } from "./TypeUtils.js";
 import { AnimationMode } from "../Enums/Modes/AnimationMode.js";
 import { AnimationStatus } from "../Enums/AnimationStatus.js";
 import { DestroyType } from "../Enums/Types/DestroyType.js";
@@ -27,8 +27,20 @@ export function setLogger(logger) {
 export function getLogger() {
     return _logger;
 }
+function memoize(fn) {
+    const cache = new Map();
+    return (...args) => {
+        const key = JSON.stringify(args);
+        if (cache.has(key)) {
+            return cache.get(key);
+        }
+        const result = fn(...args);
+        cache.set(key, result);
+        return result;
+    };
+}
 function rectSideBounce(data) {
-    const res = { bounced: false }, { pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor } = data, half = 0.5, minVelocity = 0;
+    const res = { bounced: false }, { pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor } = data;
     if (pOtherSide.min < rectOtherSide.min ||
         pOtherSide.min > rectOtherSide.max ||
         pOtherSide.max < rectOtherSide.min ||
@@ -284,7 +296,7 @@ export function initParticleNumericAnimationValue(options, pxRatio) {
                 res.status = AnimationStatus.decreasing;
                 break;
             case AnimationMode.random:
-                res.status = getRandom() >= halfRandom ? AnimationStatus.increasing : AnimationStatus.decreasing;
+                res.status = getRandom() >= half ? AnimationStatus.increasing : AnimationStatus.decreasing;
                 break;
         }
         const autoStatus = animationOptions.mode === AnimationMode.auto;
@@ -305,7 +317,7 @@ export function initParticleNumericAnimationValue(options, pxRatio) {
             default:
                 res.value = randomInRange(res);
                 if (autoStatus) {
-                    res.status = getRandom() >= halfRandom ? AnimationStatus.increasing : AnimationStatus.decreasing;
+                    res.status = getRandom() >= half ? AnimationStatus.increasing : AnimationStatus.decreasing;
                 }
                 break;
         }
@@ -414,9 +426,46 @@ export function updateAnimation(particle, data, changeDirection, destroyType, de
         data.value = clamp(data.value, minValue, maxValue);
     }
 }
-export function assertValidVersion(engine, pluginVersion) {
-    if (engine.version === pluginVersion) {
-        return;
+export function cloneStyle(style) {
+    const clonedStyle = document.createElement("div").style;
+    if (!style) {
+        return clonedStyle;
+    }
+    for (const key in style) {
+        const styleKey = style[key];
+        if (!Object.prototype.hasOwnProperty.call(style, key) || isNull(styleKey)) {
+            continue;
+        }
+        const styleValue = style.getPropertyValue?.(styleKey);
+        if (!styleValue) {
+            continue;
+        }
+        const stylePriority = style.getPropertyPriority?.(styleKey);
+        if (!stylePriority) {
+            clonedStyle.setProperty?.(styleKey, styleValue);
+        }
+        else {
+            clonedStyle.setProperty?.(styleKey, styleValue, stylePriority);
+        }
+    }
+    return clonedStyle;
+}
+function computeFullScreenStyle(zIndex) {
+    const fullScreenStyle = document.createElement("div").style, radix = 10, style = {
+        width: "100%",
+        height: "100%",
+        margin: "0",
+        padding: "0",
+        borderWidth: "0",
+        position: "fixed",
+        zIndex: zIndex.toString(radix),
+        top: "0",
+        left: "0",
+    };
+    for (const key in style) {
+        const value = style[key];
+        fullScreenStyle.setProperty(key, value);
     }
-    throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${engine.version}. Plugins version: ${pluginVersion}`);
+    return fullScreenStyle;
 }
+export const getFullScreenStyle = memoize(computeFullScreenStyle);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/engine",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "description": "Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/engine [24 Nov 2024 at 19:17]</title>
+    <title>@tsparticles/engine [23 Jan 2025 at 08:54]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>