@tsparticles/shape-image 3.0.3 → 3.1.0

package/tsparticles.shape.image.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.3
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -114,32 +114,39 @@ class ByteStream {
     return this.data[this.pos++];
   }
   nextTwoBytes() {
-    this.pos += 2;
-    return this.data[this.pos - 2] + (this.data[this.pos - 1] << 8);
+    const increment = 2,
+      previous = 1,
+      shift = 8;
+    this.pos += increment;
+    return this.data[this.pos - increment] + (this.data[this.pos - previous] << shift);
   }
   readSubBlocks() {
     let blockString = "",
       size = 0;
+    const minCount = 0,
+      emptySize = 0;
     do {
       size = this.data[this.pos++];
-      for (let count = size; --count >= 0; blockString += String.fromCharCode(this.data[this.pos++])) {}
-    } while (size !== 0);
+      for (let count = size; --count >= minCount; blockString += String.fromCharCode(this.data[this.pos++])) {}
+    } while (size !== emptySize);
     return blockString;
   }
   readSubBlocksBin() {
     let size = 0,
       len = 0;
-    for (let offset = 0; (size = this.data[this.pos + offset]) !== 0; offset += size + 1) {
+    const emptySize = 0,
+      increment = 1;
+    for (let offset = 0; size !== emptySize; offset += size + increment, size = this.data[this.pos + offset]) {
       len += size;
     }
     const blockData = new Uint8Array(len);
-    for (let i = 0; (size = this.data[this.pos++]) !== 0;) {
-      for (let count = size; --count >= 0; blockData[i++] = this.data[this.pos++]) {}
+    for (let i = 0; size !== emptySize; size = this.data[this.pos++]) {
+      for (let count = size; --count >= emptySize; blockData[i++] = this.data[this.pos++]) {}
     }
     return blockData;
   }
   skipSubBlocks() {
-    for (; this.data[this.pos] !== 0; this.pos += this.data[this.pos] + 1) {}
+    for (const increment = 1, noData = 0; this.data[this.pos] !== noData; this.pos += this.data[this.pos] + increment) {}
     this.pos++;
   }
 }
@@ -158,7 +165,7 @@ function parseColorTable(byteStream, count) {
   }
   return colors;
 }
