@tsparticles/engine 3.2.1 → 3.3.0

package/esm/Core/Particles.js

@@ -1,8 +1,9 @@
 import { getLogger, getPosition } from "../Utils/Utils.js";
 import { InteractionManager } from "./Utils/InteractionManager.js";
+import { Particle } from "./Particle.js";
 import { Point } from "./Utils/Point.js";
 import { QuadTree } from "./Utils/QuadTree.js";
-import { Rectangle } from "./Utils/Rectangle.js";
+import { Rectangle } from "./Utils/Ranges.js";
 import { errorPrefix } from "./Utils/Constants.js";
 const qTreeCapacity = 4, squareExp = 2, defaultRemoveQuantity = 1;
 const qTreeRectangle = (canvasSize) => {
@@ -16,7 +17,7 @@ export class Particles {
                 this._pool.push(particle);
             }
         };
-        this._applyDensity = async (options, manualCount, group) => {
+        this._applyDensity = (options, manualCount, group) => {
             const numberOptions = options.number;
             if (!options.number.density?.enable) {
                 if (group === undefined) {
@@ -35,7 +36,7 @@ export class Particles {
                 this._groupLimits.set(group, numberOptions.limit.value * densityFactor);
             }
             if (particlesCount < particlesNumber) {
-                await this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);
+                this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);
             }
             else if (particlesCount > particlesNumber) {
                 this.removeQuantity(particlesCount - particlesNumber, group);
@@ -49,14 +50,13 @@ export class Particles {
             const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;
             return (canvas.width * canvas.height) / (densityOptions.height * densityOptions.width * pxRatio ** squareExp);
         };
-        this._pushParticle = async (position, overrideOptions, group, initializer) => {
+        this._pushParticle = (position, overrideOptions, group, initializer) => {
             try {
                 let particle = this._pool.pop();
                 if (!particle) {
-                    const { Particle } = await import("./Particle.js");
                     particle = new Particle(this._engine, this._container);
                 }
-                await particle.init(this._nextId, position, overrideOptions, group);
+                particle.init(this._nextId, position, overrideOptions, group);
                 let canAdd = true;
                 if (initializer) {
                     canAdd = initializer(particle);
@@ -117,13 +117,13 @@ export class Particles {
     get count() {
         return this._array.length;
     }
-    async addManualParticles() {
+    addManualParticles() {
         const container = this._container, options = container.actualOptions;
         for (const particle of options.manualParticles) {
-            await this.addParticle(particle.position ? getPosition(particle.position, container.canvas.size) : undefined, particle.options);
+            this.addParticle(particle.position ? getPosition(particle.position, container.canvas.size) : undefined, particle.options);
         }
     }
-    async addParticle(position, overrideOptions, group, initializer) {
+    addParticle(position, overrideOptions, group, initializer) {
         const limitOptions = this._container.actualOptions.particles.number.limit, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count, minLimit = 0;
         if (limit > minLimit) {
             if (limitOptions.mode === "delete") {
@@ -138,7 +138,7 @@ export class Particles {
                 }
             }
         }
-        return await this._pushParticle(position, overrideOptions, group, initializer);
+        return this._pushParticle(position, overrideOptions, group, initializer);
     }
     clear() {
         this._array = [];
@@ -151,15 +151,15 @@ export class Particles {
         this.movers = [];
         this.updaters = [];
     }
-    async draw(delta) {
+    draw(delta) {
         const container = this._container, canvas = container.canvas;
         canvas.clear();
-        await this.update(delta);
+        this.update(delta);
         for (const [, plugin] of container.plugins) {
-            await canvas.drawPlugin(plugin, delta);
+            canvas.drawPlugin(plugin, delta);
         }
         for (const p of this._zArray) {
-            await p.draw(delta);
+            p.draw(delta);
         }
     }
     filter(condition) {
@@ -188,17 +188,17 @@ export class Particles {
                 break;
             }
         }
-        await this.addManualParticles();
+        this.addManualParticles();
         if (!handled) {
             const particlesOptions = options.particles, groups = particlesOptions.groups;
             for (const group in groups) {
                 const groupOptions = groups[group];
                 for (let i = this.count, j = 0; j < groupOptions.number?.value && i < particlesOptions.number.value; i++, j++) {
-                    await this.addParticle(undefined, groupOptions, group);
+                    this.addParticle(undefined, groupOptions, group);
                 }
             }
             for (let i = this.count; i < particlesOptions.number.value; i++) {
-                await this.addParticle();
+                this.addParticle();
             }
         }
     }
@@ -211,18 +211,18 @@ export class Particles {
         this.updaters = await this._engine.getUpdaters(container, true);
         await this._interactionManager.init();
         for (const [, pathGenerator] of container.pathGenerators) {
-            await pathGenerator.init(container);
+            pathGenerator.init(container);
         }
     }
-    async push(nb, mouse, overrideOptions, group) {
+    push(nb, mouse, overrideOptions, group) {
         for (let i = 0; i < nb; i++) {
-            await this.addParticle(mouse?.position, overrideOptions, group);
+            this.addParticle(mouse?.position, overrideOptions, group);
         }
     }
     async redraw() {
         this.clear();
         await this.init();
-        await this.draw({ value: 0, factor: 0 });
+        this.draw({ value: 0, factor: 0 });
     }
     remove(particle, group, override) {
         this.removeAt(this._array.indexOf(particle), undefined, group, override);
@@ -243,12 +243,12 @@ export class Particles {
         const defaultIndex = 0;
         this.removeAt(defaultIndex, quantity, group);
     }
-    async setDensity() {
+    setDensity() {
         const options = this._container.actualOptions, groups = options.particles.groups, manualCount = 0;
         for (const group in groups) {
-            await this._applyDensity(groups[group], manualCount, group);
+            this._applyDensity(groups[group], manualCount, group);
         }
-        await this._applyDensity(options.particles, options.manualParticles.length);
+        this._applyDensity(options.particles, options.manualParticles.length);
     }
     setLastZIndex(zIndex) {
         this._lastZIndex = zIndex;
@@ -257,14 +257,14 @@ export class Particles {
     setResizeFactor(factor) {
         this._resizeFactor = factor;
     }
-    async update(delta) {
+    update(delta) {
         const container = this._container, particlesToDelete = new Set();
         this.quadTree = new QuadTree(qTreeRectangle(container.canvas.size), qTreeCapacity);
         for (const [, pathGenerator] of container.pathGenerators) {
             pathGenerator.update();
         }
         for (const [, plugin] of container.plugins) {
-            await plugin.update?.(delta);
+            plugin.update?.(delta);
         }
         const resizeFactor = this._resizeFactor;
         for (const particle of this._array) {
@@ -284,7 +284,7 @@ export class Particles {
             }
             for (const mover of this.movers) {
                 if (mover.isEnabled(particle)) {
-                    await mover.move(particle, delta);
+                    mover.move(particle, delta);
                 }
             }
             if (particle.destroyed) {
@@ -307,13 +307,13 @@ export class Particles {
             }
             this._addToPool(...particlesToDelete);
         }
-        await this._interactionManager.externalInteract(delta);
+        this._interactionManager.externalInteract(delta);
         for (const particle of this._array) {
             for (const updater of this.updaters) {
-                await updater.update(particle, delta);
+                updater.update(particle, delta);
             }
             if (!particle.destroyed && !particle.spawning) {
-                await this._interactionManager.particlesInteract(particle, delta);
+                this._interactionManager.particlesInteract(particle, delta);
             }
         }
         delete this._resizeFactor;

package/esm/Core/Utils/EventListeners.js

@@ -1,5 +1,6 @@
-import { executeOnSingleOrMultiple, isBoolean, safeMatchMedia } from "../../Utils/Utils.js";
+import { executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
 import { millisecondsToSeconds, mouseDownEvent, mouseLeaveEvent, mouseMoveEvent, mouseOutEvent, mouseUpEvent, resizeEvent, touchCancelEvent, touchEndEvent, touchMoveEvent, touchStartEvent, visibilityChangeEvent, } from "./Constants.js";
+import { isBoolean } from "../../Utils/TypeUtils.js";
 const double = 2;
 function manageListener(element, event, handler, add, options) {
     if (add) {
@@ -56,10 +57,10 @@ export class EventListeners {
             else {
                 container.pageHidden = false;
                 if (container.animationStatus) {
-                    container.play(true);
+                    void container.play(true);
                 }
                 else {
-                    container.draw(true);
+                    void container.draw(true);
                 }
             }
         };

package/esm/Core/Utils/InteractionManager.js

@@ -6,10 +6,10 @@ export class InteractionManager {
         this._externalInteractors = [];
         this._particleInteractors = [];
     }
-    async externalInteract(delta) {
+    externalInteract(delta) {
         for (const interactor of this._externalInteractors) {
             if (interactor.isEnabled()) {
-                await interactor.interact(delta);
+                interactor.interact(delta);
             }
         }
     }
@@ -34,13 +34,13 @@ export class InteractionManager {
             interactor.init();
         }
     }
-    async particlesInteract(particle, delta) {
+    particlesInteract(particle, delta) {
         for (const interactor of this._externalInteractors) {
             interactor.clear(particle, delta);
         }
         for (const interactor of this._particleInteractors) {
             if (interactor.isEnabled(particle)) {
-                await interactor.interact(particle, delta);
+                interactor.interact(particle, delta);
             }
         }
     }

package/esm/Core/Utils/QuadTree.js

@@ -1,5 +1,4 @@
-import { Circle } from "./Circle.js";
-import { Rectangle } from "./Rectangle.js";
+import { Circle, Rectangle } from "./Ranges.js";
 import { getDistance } from "../../Utils/NumberUtils.js";
 const half = 0.5, double = 2, subdivideCount = 4;
 export class QuadTree {
@@ -31,8 +30,8 @@ export class QuadTree {
         }
         return this._subs.some((sub) => sub.insert(point));
     }
-    query(range, check, found) {
-        const res = found ?? [];
+    query(range, check) {
+        const res = [];
         if (!range.intersects(this.rectangle)) {
             return [];
         }
@@ -46,7 +45,7 @@ export class QuadTree {
         }
         if (this._divided) {
             for (const sub of this._subs) {
-                sub.query(range, check, res);
+                res.push(...sub.query(range, check));
             }
         }
         return res;

package/esm/Core/Utils/Ranges.js

@@ -0,0 +1,55 @@
+import { getDistance } from "../../Utils/NumberUtils.js";
+const squareExp = 2;
+export class BaseRange {
+    constructor(x, y, type) {
+        this.position = {
+            x: x,
+            y: y,
+        };
+        this.type = type;
+    }
+}
+export class Circle extends BaseRange {
+    constructor(x, y, radius) {
+        super(x, y, "circle");
+        this.radius = radius;
+    }
+    contains(point) {
+        return getDistance(point, this.position) <= this.radius;
+    }
+    intersects(range) {
+        const pos1 = this.position, pos2 = range.position, distPos = { x: Math.abs(pos2.x - pos1.x), y: Math.abs(pos2.y - pos1.y) }, r = this.radius;
+        if (range instanceof Circle || range.type === "circle") {
+            const circleRange = range, rSum = r + circleRange.radius, dist = Math.sqrt(distPos.x ** squareExp + distPos.y ** squareExp);
+            return rSum > dist;
+        }
+        else if (range instanceof Rectangle || range.type === "rectangle") {
+            const rectRange = range, { width, height } = rectRange.size, edges = Math.pow(distPos.x - width, squareExp) + Math.pow(distPos.y - height, squareExp);
+            return (edges <= r ** squareExp ||
+                (distPos.x <= r + width && distPos.y <= r + height) ||
+                distPos.x <= width ||
+                distPos.y <= height);
+        }
+        return false;
+    }
+}
+export class Rectangle extends BaseRange {
+    constructor(x, y, width, height) {
+        super(x, y, "rectangle");
+        this.size = {
+            height: height,
+            width: width,
+        };
+    }
+    contains(point) {
+        const w = this.size.width, h = this.size.height, pos = this.position;
+        return point.x >= pos.x && point.x <= pos.x + w && point.y >= pos.y && point.y <= pos.y + h;
+    }
+    intersects(range) {
+        if (range instanceof Circle) {
+            return range.intersects(this);
+        }
+        const w = this.size.width, h = this.size.height, pos1 = this.position, pos2 = range.position, size2 = range instanceof Rectangle ? range.size : { width: 0, height: 0 }, w2 = size2.width, h2 = size2.height;
+        return pos2.x < pos1.x + w && pos2.x + w2 > pos1.x && pos2.y < pos1.y + h && pos2.y + h2 > pos1.y;
+    }
+}

package/esm/Core/Utils/{Vector3d.js → Vectors.js}

@@ -1,5 +1,5 @@
 import { errorPrefix } from "./Constants.js";
-import { isNumber } from "../../Utils/Utils.js";
+import { isNumber } from "../../Utils/TypeUtils.js";
 const origin = {
     x: 0,
     y: 0,
@@ -107,3 +107,17 @@ export class Vector3d {
         this.z -= v.z;
     }
 }
+export class Vector extends Vector3d {
+    constructor(xOrCoords, y) {
+        super(xOrCoords, y, origin.z);
+    }
+    static get origin() {
+        return Vector.create(origin.x, origin.y);
+    }
+    static clone(source) {
+        return Vector.create(source.x, source.y);
+    }
+    static create(x, y) {
+        return new Vector(x, y);
+    }
+}

package/esm/Options/Classes/AnimatableColor.js

@@ -1,4 +1,4 @@
-import { isArray, isString } from "../../Utils/Utils.js";
+import { isArray, isString } from "../../Utils/TypeUtils.js";
 import { HslAnimation } from "./HslAnimation.js";
 import { OptionsColor } from "./OptionsColor.js";
 export class AnimatableColor extends OptionsColor {

package/esm/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -1,5 +1,5 @@
 import { BackgroundMaskCover } from "./BackgroundMaskCover.js";
-import { isString } from "../../../Utils/Utils.js";
+import { isString } from "../../../Utils/TypeUtils.js";
 export class BackgroundMask {
     constructor() {
         this.composite = "destination-out";

package/esm/Options/Classes/Options.js

@@ -1,4 +1,4 @@
-import { deepExtend, executeOnSingleOrMultiple, isBoolean, safeMatchMedia } from "../../Utils/Utils.js";
+import { deepExtend, executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
 import { Background } from "./Background/Background.js";
 import { BackgroundMask } from "./BackgroundMask/BackgroundMask.js";
 import { FullScreen } from "./FullScreen/FullScreen.js";
@@ -6,6 +6,7 @@ import { Interactivity } from "./Interactivity/Interactivity.js";
 import { ManualParticle } from "./ManualParticle.js";
 import { Responsive } from "./Responsive.js";
 import { Theme } from "./Theme/Theme.js";
+import { isBoolean } from "../../Utils/TypeUtils.js";
 import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
 import { setRangeValue } from "../../Utils/NumberUtils.js";
 export class Options {

package/esm/Options/Classes/OptionsColor.js

@@ -1,4 +1,4 @@
-import { isArray, isString } from "../../Utils/Utils.js";
+import { isArray, isString } from "../../Utils/TypeUtils.js";
 export class OptionsColor {
     constructor() {
         this.value = "";

package/esm/Options/Classes/Particles/Move/Move.js

@@ -1,4 +1,4 @@
-import { isNumber, isObject } from "../../../../Utils/Utils.js";
+import { isNumber, isObject } from "../../../../Utils/TypeUtils.js";
 import { MoveAngle } from "./MoveAngle.js";
 import { MoveAttract } from "./MoveAttract.js";
 import { MoveCenter } from "./MoveCenter.js";

package/esm/Types/RangeType.js

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

package/esm/Utils/CanvasUtils.js

@@ -21,7 +21,7 @@ export function paintImage(context, dimension, image, opacity) {
 export function clear(context, dimension) {
     context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
 }
-export async function drawParticle(data) {
+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 = {
         sin: Math.sin(angle),
         cos: Math.cos(angle),
@@ -60,13 +60,13 @@ export async function drawParticle(data) {
         transformData,
         strokeWidth,
     };
-    await drawShape(drawData);
-    await drawShapeAfterDraw(drawData);
-    await drawEffect(drawData);
+    drawShape(drawData);
+    drawShapeAfterDraw(drawData);
+    drawEffect(drawData);
     context.globalCompositeOperation = "source-over";
     context.resetTransform();
 }
-export async function drawEffect(data) {
+export function drawEffect(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.effect) {
         return;
@@ -75,7 +75,7 @@ export async function drawEffect(data) {
     if (!drawer) {
         return;
     }
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -85,7 +85,7 @@ export async function drawEffect(data) {
         transformData: { ...transformData },
     });
 }
-export async function drawShape(data) {
+export function drawShape(data) {
     const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
     if (!particle.shape) {
         return;
@@ -95,7 +95,7 @@ export async function drawShape(data) {
         return;
     }
     context.beginPath();
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -114,7 +114,7 @@ export async function drawShape(data) {
         context.fill();
     }
 }
-export async function drawShapeAfterDraw(data) {
+export function drawShapeAfterDraw(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.shape) {
         return;
@@ -123,7 +123,7 @@ export async function drawShapeAfterDraw(data) {
     if (!drawer?.afterDraw) {
         return;
     }
-    await drawer.afterDraw({
+    drawer.afterDraw({
         context,
         particle,
         radius,
@@ -133,17 +133,17 @@ export async function drawShapeAfterDraw(data) {
         transformData: { ...transformData },
     });
 }
-export async function drawPlugin(context, plugin, delta) {
+export function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {
         return;
     }
-    await plugin.draw(context, delta);
+    plugin.draw(context, delta);
 }
-export async function drawParticlePlugin(context, plugin, particle, delta) {
+export function drawParticlePlugin(context, plugin, particle, delta) {
     if (!plugin.drawParticle) {
         return;
     }
-    await plugin.drawParticle(context, particle, delta);
+    plugin.drawParticle(context, particle, delta);
 }
 export function alterHsl(color, type, value) {
     const lFactor = 1;

package/esm/Utils/ColorUtils.js

@@ -1,6 +1,7 @@
 import { clamp, getRandom, getRangeMax, getRangeMin, getRangeValue, mix, randomInRange, setRangeValue, } from "./NumberUtils.js";
-import { isArray, isString, itemFromArray } from "./Utils.js";
+import { isArray, isString } from "./TypeUtils.js";
 import { millisecondsToSeconds, percentDenominator } from "../Core/Utils/Constants.js";
+import { itemFromArray } from "./Utils.js";
 const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
 export function addColorManager(manager) {
     colorManagers.set(manager.key, manager);

package/esm/Utils/NumberUtils.js

@@ -1,5 +1,5 @@
-import { Vector } from "../Core/Utils/Vector.js";
-import { isNumber } from "./Utils.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 easings = new Map(), double = 2, doublePI = Math.PI * double;

package/esm/Utils/TypeUtils.js

@@ -0,0 +1,18 @@
+export function isBoolean(arg) {
+    return typeof arg === "boolean";
+}
+export function isString(arg) {
+    return typeof arg === "string";
+}
+export function isNumber(arg) {
+    return typeof arg === "number";
+}
+export function isFunction(arg) {
+    return typeof arg === "function";
+}
+export function isObject(arg) {
+    return typeof arg === "object" && arg !== null;
+}
+export function isArray(arg) {
+    return Array.isArray(arg);
+}

package/esm/Utils/Utils.js

@@ -1,6 +1,7 @@
 import { clamp, collisionVelocity, getDistances, getRandom, getRangeMax, getRangeMin, getRangeValue, randomInRange, } from "./NumberUtils.js";
 import { halfRandom, millisecondsToSeconds, percentDenominator } from "../Core/Utils/Constants.js";
-import { Vector } from "../Core/Utils/Vector.js";
+import { isArray, isObject } from "./TypeUtils.js";
+import { Vector } from "../Core/Utils/Vectors.js";
 const _logger = {
     debug: console.debug,
     error: console.error,
@@ -332,24 +333,6 @@ export function getPosition(position, canvasSize) {
 export function getSize(size, canvasSize) {
     return getPositionOrSize(size, canvasSize);
 }
-export function isBoolean(arg) {
-    return typeof arg === "boolean";
-}
-export function isString(arg) {
-    return typeof arg === "string";
-}
-export function isNumber(arg) {
-    return typeof arg === "number";
-}
-export function isFunction(arg) {
-    return typeof arg === "function";
-}
-export function isObject(arg) {
-    return typeof arg === "object" && arg !== null;
-}
-export function isArray(arg) {
-    return Array.isArray(arg);
-}
 function checkDestroy(particle, destroyType, value, minValue, maxValue) {
     switch (destroyType) {
         case "max":

package/esm/exports.js

@@ -1,12 +1,9 @@
-export * from "./Core/Utils/Circle.js";
 export * from "./Core/Utils/Constants.js";
 export * from "./Core/Utils/ExternalInteractorBase.js";
 export * from "./Core/Utils/ParticlesInteractorBase.js";
 export * from "./Core/Utils/Point.js";
-export * from "./Core/Utils/Range.js";
-export * from "./Core/Utils/Rectangle.js";
-export * from "./Core/Utils/Vector.js";
-export * from "./Core/Utils/Vector3d.js";
+export * from "./Core/Utils/Ranges.js";
+export * from "./Core/Utils/Vectors.js";
 export * from "./Enums/Directions/MoveDirection.js";
 export * from "./Enums/Directions/RotateDirection.js";
 export * from "./Enums/Directions/OutModeDirection.js";
@@ -86,3 +83,4 @@ export * from "./Utils/NumberUtils.js";
 export * from "./Utils/OptionsUtils.js";
 export * from "./Utils/RgbColorManager.js";
 export * from "./Utils/Utils.js";
+export * from "./Utils/TypeUtils.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/engine",
-  "version": "3.2.1",
+  "version": "3.3.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 [31 Jan 2024 at 09:47]</title>
+    <title>@tsparticles/engine [27 Feb 2024 at 12:13]</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>