-async function parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {
+function parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {
   switch (byteStream.nextByte()) {
     case 249:
       {
@@ -240,11 +247,19 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
       g,
       b
     } = (localColorTableFlag ? frame.localColorTable : gif.globalColorTable)[index];
+    if (index !== getTransparencyIndex(null)) {
+      return {
+        r,
+        g,
+        b,
+        a: 255
+      };
+    }
     return {
       r,
       g,
       b,
-      a: index === getTransparencyIndex(null) ? avgAlpha ? ~~((r + g + b) / 3) : 0 : 255
+      a: avgAlpha ? ~~((r + g + b) / 3) : 0
     };
   };
   const image = (() => {
@@ -273,7 +288,10 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
   if (interlacedFlag) {
     for (let code = 0, size = minCodeSize + 1, pos = 0, dic = [[0]], pass = 0; pass < 4; pass++) {
       if (InterlaceOffsets[pass] < frame.height) {
-        for (let pixelPos = 0, lineIndex = 0;;) {
+        let pixelPos = 0,
+          lineIndex = 0,
+          exit = false;
+        while (!exit) {
           const last = code;
           code = readBits(pos, size);
           pos += size + 1;
@@ -289,13 +307,13 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
             } else if (last !== clearCode) {
               dic.push(dic[last].concat(dic[code][0]));
             }
-            for (let i = 0; i < dic[code].length; i++) {
+            for (const item of dic[code]) {
               const {
                 r,
                 g,
                 b,
                 a
-              } = getColor(dic[code][i]);
+              } = getColor(item);
               image.data.set([r, g, b, a], InterlaceOffsets[pass] * frame.width + InterlaceSteps[pass] * lineIndex + pixelPos % (frame.width * 4));
               pixelPos += 4;
             }
@@ -306,7 +324,7 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
           if (pixelPos === frame.width * 4 * (lineIndex + 1)) {
             lineIndex++;
             if (InterlaceOffsets[pass] + InterlaceSteps[pass] * lineIndex >= frame.height) {
-              break;
+              exit = true;
             }
           }
         }
@@ -322,7 +340,13 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
     frame.image = image;
     frame.bitmap = await createImageBitmap(image);
   } else {
-    for (let code = 0, size = minCodeSize + 1, pos = 0, dic = [[0]], pixelPos = -4;;) {
+    let code = 0,
+      size = minCodeSize + 1,
+      pos = 0,
+      pixelPos = -4,
+      exit = false;
+    const dic = [[0]];
+    while (!exit) {
       const last = code;
       code = readBits(pos, size);
       pos += size;
@@ -334,6 +358,7 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
         }
       } else {
         if (code === clearCode + 1) {
+          exit = true;
           break;
         }
         if (code >= dic.length) {
@@ -341,13 +366,13 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
         } else if (last !== clearCode) {
           dic.push(dic[last].concat(dic[code][0]));
         }
-        for (let i = 0; i < dic[code].length; i++) {
+        for (const item of dic[code]) {
           const {
             r,
             g,
             b,
             a
-          } = getColor(dic[code][i]);
+          } = getColor(item);
           image.data.set([r, g, b, a], pixelPos += 4);
         }
         if (dic.length >= 1 << size && size < 0xc) {
@@ -374,7 +399,7 @@ async function parseBlock(byteStream, gif, avgAlpha, getFrameIndex, getTranspare
       await parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, progressCallback);
       break;
     case 33:
-      await parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);
+      parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);
       break;
     default:
       throw new EvalError("undefined block found");
@@ -515,6 +540,9 @@ async function decodeGIF(gifURL, progressCallback, avgAlpha) {
 ;// CONCATENATED MODULE: ./dist/browser/Utils.js
 
 
+const stringStart = 0,
+  defaultLoopCount = 0,
+  defaultOpacity = 1;
 const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
 function replaceColorSvg(imageShape, color, opacity) {
   const {
@@ -528,7 +556,7 @@ function replaceColorSvg(imageShape, color, opacity) {
     return svgData.replace(currentColorRegex, () => colorStyle);
   }
   const preFillIndex = svgData.indexOf(">");
-  return `${svgData.substring(0, preFillIndex)} fill="${colorStyle}"${svgData.substring(preFillIndex)}`;
+  return `${svgData.substring(stringStart, preFillIndex)} fill="${colorStyle}"${svgData.substring(preFillIndex)}`;
 }
 async function loadImage(image) {
   return new Promise(resolve => {
@@ -557,8 +585,8 @@ async function loadGifImage(image) {
   image.loading = true;
   try {
     image.gifData = await decodeGIF(image.source);
-    image.gifLoopCount = getGIFLoopAmount(image.gifData) ?? 0;
-    if (image.gifLoopCount === 0) {
+    image.gifLoopCount = getGIFLoopAmount(image.gifData) ?? defaultLoopCount;
+    if (!image.gifLoopCount) {
       image.gifLoopCount = Infinity;
     }
   } catch {
@@ -582,7 +610,7 @@ async function downloadSvgImage(image) {
   image.loading = false;
 }
 function replaceImageColor(image, imageData, color, particle) {
-  const svgColoredData = replaceColorSvg(image, color, particle.opacity?.value ?? 1),
+  const svgColoredData = replaceColorSvg(image, color, particle.opacity?.value ?? defaultOpacity),
     imageRes = {
       color,
       gif: imageData.gif,
@@ -608,7 +636,7 @@ function replaceImageColor(image, imageData, color, particle) {
       resolve(imageRes);
       domUrl.revokeObjectURL(url);
     });
-    img.addEventListener("error", async () => {
+    const errorHandler = async () => {
       domUrl.revokeObjectURL(url);
       const img2 = {
         ...image,
@@ -619,13 +647,27 @@ function replaceImageColor(image, imageData, color, particle) {
       imageRes.loaded = true;
       imageRes.element = img2.element;
       resolve(imageRes);
-    });
+    };
+    img.addEventListener("error", () => void errorHandler());
     img.src = url;
   });
 }
 ;// CONCATENATED MODULE: ./dist/browser/ImageDrawer.js
 
 
+const origin = {
+    x: 0,
+    y: 0
+  },
+  ImageDrawer_defaultLoopCount = 0,
+  defaultFrame = 0,
+  half = 0.5,
+  initialTime = 0,
+  firstIndex = 0,
+  ImageDrawer_double = 2,
+  defaultAlpha = 1,
+  sides = 12,
+  defaultRatio = 1;
 class ImageDrawer {
   constructor(engine) {
     this.loadImageShape = async imageShape => {
@@ -669,18 +711,18 @@ class ImageDrawer {
       }
       offscreenContext.imageSmoothingQuality = "low";
       offscreenContext.imageSmoothingEnabled = false;
-      offscreenContext.clearRect(0, 0, offscreenCanvas.width, offscreenCanvas.height);
+      offscreenContext.clearRect(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
       if (particle.gifLoopCount === undefined) {
-        particle.gifLoopCount = image.gifLoopCount ?? 0;
+        particle.gifLoopCount = image.gifLoopCount ?? ImageDrawer_defaultLoopCount;
       }
-      let frameIndex = particle.gifFrame ?? 0;
+      let frameIndex = particle.gifFrame ?? defaultFrame;
       const pos = {
-          x: -image.gifData.width * 0.5,
-          y: -image.gifData.height * 0.5
+          x: -image.gifData.width * half,
+          y: -image.gifData.height * half
         },
         frame = image.gifData.frames[frameIndex];
       if (particle.gifTime === undefined) {
-        particle.gifTime = 0;
+        particle.gifTime = initialTime;
       }
       if (!frame.bitmap) {
         return;
@@ -694,7 +736,7 @@ class ImageDrawer {
         case 0:
           offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);
           context.drawImage(offscreenCanvas, pos.x, pos.y);
-          offscreenContext.clearRect(0, 0, offscreenCanvas.width, offscreenCanvas.height);
+          offscreenContext.clearRect(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
           break;
         case 1:
           offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);
@@ -703,20 +745,20 @@ class ImageDrawer {
         case 2:
           offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);
           context.drawImage(offscreenCanvas, pos.x, pos.y);
-          offscreenContext.clearRect(0, 0, offscreenCanvas.width, offscreenCanvas.height);
-          if (image.gifData.globalColorTable.length === 0) {
-            offscreenContext.putImageData(image.gifData.frames[0].image, pos.x + frame.left, pos.y + frame.top);
+          offscreenContext.clearRect(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
+          if (!image.gifData.globalColorTable.length) {
+            offscreenContext.putImageData(image.gifData.frames[firstIndex].image, pos.x + frame.left, pos.y + frame.top);
           } else {
             offscreenContext.putImageData(image.gifData.backgroundImage, pos.x, pos.y);
           }
           break;
         case 3:
           {
-            const previousImageData = offscreenContext.getImageData(0, 0, offscreenCanvas.width, offscreenCanvas.height);
+            const previousImageData = offscreenContext.getImageData(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
             offscreenContext.drawImage(frame.bitmap, frame.left, frame.top);
             context.drawImage(offscreenCanvas, pos.x, pos.y);
-            offscreenContext.clearRect(0, 0, offscreenCanvas.width, offscreenCanvas.height);
-            offscreenContext.putImageData(previousImageData, 0, 0);
+            offscreenContext.clearRect(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
+            offscreenContext.putImageData(previousImageData, origin.x, origin.y);
           }
           break;
       }
@@ -724,11 +766,11 @@ class ImageDrawer {
       if (particle.gifTime > frame.delayTime) {
         particle.gifTime -= frame.delayTime;
         if (++frameIndex >= image.gifData.frames.length) {
-          if (--particle.gifLoopCount <= 0) {
+          if (--particle.gifLoopCount <= ImageDrawer_defaultLoopCount) {
             return;
           }
-          frameIndex = 0;
-          offscreenContext.clearRect(0, 0, offscreenCanvas.width, offscreenCanvas.height);
+          frameIndex = firstIndex;
+          offscreenContext.clearRect(origin.x, origin.y, offscreenCanvas.width, offscreenCanvas.height);
         }
         particle.gifFrame = frameIndex;
       }
@@ -739,13 +781,13 @@ class ImageDrawer {
           x: -radius,
           y: -radius
         },
-        diameter = radius * 2;
+        diameter = radius * ImageDrawer_double;
       context.drawImage(element, pos.x, pos.y, diameter, diameter / ratio);
     }
-    context.globalAlpha = 1;
+    context.globalAlpha = defaultAlpha;
   }
   getSidesCount() {
-    return 12;
+    return sides;
   }
   async init(container) {
     const options = container.actualOptions;
@@ -769,7 +811,7 @@ class ImageDrawer {
     }
     const image = this._engine.images.find(t => t.name === imageData.name || t.source === imageData.src);
     if (!image) {
-      this.loadImageShape(imageData).then(() => {
+      void this.loadImageShape(imageData).then(() => {
         this.loadShape(particle);
       });
     }
@@ -798,7 +840,7 @@ class ImageDrawer {
       });
       return;
     }
-    (async () => {
+    void (async () => {
       let imageRes;
       if (image.svgData && color) {
         imageRes = await replaceImageColor(image, imageData, color, particle);
@@ -811,7 +853,7 @@ class ImageDrawer {
           gifData: image.gifData,
           gifLoopCount: image.gifLoopCount,
           loaded: true,
-          ratio: imageData.width && imageData.height ? imageData.width / imageData.height : image.ratio ?? 1,
+          ratio: imageData.width && imageData.height ? imageData.width / imageData.height : image.ratio ?? defaultRatio,
           replaceColor: replaceColor,
           source: imageData.src
         };
@@ -873,7 +915,7 @@ class ImagePreloaderPlugin {
     return {};
   }
   loadOptions(options, source) {
-    if (!source || !source.preload) {
+    if (!source?.preload) {
       return;
     }
     if (!options.preload) {
@@ -900,6 +942,7 @@ class ImagePreloaderPlugin {
 
 
 
+const extLength = 3;
 function addLoadImageToEngine(engine) {
   if (engine.loadImage) {
     return;
@@ -919,14 +962,19 @@ function addLoadImageToEngine(engine) {
         gif: data.gif ?? false,
         name: data.name ?? data.src,
         source: data.src,
-        type: data.src.substring(data.src.length - 3),
+        type: data.src.substring(data.src.length - extLength),
         error: false,
         loading: true,
         replaceColor: data.replaceColor,
         ratio: data.width && data.height ? data.width / data.height : undefined
       };
       engine.images.push(image);
-      const imageFunc = data.gif ? loadGifImage : data.replaceColor ? downloadSvgImage : loadImage;
+      let imageFunc;
+      if (data.gif) {
+        imageFunc = loadGifImage;
+      } else {
+        imageFunc = data.replaceColor ? downloadSvgImage : loadImage;
+      }
       await imageFunc(image);
     } catch {
       throw new Error(`${engine_root_window_.errorPrefix} ${data.name ?? data.src} not found`);

package/tsparticles.shape.image.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.shape.image.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var a="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},a={};function o(e){var i=a[e];if(void 0!==i)return i.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,o),r.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{loadImageShape:()=>u});var e=o(533);const t=[0,4,2,1],a=[8,8,4,2];class r{constructor(e){this.pos=0,this.data=new Uint8ClampedArray(e)}getString(e){const t=this.data.slice(this.pos,this.pos+e);return this.pos+=t.length,t.reduce(((e,t)=>e+String.fromCharCode(t)),"")}nextByte(){return this.data[this.pos++]}nextTwoBytes(){return this.pos+=2,this.data[this.pos-2]+(this.data[this.pos-1]<<8)}readSubBlocks(){let e="",t=0;do{t=this.data[this.pos++];for(let a=t;--a>=0;e+=String.fromCharCode(this.data[this.pos++]));}while(0!==t);return e}readSubBlocksBin(){let e=0,t=0;for(let a=0;0!==(e=this.data[this.pos+a]);a+=e+1)t+=e;const a=new Uint8Array(t);for(let t=0;0!==(e=this.data[this.pos++]);)for(let o=e;--o>=0;a[t++]=this.data[this.pos++]);return a}skipSubBlocks(){for(;0!==this.data[this.pos];this.pos+=this.data[this.pos]+1);this.pos++}}function n(e,t){const a=[];for(let o=0;o<t;o++)a.push({r:e.data[e.pos],g:e.data[e.pos+1],b:e.data[e.pos+2]}),e.pos+=3;return a}async function s(e,o,i,r,s,l){switch(e.nextByte()){case 59:return!0;case 44:await async function(e,o,i,r,s,l){const c=o.frames[r(!0)];c.left=e.nextTwoBytes(),c.top=e.nextTwoBytes(),c.width=e.nextTwoBytes(),c.height=e.nextTwoBytes();const g=e.nextByte(),h=128==(128&g),d=64==(64&g);c.sortFlag=32==(32&g),c.reserved=(24&g)>>>3;const f=1<<1+(7&g);h&&(c.localColorTable=n(e,f));const p=e=>{const{r:t,g:a,b:r}=(h?c.localColorTable:o.globalColorTable)[e];return{r:t,g:a,b:r,a:e===s(null)?i?~~((t+a+r)/3):0:255}},m=(()=>{try{return new ImageData(c.width,c.height,{colorSpace:"srgb"})}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==m)throw new EvalError("GIF frame size is to large");const u=e.nextByte(),w=e.readSubBlocksBin(),y=1<<u,b=(e,t)=>{const a=e>>>3,o=7&e;return(w[a]+(w[a+1]<<8)+(w[a+2]<<16)&(1<<t)-1<<o)>>>o};if(d){for(let i=0,n=u+1,s=0,g=[[0]],h=0;h<4;h++){if(t[h]<c.height)for(let e=0,o=0;;){const r=i;if(i=b(s,n),s+=n+1,i===y){n=u+1,g.length=y+2;for(let e=0;e<g.length;e++)g[e]=e<y?[e]:[]}else{i>=g.length?g.push(g[r].concat(g[r][0])):r!==y&&g.push(g[r].concat(g[i][0]));for(let r=0;r<g[i].length;r++){const{r:n,g:s,b:l,a:d}=p(g[i][r]);m.data.set([n,s,l,d],t[h]*c.width+a[h]*o+e%(4*c.width)),e+=4}g.length===1<<n&&n<12&&n++}if(e===4*c.width*(o+1)&&(o++,t[h]+a[h]*o>=c.height))break}l?.(e.pos/(e.data.length-1),r(!1)+1,m,{x:c.left,y:c.top},{width:o.width,height:o.height})}c.image=m,c.bitmap=await createImageBitmap(m)}else{for(let e=0,t=u+1,a=0,o=[[0]],i=-4;;){const r=e;if(e=b(a,t),a+=t,e===y){t=u+1,o.length=y+2;for(let e=0;e<o.length;e++)o[e]=e<y?[e]:[]}else{if(e===y+1)break;e>=o.length?o.push(o[r].concat(o[r][0])):r!==y&&o.push(o[r].concat(o[e][0]));for(let t=0;t<o[e].length;t++){const{r:a,g:r,b:n,a:s}=p(o[e][t]);m.data.set([a,r,n,s],i+=4)}o.length>=1<<t&&t<12&&t++}}c.image=m,c.bitmap=await createImageBitmap(m),l?.((e.pos+1)/e.data.length,r(!1)+1,c.image,{x:c.left,y:c.top},{width:o.width,height:o.height})}}(e,o,i,r,s,l);break;case 33:await async function(e,t,a,o){switch(e.nextByte()){case 249:{const i=t.frames[a(!1)];e.pos++;const r=e.nextByte();i.GCreserved=(224&r)>>>5,i.disposalMethod=(28&r)>>>2,i.userInputDelayFlag=2==(2&r);const n=1==(1&r);i.delayTime=10*e.nextTwoBytes();const s=e.nextByte();n&&o(s),e.pos++;break}case 255:{e.pos++;const a={identifier:e.getString(8),authenticationCode:e.getString(3),data:e.readSubBlocksBin()};t.applicationExtensions.push(a);break}case 254:t.comments.push([a(!1),e.readSubBlocks()]);break;case 1:if(0===t.globalColorTable.length)throw new EvalError("plain text extension without global color table");e.pos++,t.frames[a(!1)].plainTextData={left:e.nextTwoBytes(),top:e.nextTwoBytes(),width:e.nextTwoBytes(),height:e.nextTwoBytes(),charSize:{width:e.nextTwoBytes(),height:e.nextTwoBytes()},foregroundColor:e.nextByte(),backgroundColor:e.nextByte(),text:e.readSubBlocks()};break;default:e.skipSubBlocks()}}(e,o,r,s);break;default:throw new EvalError("undefined block found")}return!1}const l=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;async function c(t){return new Promise((a=>{t.loading=!0;const o=new Image;t.element=o,o.addEventListener("load",(()=>{t.loading=!1,a()})),o.addEventListener("error",(()=>{t.element=void 0,t.error=!0,t.loading=!1,(0,e.getLogger)().error(`${e.errorPrefix} loading image: ${t.source}`),a()})),o.src=t.source}))}async function g(e){if("gif"===e.type){e.loading=!0;try{e.gifData=await async function(e,t,a){a||(a=!1);const o=await fetch(e);if(!o.ok&&404===o.status)throw new EvalError("file not found");const i=await o.arrayBuffer(),l={width:0,height:0,totalTime:0,colorRes:0,pixelAspectRatio:0,frames:[],sortFlag:!1,globalColorTable:[],backgroundImage:new ImageData(1,1,{colorSpace:"srgb"}),comments:[],applicationExtensions:[]},c=new r(new Uint8ClampedArray(i));if("GIF89a"!==c.getString(6))throw new Error("not a supported GIF file");l.width=c.nextTwoBytes(),l.height=c.nextTwoBytes();const g=c.nextByte(),h=128==(128&g);l.colorRes=(112&g)>>>4,l.sortFlag=8==(8&g);const d=1<<1+(7&g),f=c.nextByte();l.pixelAspectRatio=c.nextByte(),0!==l.pixelAspectRatio&&(l.pixelAspectRatio=(l.pixelAspectRatio+15)/64),h&&(l.globalColorTable=n(c,d));const p=(()=>{try{return new ImageData(l.width,l.height,{colorSpace:"srgb"})}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==p)throw new Error("GIF frame size is to large");const{r:m,g:u,b:w}=l.globalColorTable[f];p.data.set(h?[m,u,w,255]:[0,0,0,0]);for(let e=4;e<p.data.length;e*=2)p.data.copyWithin(e,0,e);l.backgroundImage=p;let y=-1,b=!0,x=-1;const C=e=>(e&&(b=!0),y),v=e=>(null!=e&&(x=e),x);try{do{b&&(l.frames.push({left:0,top:0,width:0,height:0,disposalMethod:0,image:new ImageData(1,1,{colorSpace:"srgb"}),plainTextData:null,userInputDelayFlag:!1,delayTime:0,sortFlag:!1,localColorTable:[],reserved:0,GCreserved:0}),y++,x=-1,b=!1)}while(!await s(c,l,a,C,v,t));l.frames.length--;for(const e of l.frames){if(e.userInputDelayFlag&&0===e.delayTime){l.totalTime=1/0;break}l.totalTime+=e.delayTime}return l}catch(e){if(e instanceof EvalError)throw new Error(`error while parsing frame ${y} "${e.message}"`);throw e}}(e.source),e.gifLoopCount=function(e){for(const t of e.applicationExtensions)if(t.identifier+t.authenticationCode==="NETSCAPE2.0")return t.data[1]+(t.data[2]<<8);return NaN}(e.gifData)??0,0===e.gifLoopCount&&(e.gifLoopCount=1/0)}catch{e.error=!0}e.loading=!1}else await c(e)}async function h(t){if("svg"!==t.type)return void await c(t);t.loading=!0;const a=await fetch(t.source);a.ok?t.svgData=await a.text():((0,e.getLogger)().error(`${e.errorPrefix} Image not found`),t.error=!0),t.loading=!1}function d(t,a,o,i){const r=function(t,a,o){const{svgData:i}=t;if(!i)return"";const r=(0,e.getStyleFromHsl)(a,o);if(i.includes("fill"))return i.replace(l,(()=>r));const n=i.indexOf(">");return`${i.substring(0,n)} fill="${r}"${i.substring(n)}`}(t,o,i.opacity?.value??1),n={color:o,gif:a.gif,data:{...t,svgData:r},loaded:!1,ratio:a.width/a.height,replaceColor:a.replaceColor,source:a.src};return new Promise((e=>{const a=new Blob([r],{type:"image/svg+xml"}),o=URL||window.URL||window.webkitURL||window,i=o.createObjectURL(a),s=new Image;s.addEventListener("load",(()=>{n.loaded=!0,n.element=s,e(n),o.revokeObjectURL(i)})),s.addEventListener("error",(async()=>{o.revokeObjectURL(i);const a={...t,error:!1,loading:!0};await c(a),n.loaded=!0,n.element=a.element,e(n)})),s.src=i}))}class f{constructor(t){this.loadImageShape=async t=>{if(!this._engine.loadImage)throw new Error(`${e.errorPrefix} image shape not initialized`);await this._engine.loadImage({gif:t.gif,name:t.name,replaceColor:t.replaceColor??!1,src:t.src})},this._engine=t}addImage(e){this._engine.images||(this._engine.images=[]),this._engine.images.push(e)}draw(e){const{context:t,radius:a,particle:o,opacity:i,delta:r}=e,n=o.image,s=n?.element;if(n){if(t.globalAlpha=i,n.gif&&n.gifData){const e=new OffscreenCanvas(n.gifData.width,n.gifData.height),i=e.getContext("2d");if(!i)throw new Error("could not create offscreen canvas context");i.imageSmoothingQuality="low",i.imageSmoothingEnabled=!1,i.clearRect(0,0,e.width,e.height),void 0===o.gifLoopCount&&(o.gifLoopCount=n.gifLoopCount??0);let s=o.gifFrame??0;const l={x:.5*-n.gifData.width,y:.5*-n.gifData.height},c=n.gifData.frames[s];if(void 0===o.gifTime&&(o.gifTime=0),!c.bitmap)return;switch(t.scale(a/n.gifData.width,a/n.gifData.height),c.disposalMethod){case 4:case 5:case 6:case 7:case 0:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(0,0,e.width,e.height);break;case 1:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y);break;case 2:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(0,0,e.width,e.height),0===n.gifData.globalColorTable.length?i.putImageData(n.gifData.frames[0].image,l.x+c.left,l.y+c.top):i.putImageData(n.gifData.backgroundImage,l.x,l.y);break;case 3:{const a=i.getImageData(0,0,e.width,e.height);i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(0,0,e.width,e.height),i.putImageData(a,0,0)}}if(o.gifTime+=r.value,o.gifTime>c.delayTime){if(o.gifTime-=c.delayTime,++s>=n.gifData.frames.length){if(--o.gifLoopCount<=0)return;s=0,i.clearRect(0,0,e.width,e.height)}o.gifFrame=s}t.scale(n.gifData.width/a,n.gifData.height/a)}else if(s){const e=n.ratio,o={x:-a,y:-a},i=2*a;t.drawImage(s,o.x,o.y,i,i/e)}t.globalAlpha=1}}getSidesCount(){return 12}async init(e){const t=e.actualOptions;if(t.preload&&this._engine.loadImage)for(const e of t.preload)await this._engine.loadImage(e)}loadShape(e){if("image"!==e.shape&&"images"!==e.shape)return;this._engine.images||(this._engine.images=[]);const t=e.shapeData;if(!t)return;this._engine.images.find((e=>e.name===t.name||e.source===t.src))||this.loadImageShape(t).then((()=>{this.loadShape(e)}))}particleInit(e,t){if("image"!==t.shape&&"images"!==t.shape)return;this._engine.images||(this._engine.images=[]);const a=this._engine.images,o=t.shapeData;if(!o)return;const i=t.getFillColor(),r=a.find((e=>e.name===o.name||e.source===o.src));if(!r)return;const n=o.replaceColor??r.replaceColor;r.loading?setTimeout((()=>{this.particleInit(e,t)})):(async()=>{let e;e=r.svgData&&i?await d(r,o,i,t):{color:i,data:r,element:r.element,gif:r.gif,gifData:r.gifData,gifLoopCount:r.gifLoopCount,loaded:!0,ratio:o.width&&o.height?o.width/o.height:r.ratio??1,replaceColor:n,source:o.src},e.ratio||(e.ratio=1);const a={image:e,fill:o.fill??t.shapeFill,close:o.close??t.shapeClose};t.image=a.image,t.shapeFill=a.fill,t.shapeClose=a.close})()}}class p{constructor(){this.src="",this.gif=!1}load(e){e&&(void 0!==e.gif&&(this.gif=e.gif),void 0!==e.height&&(this.height=e.height),void 0!==e.name&&(this.name=e.name),void 0!==e.replaceColor&&(this.replaceColor=e.replaceColor),void 0!==e.src&&(this.src=e.src),void 0!==e.width&&(this.width=e.width))}}class m{constructor(e){this.id="imagePreloader",this._engine=e}getPlugin(){return{}}loadOptions(e,t){if(!t||!t.preload)return;e.preload||(e.preload=[]);const a=e.preload;for(const e of t.preload){const t=a.find((t=>t.name===e.name||t.src===e.src));if(t)t.load(e);else{const t=new p;t.load(e),a.push(t)}}}needsPlugin(){return!0}}async function u(t,a=!0){!function(t){t.loadImage||(t.loadImage=async a=>{if(!a.name&&!a.src)throw new Error(`${e.errorPrefix} no image source provided`);if(t.images||(t.images=[]),!t.images.find((e=>e.name===a.name||e.source===a.src)))try{const e={gif:a.gif??!1,name:a.name??a.src,source:a.src,type:a.src.substring(a.src.length-3),error:!1,loading:!0,replaceColor:a.replaceColor,ratio:a.width&&a.height?a.width/a.height:void 0};t.images.push(e);const o=a.gif?g:a.replaceColor?h:c;await o(e)}catch{throw new Error(`${e.errorPrefix} ${a.name??a.src} not found`)}})}(t);const o=new m(t);await t.addPlugin(o,a),await t.addShape(["image","images"],new f(t),a)}})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var a="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},a={};function o(e){var i=a[e];if(void 0!==i)return i.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,o),r.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{loadImageShape:()=>C});var e=o(533);const t=[0,4,2,1],a=[8,8,4,2];class r{constructor(e){this.pos=0,this.data=new Uint8ClampedArray(e)}getString(e){const t=this.data.slice(this.pos,this.pos+e);return this.pos+=t.length,t.reduce(((e,t)=>e+String.fromCharCode(t)),"")}nextByte(){return this.data[this.pos++]}nextTwoBytes(){return this.pos+=2,this.data[this.pos-2]+(this.data[this.pos-1]<<8)}readSubBlocks(){let e="",t=0;do{t=this.data[this.pos++];for(let a=t;--a>=0;e+=String.fromCharCode(this.data[this.pos++]));}while(0!==t);return e}readSubBlocksBin(){let e=0,t=0;for(let a=0;0!==e;a+=e+1,e=this.data[this.pos+a])t+=e;const a=new Uint8Array(t);for(let t=0;0!==e;e=this.data[this.pos++])for(let o=e;--o>=0;a[t++]=this.data[this.pos++]);return a}skipSubBlocks(){for(const e=1,t=0;this.data[this.pos]!==t;this.pos+=this.data[this.pos]+e);this.pos++}}function n(e,t){const a=[];for(let o=0;o<t;o++)a.push({r:e.data[e.pos],g:e.data[e.pos+1],b:e.data[e.pos+2]}),e.pos+=3;return a}async function s(e,o,i,r,s,l){switch(e.nextByte()){case 59:return!0;case 44:await async function(e,o,i,r,s,l){const c=o.frames[r(!0)];c.left=e.nextTwoBytes(),c.top=e.nextTwoBytes(),c.width=e.nextTwoBytes(),c.height=e.nextTwoBytes();const g=e.nextByte(),h=128==(128&g),d=64==(64&g);c.sortFlag=32==(32&g),c.reserved=(24&g)>>>3;const f=1<<1+(7&g);h&&(c.localColorTable=n(e,f));const p=e=>{const{r:t,g:a,b:r}=(h?c.localColorTable:o.globalColorTable)[e];return e!==s(null)?{r:t,g:a,b:r,a:255}:{r:t,g:a,b:r,a:i?~~((t+a+r)/3):0}},m=(()=>{try{return new ImageData(c.width,c.height,{colorSpace:"srgb"})}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==m)throw new EvalError("GIF frame size is to large");const u=e.nextByte(),w=e.readSubBlocksBin(),y=1<<u,b=(e,t)=>{const a=e>>>3,o=7&e;return(w[a]+(w[a+1]<<8)+(w[a+2]<<16)&(1<<t)-1<<o)>>>o};if(d){for(let i=0,n=u+1,s=0,g=[[0]],h=0;h<4;h++){if(t[h]<c.height){let e=0,o=0,r=!1;for(;!r;){const l=i;if(i=b(s,n),s+=n+1,i===y){n=u+1,g.length=y+2;for(let e=0;e<g.length;e++)g[e]=e<y?[e]:[]}else{i>=g.length?g.push(g[l].concat(g[l][0])):l!==y&&g.push(g[l].concat(g[i][0]));for(const r of g[i]){const{r:i,g:n,b:s,a:l}=p(r);m.data.set([i,n,s,l],t[h]*c.width+a[h]*o+e%(4*c.width)),e+=4}g.length===1<<n&&n<12&&n++}e===4*c.width*(o+1)&&(o++,t[h]+a[h]*o>=c.height&&(r=!0))}}l?.(e.pos/(e.data.length-1),r(!1)+1,m,{x:c.left,y:c.top},{width:o.width,height:o.height})}c.image=m,c.bitmap=await createImageBitmap(m)}else{let t=0,a=u+1,i=0,n=-4,s=!1;const g=[[0]];for(;!s;){const e=t;if(t=b(i,a),i+=a,t===y){a=u+1,g.length=y+2;for(let e=0;e<g.length;e++)g[e]=e<y?[e]:[]}else{if(t===y+1){s=!0;break}t>=g.length?g.push(g[e].concat(g[e][0])):e!==y&&g.push(g[e].concat(g[t][0]));for(const e of g[t]){const{r:t,g:a,b:o,a:i}=p(e);m.data.set([t,a,o,i],n+=4)}g.length>=1<<a&&a<12&&a++}}c.image=m,c.bitmap=await createImageBitmap(m),l?.((e.pos+1)/e.data.length,r(!1)+1,c.image,{x:c.left,y:c.top},{width:o.width,height:o.height})}}(e,o,i,r,s,l);break;case 33:!function(e,t,a,o){switch(e.nextByte()){case 249:{const i=t.frames[a(!1)];e.pos++;const r=e.nextByte();i.GCreserved=(224&r)>>>5,i.disposalMethod=(28&r)>>>2,i.userInputDelayFlag=2==(2&r);const n=1==(1&r);i.delayTime=10*e.nextTwoBytes();const s=e.nextByte();n&&o(s),e.pos++;break}case 255:{e.pos++;const a={identifier:e.getString(8),authenticationCode:e.getString(3),data:e.readSubBlocksBin()};t.applicationExtensions.push(a);break}case 254:t.comments.push([a(!1),e.readSubBlocks()]);break;case 1:if(0===t.globalColorTable.length)throw new EvalError("plain text extension without global color table");e.pos++,t.frames[a(!1)].plainTextData={left:e.nextTwoBytes(),top:e.nextTwoBytes(),width:e.nextTwoBytes(),height:e.nextTwoBytes(),charSize:{width:e.nextTwoBytes(),height:e.nextTwoBytes()},foregroundColor:e.nextByte(),backgroundColor:e.nextByte(),text:e.readSubBlocks()};break;default:e.skipSubBlocks()}}(e,o,r,s);break;default:throw new EvalError("undefined block found")}return!1}const l=0,c=0,g=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;async function h(t){return new Promise((a=>{t.loading=!0;const o=new Image;t.element=o,o.addEventListener("load",(()=>{t.loading=!1,a()})),o.addEventListener("error",(()=>{t.element=void 0,t.error=!0,t.loading=!1,(0,e.getLogger)().error(`${e.errorPrefix} loading image: ${t.source}`),a()})),o.src=t.source}))}async function d(e){if("gif"===e.type){e.loading=!0;try{e.gifData=await async function(e,t,a){a||(a=!1);const o=await fetch(e);if(!o.ok&&404===o.status)throw new EvalError("file not found");const i=await o.arrayBuffer(),l={width:0,height:0,totalTime:0,colorRes:0,pixelAspectRatio:0,frames:[],sortFlag:!1,globalColorTable:[],backgroundImage:new ImageData(1,1,{colorSpace:"srgb"}),comments:[],applicationExtensions:[]},c=new r(new Uint8ClampedArray(i));if("GIF89a"!==c.getString(6))throw new Error("not a supported GIF file");l.width=c.nextTwoBytes(),l.height=c.nextTwoBytes();const g=c.nextByte(),h=128==(128&g);l.colorRes=(112&g)>>>4,l.sortFlag=8==(8&g);const d=1<<1+(7&g),f=c.nextByte();l.pixelAspectRatio=c.nextByte(),0!==l.pixelAspectRatio&&(l.pixelAspectRatio=(l.pixelAspectRatio+15)/64),h&&(l.globalColorTable=n(c,d));const p=(()=>{try{return new ImageData(l.width,l.height,{colorSpace:"srgb"})}catch(e){if(e instanceof DOMException&&"IndexSizeError"===e.name)return null;throw e}})();if(null==p)throw new Error("GIF frame size is to large");const{r:m,g:u,b:w}=l.globalColorTable[f];p.data.set(h?[m,u,w,255]:[0,0,0,0]);for(let e=4;e<p.data.length;e*=2)p.data.copyWithin(e,0,e);l.backgroundImage=p;let y=-1,b=!0,x=-1;const C=e=>(e&&(b=!0),y),v=e=>(null!=e&&(x=e),x);try{do{b&&(l.frames.push({left:0,top:0,width:0,height:0,disposalMethod:0,image:new ImageData(1,1,{colorSpace:"srgb"}),plainTextData:null,userInputDelayFlag:!1,delayTime:0,sortFlag:!1,localColorTable:[],reserved:0,GCreserved:0}),y++,x=-1,b=!1)}while(!await s(c,l,a,C,v,t));l.frames.length--;for(const e of l.frames){if(e.userInputDelayFlag&&0===e.delayTime){l.totalTime=1/0;break}l.totalTime+=e.delayTime}return l}catch(e){if(e instanceof EvalError)throw new Error(`error while parsing frame ${y} "${e.message}"`);throw e}}(e.source),e.gifLoopCount=function(e){for(const t of e.applicationExtensions)if(t.identifier+t.authenticationCode==="NETSCAPE2.0")return t.data[1]+(t.data[2]<<8);return NaN}(e.gifData)??c,e.gifLoopCount||(e.gifLoopCount=1/0)}catch{e.error=!0}e.loading=!1}else await h(e)}async function f(t){if("svg"!==t.type)return void await h(t);t.loading=!0;const a=await fetch(t.source);a.ok?t.svgData=await a.text():((0,e.getLogger)().error(`${e.errorPrefix} Image not found`),t.error=!0),t.loading=!1}function p(t,a,o,i){const r=function(t,a,o){const{svgData:i}=t;if(!i)return"";const r=(0,e.getStyleFromHsl)(a,o);if(i.includes("fill"))return i.replace(g,(()=>r));const n=i.indexOf(">");return`${i.substring(l,n)} fill="${r}"${i.substring(n)}`}(t,o,i.opacity?.value??1),n={color:o,gif:a.gif,data:{...t,svgData:r},loaded:!1,ratio:a.width/a.height,replaceColor:a.replaceColor,source:a.src};return new Promise((e=>{const a=new Blob([r],{type:"image/svg+xml"}),o=URL||window.URL||window.webkitURL||window,i=o.createObjectURL(a),s=new Image;s.addEventListener("load",(()=>{n.loaded=!0,n.element=s,e(n),o.revokeObjectURL(i)}));s.addEventListener("error",(()=>{(async()=>{o.revokeObjectURL(i);const a={...t,error:!1,loading:!0};await h(a),n.loaded=!0,n.element=a.element,e(n)})()})),s.src=i}))}const m=0,u=0;class w{constructor(t){this.loadImageShape=async t=>{if(!this._engine.loadImage)throw new Error(`${e.errorPrefix} image shape not initialized`);await this._engine.loadImage({gif:t.gif,name:t.name,replaceColor:t.replaceColor??!1,src:t.src})},this._engine=t}addImage(e){this._engine.images||(this._engine.images=[]),this._engine.images.push(e)}draw(e){const{context:t,radius:a,particle:o,opacity:i,delta:r}=e,n=o.image,s=n?.element;if(n){if(t.globalAlpha=i,n.gif&&n.gifData){const e=new OffscreenCanvas(n.gifData.width,n.gifData.height),i=e.getContext("2d");if(!i)throw new Error("could not create offscreen canvas context");i.imageSmoothingQuality="low",i.imageSmoothingEnabled=!1,i.clearRect(m,u,e.width,e.height),void 0===o.gifLoopCount&&(o.gifLoopCount=n.gifLoopCount??0);let s=o.gifFrame??0;const l={x:.5*-n.gifData.width,y:.5*-n.gifData.height},c=n.gifData.frames[s];if(void 0===o.gifTime&&(o.gifTime=0),!c.bitmap)return;switch(t.scale(a/n.gifData.width,a/n.gifData.height),c.disposalMethod){case 4:case 5:case 6:case 7:case 0:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(m,u,e.width,e.height);break;case 1:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y);break;case 2:i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(m,u,e.width,e.height),n.gifData.globalColorTable.length?i.putImageData(n.gifData.backgroundImage,l.x,l.y):i.putImageData(n.gifData.frames[0].image,l.x+c.left,l.y+c.top);break;case 3:{const a=i.getImageData(m,u,e.width,e.height);i.drawImage(c.bitmap,c.left,c.top),t.drawImage(e,l.x,l.y),i.clearRect(m,u,e.width,e.height),i.putImageData(a,m,u)}}if(o.gifTime+=r.value,o.gifTime>c.delayTime){if(o.gifTime-=c.delayTime,++s>=n.gifData.frames.length){if(--o.gifLoopCount<=0)return;s=0,i.clearRect(m,u,e.width,e.height)}o.gifFrame=s}t.scale(n.gifData.width/a,n.gifData.height/a)}else if(s){const e=n.ratio,o={x:-a,y:-a},i=2*a;t.drawImage(s,o.x,o.y,i,i/e)}t.globalAlpha=1}}getSidesCount(){return 12}async init(e){const t=e.actualOptions;if(t.preload&&this._engine.loadImage)for(const e of t.preload)await this._engine.loadImage(e)}loadShape(e){if("image"!==e.shape&&"images"!==e.shape)return;this._engine.images||(this._engine.images=[]);const t=e.shapeData;if(!t)return;this._engine.images.find((e=>e.name===t.name||e.source===t.src))||this.loadImageShape(t).then((()=>{this.loadShape(e)}))}particleInit(e,t){if("image"!==t.shape&&"images"!==t.shape)return;this._engine.images||(this._engine.images=[]);const a=this._engine.images,o=t.shapeData;if(!o)return;const i=t.getFillColor(),r=a.find((e=>e.name===o.name||e.source===o.src));if(!r)return;const n=o.replaceColor??r.replaceColor;r.loading?setTimeout((()=>{this.particleInit(e,t)})):(async()=>{let e;e=r.svgData&&i?await p(r,o,i,t):{color:i,data:r,element:r.element,gif:r.gif,gifData:r.gifData,gifLoopCount:r.gifLoopCount,loaded:!0,ratio:o.width&&o.height?o.width/o.height:r.ratio??1,replaceColor:n,source:o.src},e.ratio||(e.ratio=1);const a={image:e,fill:o.fill??t.shapeFill,close:o.close??t.shapeClose};t.image=a.image,t.shapeFill=a.fill,t.shapeClose=a.close})()}}class y{constructor(){this.src="",this.gif=!1}load(e){e&&(void 0!==e.gif&&(this.gif=e.gif),void 0!==e.height&&(this.height=e.height),void 0!==e.name&&(this.name=e.name),void 0!==e.replaceColor&&(this.replaceColor=e.replaceColor),void 0!==e.src&&(this.src=e.src),void 0!==e.width&&(this.width=e.width))}}class b{constructor(e){this.id="imagePreloader",this._engine=e}getPlugin(){return{}}loadOptions(e,t){if(!t?.preload)return;e.preload||(e.preload=[]);const a=e.preload;for(const e of t.preload){const t=a.find((t=>t.name===e.name||t.src===e.src));if(t)t.load(e);else{const t=new y;t.load(e),a.push(t)}}}needsPlugin(){return!0}}const x=3;async function C(t,a=!0){!function(t){t.loadImage||(t.loadImage=async a=>{if(!a.name&&!a.src)throw new Error(`${e.errorPrefix} no image source provided`);if(t.images||(t.images=[]),!t.images.find((e=>e.name===a.name||e.source===a.src)))try{const e={gif:a.gif??!1,name:a.name??a.src,source:a.src,type:a.src.substring(a.src.length-x),error:!1,loading:!0,replaceColor:a.replaceColor,ratio:a.width&&a.height?a.width/a.height:void 0};let o;t.images.push(e),o=a.gif?d:a.replaceColor?f:h,await o(e)}catch{throw new Error(`${e.errorPrefix} ${a.name??a.src} not found`)}})}(t);const o=new b(t);await t.addPlugin(o,a),await t.addShape(["image","images"],new w(t),a)}})(),i})()));

package/tsparticles.shape.image.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Image Shape v3.0.3 by Matteo Bruni */
+/*! tsParticles Image Shape v3.1.0 by Matteo Bruni */

package/types/ImageDrawer.d.ts

@@ -1,5 +1,5 @@
 import { type Container, type IShapeDrawData, type IShapeDrawer } from "@tsparticles/engine";
-import type { IImage, ImageParticle } from "./Utils.js";
+import { type IImage, type ImageParticle } from "./Utils.js";
 import type { ImageContainer, ImageEngine } from "./types.js";
 export declare class ImageDrawer implements IShapeDrawer<ImageParticle> {
     private readonly _engine;

package/umd/GifUtils/ByteStream.js

@@ -24,32 +24,35 @@
             return this.data[this.pos++];
         }
         nextTwoBytes() {
-            this.pos += 2;
-            return this.data[this.pos - 2] + (this.data[this.pos - 1] << 8);
+            const increment = 2, previous = 1, shift = 8;
+            this.pos += increment;
+            return this.data[this.pos - increment] + (this.data[this.pos - previous] << shift);
         }
         readSubBlocks() {
             let blockString = "", size = 0;
+            const minCount = 0, emptySize = 0;
             do {
                 size = this.data[this.pos++];
-                for (let count = size; --count >= 0; blockString += String.fromCharCode(this.data[this.pos++])) {
+                for (let count = size; --count >= minCount; blockString += String.fromCharCode(this.data[this.pos++])) {
                 }
-            } while (size !== 0);
+            } while (size !== emptySize);
             return blockString;
         }
         readSubBlocksBin() {
             let size = 0, len = 0;
-            for (let offset = 0; (size = this.data[this.pos + offset]) !== 0; offset += size + 1) {
+            const emptySize = 0, increment = 1;
+            for (let offset = 0; size !== emptySize; offset += size + increment, size = this.data[this.pos + offset]) {
                 len += size;
             }
             const blockData = new Uint8Array(len);
-            for (let i = 0; (size = this.data[this.pos++]) !== 0;) {
-                for (let count = size; --count >= 0; blockData[i++] = this.data[this.pos++]) {
+            for (let i = 0; size !== emptySize; size = this.data[this.pos++]) {
+                for (let count = size; --count >= emptySize; blockData[i++] = this.data[this.pos++]) {
                 }
             }
             return blockData;
         }
         skipSubBlocks() {
-            for (; this.data[this.pos] !== 0; this.pos += this.data[this.pos] + 1) {
+            for (const increment = 1, noData = 0; this.data[this.pos] !== noData; this.pos += this.data[this.pos] + increment) {
             }
             this.pos++;
         }

package/umd/GifUtils/Utils.js

@@ -24,7 +24,7 @@
         }
         return colors;
     }
-    async function parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {
+    function parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex) {
         switch (byteStream.nextByte()) {
             case 249: {
                 const frame = gif.frames[getFrameIndex(false)];
@@ -96,7 +96,10 @@
         }
         const getColor = (index) => {
             const { r, g, b } = (localColorTableFlag ? frame.localColorTable : gif.globalColorTable)[index];
-            return { r, g, b, a: index === getTransparencyIndex(null) ? (avgAlpha ? ~~((r + g + b) / 3) : 0) : 255 };
+            if (index !== getTransparencyIndex(null)) {
+                return { r, g, b, a: 255 };
+            }
+            return { r, g, b, a: avgAlpha ? ~~((r + g + b) / 3) : 0 };
         };
         const image = (() => {
             try {
@@ -122,7 +125,8 @@
         if (interlacedFlag) {
             for (let code = 0, size = minCodeSize + 1, pos = 0, dic = [[0]], pass = 0; pass < 4; pass++) {
                 if (Constants_js_1.InterlaceOffsets[pass] < frame.height) {
-                    for (let pixelPos = 0, lineIndex = 0;;) {
+                    let pixelPos = 0, lineIndex = 0, exit = false;
+                    while (!exit) {
                         const last = code;
                         code = readBits(pos, size);
                         pos += size + 1;
@@ -140,8 +144,8 @@
                             else if (last !== clearCode) {
                                 dic.push(dic[last].concat(dic[code][0]));
                             }
-                            for (let i = 0; i < dic[code].length; i++) {
-                                const { r, g, b, a } = getColor(dic[code][i]);
+                            for (const item of dic[code]) {
+                                const { r, g, b, a } = getColor(item);
                                 image.data.set([r, g, b, a], Constants_js_1.InterlaceOffsets[pass] * frame.width +
                                     Constants_js_1.InterlaceSteps[pass] * lineIndex +
                                     (pixelPos % (frame.width * 4)));
@@ -154,7 +158,7 @@
                         if (pixelPos === frame.width * 4 * (lineIndex + 1)) {
                             lineIndex++;
                             if (Constants_js_1.InterlaceOffsets[pass] + Constants_js_1.InterlaceSteps[pass] * lineIndex >= frame.height) {
-                                break;
+                                exit = true;
                             }
                         }
                     }
@@ -165,7 +169,9 @@
             frame.bitmap = await createImageBitmap(image);
         }
         else {
-            for (let code = 0, size = minCodeSize + 1, pos = 0, dic = [[0]], pixelPos = -4;;) {
+            let code = 0, size = minCodeSize + 1, pos = 0, pixelPos = -4, exit = false;
+            const dic = [[0]];
+            while (!exit) {
                 const last = code;
                 code = readBits(pos, size);
                 pos += size;
@@ -178,6 +184,7 @@
                 }
                 else {
                     if (code === clearCode + 1) {
+                        exit = true;
                         break;
                     }
                     if (code >= dic.length) {
@@ -186,8 +193,8 @@
                     else if (last !== clearCode) {
                         dic.push(dic[last].concat(dic[code][0]));
                     }
-                    for (let i = 0; i < dic[code].length; i++) {
-                        const { r, g, b, a } = getColor(dic[code][i]);
+                    for (const item of dic[code]) {
+                        const { r, g, b, a } = getColor(item);
                         image.data.set([r, g, b, a], (pixelPos += 4));
                     }
                     if (dic.length >= 1 << size && size < 0xc) {
@@ -208,7 +215,7 @@
                 await parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTransparencyIndex, progressCallback);
                 break;
             case 33:
-                await parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);
+                parseExtensionBlock(byteStream, gif, getFrameIndex, getTransparencyIndex);
                 break;
             default:
                 throw new EvalError("undefined block found");