@tsparticles/plugin-canvas-mask 4.0.0-beta.1 → 4.0.0-beta.10

package/{556.min.js → 128.min.js}

@@ -1,2 +1,2 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).push([[556],{556(i,s,t){t.d(s,{CanvasMaskPlugin:()=>d});var e=t(303);class l{color;opacity;constructor(){this.color=!0,this.opacity=!1}load(i){(0,e.isNull)(i)||(void 0!==i.color&&(this.color=i.color),void 0!==i.opacity&&(this.opacity=i.opacity))}}class o{filter;offset;constructor(){this.filter=i=>i.a>0,this.offset=4}load(i){if(!(0,e.isNull)(i)){if(void 0!==i.filter)if((0,e.isString)(i.filter)){if(i.filter in globalThis){let s=globalThis[i.filter];(0,e.isFunction)(s)&&(this.filter=s)}}else this.filter=i.filter;void 0!==i.offset&&(this.offset=i.offset)}}}class a{src;constructor(){this.src=""}load(i){(0,e.isNull)(i)||void 0!==i.src&&(this.src=i.src)}}class n{family;size;style;variant;weight;constructor(){this.family="sans-serif",this.size=100,this.style="",this.variant="",this.weight=""}load(i){(0,e.isNull)(i)||(void 0!==i.family&&(this.family=i.family),void 0!==i.size&&(this.size=i.size),void 0!==i.style&&(this.style=i.style),void 0!==i.variant&&(this.variant=i.variant),void 0!==i.weight&&(this.weight=i.weight))}}class r{separator;spacing;constructor(){this.separator=`
-`,this.spacing=10}load(i){(0,e.isNull)(i)||(void 0!==i.separator&&(this.separator=i.separator),void 0!==i.spacing&&(this.spacing=i.spacing))}}class c{color;fill;font;lines;text;constructor(){this.color="#000000",this.fill=!0,this.font=new n,this.lines=new r,this.text=""}load(i){(0,e.isNull)(i)||(void 0!==i.color&&(this.color=i.color),void 0!==i.fill&&(this.fill=i.fill),this.font.load(i.font),this.lines.load(i.lines),void 0!==i.text&&(this.text=i.text))}}class h{element;enable;image;override;pixels;position;scale;selector;text;constructor(){this.enable=!1,this.override=new l,this.pixels=new o,this.position={x:50,y:50},this.scale=1}load(i){!(0,e.isNull)(i)&&(void 0!==i.element&&i.element instanceof HTMLCanvasElement&&(this.element=i.element),void 0!==i.enable&&(this.enable=i.enable),i.image&&(this.image??=new a,this.image.load(i.image)),this.pixels.load(i.pixels),i.position&&(this.position={x:i.position.x??this.position.x,y:i.position.y??this.position.y}),this.override.load(i.override),void 0!==i.scale&&(this.scale=i.scale),void 0!==i.selector&&(this.selector=i.selector),i.text&&(this.text??=new c,this.text.load(i.text)))}}class d{id="canvas-mask";async getPlugin(i){let{CanvasMaskPluginInstance:s}=await t.e(201).then(t.bind(t,201));return new s(i)}loadOptions(i,s,t){if(!this.needsPlugin(s)&&!this.needsPlugin(t))return;let e=s.canvasMask;e?.load===void 0&&(s.canvasMask=e=new h),e.load(t?.canvasMask)}needsPlugin(i){return i?.canvasMask?.enable??!1}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).push([[128],{128(i,s,t){t.d(s,{CanvasMaskPlugin:()=>d});var e=t(303);class l{color;opacity;constructor(){this.color=!0,this.opacity=!1}load(i){(0,e.isNull)(i)||(void 0!==i.color&&(this.color=i.color),void 0!==i.opacity&&(this.opacity=i.opacity))}}class o{filter;offset;constructor(){this.filter=i=>i.a>0,this.offset=4}load(i){if(!(0,e.isNull)(i)){if(void 0!==i.filter)if((0,e.isString)(i.filter)){if(i.filter in globalThis){let s=globalThis[i.filter];(0,e.isFunction)(s)&&(this.filter=s)}}else this.filter=i.filter;void 0!==i.offset&&(this.offset=i.offset)}}}class a{src;constructor(){this.src=""}load(i){(0,e.isNull)(i)||void 0!==i.src&&(this.src=i.src)}}class n{family;size;style;variant;weight;constructor(){this.family="sans-serif",this.size=100,this.style="",this.variant="",this.weight=""}load(i){(0,e.isNull)(i)||(void 0!==i.family&&(this.family=i.family),void 0!==i.size&&(this.size=i.size),void 0!==i.style&&(this.style=i.style),void 0!==i.variant&&(this.variant=i.variant),void 0!==i.weight&&(this.weight=i.weight))}}class r{separator;spacing;constructor(){this.separator=`
+`,this.spacing=10}load(i){(0,e.isNull)(i)||(void 0!==i.separator&&(this.separator=i.separator),void 0!==i.spacing&&(this.spacing=i.spacing))}}class c{color;fill;font;lines;text;constructor(){this.color="#000000",this.fill=!0,this.font=new n,this.lines=new r,this.text=""}load(i){(0,e.isNull)(i)||(void 0!==i.color&&(this.color=i.color),void 0!==i.fill&&(this.fill=i.fill),this.font.load(i.font),this.lines.load(i.lines),void 0!==i.text&&(this.text=i.text))}}class h{element;enable;image;override;pixels;position;scale;selector;text;constructor(){this.enable=!1,this.override=new l,this.pixels=new o,this.position={x:50,y:50},this.scale=1}load(i){!(0,e.isNull)(i)&&(void 0!==i.element&&i.element instanceof HTMLCanvasElement&&(this.element=i.element),void 0!==i.enable&&(this.enable=i.enable),i.image&&(this.image??=new a,this.image.load(i.image)),this.pixels.load(i.pixels),i.position&&(this.position={x:i.position.x??this.position.x,y:i.position.y??this.position.y}),this.override.load(i.override),void 0!==i.scale&&(this.scale=i.scale),void 0!==i.selector&&(this.selector=i.selector),i.text&&(this.text??=new c,this.text.load(i.text)))}}class d{id="canvas-mask";async getPlugin(i){let{CanvasMaskPluginInstance:s}=await t.e(845).then(t.bind(t,845));return new s(i)}loadOptions(i,s,t){if(!this.needsPlugin(s)&&!this.needsPlugin(t))return;let e=s.canvasMask;e?.load===void 0&&(s.canvasMask=e=new h),e.load(t?.canvasMask)}needsPlugin(i){return i?.canvasMask?.enable??!1}}}}]);

package/{201.min.js → 845.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).push([[201],{201(e,t,a){a.d(t,{CanvasMaskPluginInstance:()=>l});var n=a(425),i=a(303);class l{_container;constructor(e){this._container=e}async init(){let e=this._container,t=e.actualOptions.canvasMask;if(!t?.enable)return;let a={pixels:[],height:0,width:0},l=t.pixels.offset;if(t.image){let i=t.image.src;if(!i)return;a=await (0,n.getImageData)(i,l,e.canvas.render.settings)}else if(t.text){let s=t.text,r=(0,n.getTextData)(s,l,s.fill,e.canvas.render.settings);if((0,i.isNull)(r))return;a=r}else if(t.element??t.selector){let s=t.element??(t.selector&&(0,i.safeDocument)().querySelector(t.selector));if(!s)return;let r=s.getContext("2d",e.canvas.render.settings);if(!r)return;a=(0,n.getCanvasImageData)(r,s,l)}!function(e,t,a,n,l,s){let{height:r,width:c}=t,o=r*c,u=function(e){for(let t=e.length-1;t>=0;t--){let a=Math.floor((0,i.getRandom)()*t),n=e[t],l=e[a];l!==n&&void 0!==l&&void 0!==n&&(e[t]=l,e[a]=n)}return e}([...Array(o).keys()]),f=Math.min(o,e.actualOptions.particles.number.value),p=e.canvas.size,h=0,g={x:p.width*a.x/i.percentDenominator-c*n*i.half,y:p.height*a.y/i.percentDenominator-r*n*i.half};for(;h<f&&u.length;){let a=u.pop()??0,i={x:a%c,y:Math.floor(a/c)},r=t.pixels[i.y];if(!r)continue;let o=r[i.x];if(!o||!s(o))continue;let f={x:i.x*n+g.x,y:i.y*n+g.y},p={};l.color&&(p.fill={color:{value:o},enable:!0}),l.opacity&&(p.opacity={value:o.a}),e.particles.addParticle(f,p),h++}}(e,a,t.position,t.scale,t.override,t.pixels.filter)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).push([[845],{845(e,t,a){a.d(t,{CanvasMaskPluginInstance:()=>l});var n=a(425),i=a(303);class l{_container;constructor(e){this._container=e}async init(){let e=this._container,t=e.actualOptions.canvasMask;if(!t?.enable)return;let a={pixels:[],height:0,width:0},l=t.pixels.offset;if(t.image){let i=t.image.src;if(!i)return;a=await (0,n.getImageData)(i,l,e.canvas.render.settings)}else if(t.text){let s=t.text,r=(0,n.getTextData)(s,l,s.fill,e.canvas.render.settings);if((0,i.isNull)(r))return;a=r}else if(t.element??t.selector){let s=t.element??(t.selector&&(0,i.safeDocument)().querySelector(t.selector));if(!s)return;let r=s.getContext("2d",e.canvas.render.settings);if(!r)return;a=(0,n.getCanvasImageData)(r,s,l)}!function(e,t,a,n,l,s){let{height:r,width:c}=t,o=r*c,u=function(e){for(let t=e.length-1;t>=0;t--){let a=Math.floor((0,i.getRandom)()*t),n=e[t],l=e[a];l!==n&&void 0!==l&&void 0!==n&&(e[t]=l,e[a]=n)}return e}([...Array(o).keys()]),f=Math.min(o,e.actualOptions.particles.number.value),p=e.canvas.size,h=0,g={x:p.width*a.x/i.percentDenominator-c*n*i.half,y:p.height*a.y/i.percentDenominator-r*n*i.half};for(;h<f&&u.length;){let a=u.pop()??0,i={x:a%c,y:Math.floor(a/c)},r=t.pixels[i.y];if(!r)continue;let o=r[i.x];if(!o||!s(o))continue;let f={x:i.x*n+g.x,y:i.y*n+g.y},p={};l.color&&(p.paint={fill:{color:{value:o},enable:!0}}),l.opacity&&(p.opacity={value:o.a}),e.particles.addParticle(f,p),h++}}(e,a,t.position,t.scale,t.override,t.pixels.filter)}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) plugin for particles canvas mask effect.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,19 @@ import { loadCanvasMaskPlugin } from "@tsparticles/plugin-canvas-mask";
   await loadCanvasMaskPlugin(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- This package primarily extends runtime behavior or rendering and may not expose a single dedicated root options key.
+- Use the usage example in this README and combine with the nearest options section in the docs.
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadCanvasMaskPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -1,5 +1,5 @@
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/browser/utils.js

@@ -27,11 +27,13 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             y: pixelPos.y * scale + positionOffset.y,
         }, pOptions = {};
         if (override.color) {
-            pOptions.fill = {
-                color: {
-                    value: pixel,
+            pOptions.paint = {
+                fill: {
+                    color: {
+                        value: pixel,
+                    },
+                    enable: true,
                 },
-                enable: true,
             };
         }
         if (override.opacity) {

package/cjs/index.js

@@ -1,5 +1,5 @@
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/cjs/utils.js

@@ -27,11 +27,13 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             y: pixelPos.y * scale + positionOffset.y,
         }, pOptions = {};
         if (override.color) {
-            pOptions.fill = {
-                color: {
-                    value: pixel,
+            pOptions.paint = {
+                fill: {
+                    color: {
+                        value: pixel,
+                    },
+                    enable: true,
                 },
-                enable: true,
             };
         }
         if (override.opacity) {

package/dist_browser_CanvasMaskPluginInstance_js.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
- * v4.0.0-beta.1
+ * v4.0.0-beta.10
  */
 "use strict";
 /*
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addParticlesFromCanvasPixels: () => (/* binding */ addParticlesFromCanvasPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nfunction addParticlesFromCanvasPixels(container, data, position, scale, override, filter) {\n    const { height, width } = data, numPixels = height * width, indexArray = shuffle(range(numPixels)), maxParticles = Math.min(numPixels, container.actualOptions.particles.number.value), canvasSize = container.canvas.size;\n    let selectedPixels = 0;\n    const positionOffset = {\n        x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n        y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    while(selectedPixels < maxParticles && indexArray.length){\n        const defaultIndex = 0, nextIndex = indexArray.pop() ?? defaultIndex, pixelPos = {\n            x: nextIndex % width,\n            y: Math.floor(nextIndex / width)\n        }, row = data.pixels[pixelPos.y];\n        if (!row) {\n            continue;\n        }\n        const pixel = row[pixelPos.x];\n        if (!pixel) {\n            continue;\n        }\n        const shouldCreateParticle = filter(pixel);\n        if (!shouldCreateParticle) {\n            continue;\n        }\n        const pos = {\n            x: pixelPos.x * scale + positionOffset.x,\n            y: pixelPos.y * scale + positionOffset.y\n        }, pOptions = {};\n        if (override.color) {\n            pOptions.fill = {\n                color: {\n                    value: pixel\n                },\n                enable: true\n            };\n        }\n        if (override.opacity) {\n            pOptions.opacity = {\n                value: pixel.a\n            };\n        }\n        container.particles.addParticle(pos, pOptions);\n        selectedPixels++;\n    }\n}\nfunction shuffle(array) {\n    const lengthOffset = 1, minIndex = 0;\n    for(let currentIndex = array.length - lengthOffset; currentIndex >= minIndex; currentIndex--){\n        const randomIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * currentIndex), currentItem = array[currentIndex], randomItem = array[randomIndex];\n        if (randomItem === currentItem) {\n            continue;\n        }\n        if (randomItem === undefined || currentItem === undefined) {\n            continue;\n        }\n        array[currentIndex] = randomItem;\n        array[randomIndex] = currentItem;\n    }\n    return array;\n}\nconst range = (n)=>[\n        ...Array(n).keys()\n    ];\n\n\n//# sourceURL=webpack://@tsparticles/plugin-canvas-mask/./dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addParticlesFromCanvasPixels: () => (/* binding */ addParticlesFromCanvasPixels)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nfunction addParticlesFromCanvasPixels(container, data, position, scale, override, filter) {\n    const { height, width } = data, numPixels = height * width, indexArray = shuffle(range(numPixels)), maxParticles = Math.min(numPixels, container.actualOptions.particles.number.value), canvasSize = container.canvas.size;\n    let selectedPixels = 0;\n    const positionOffset = {\n        x: canvasSize.width * position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - width * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n        y: canvasSize.height * position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator - height * scale * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    while(selectedPixels < maxParticles && indexArray.length){\n        const defaultIndex = 0, nextIndex = indexArray.pop() ?? defaultIndex, pixelPos = {\n            x: nextIndex % width,\n            y: Math.floor(nextIndex / width)\n        }, row = data.pixels[pixelPos.y];\n        if (!row) {\n            continue;\n        }\n        const pixel = row[pixelPos.x];\n        if (!pixel) {\n            continue;\n        }\n        const shouldCreateParticle = filter(pixel);\n        if (!shouldCreateParticle) {\n            continue;\n        }\n        const pos = {\n            x: pixelPos.x * scale + positionOffset.x,\n            y: pixelPos.y * scale + positionOffset.y\n        }, pOptions = {};\n        if (override.color) {\n            pOptions.paint = {\n                fill: {\n                    color: {\n                        value: pixel\n                    },\n                    enable: true\n                }\n            };\n        }\n        if (override.opacity) {\n            pOptions.opacity = {\n                value: pixel.a\n            };\n        }\n        container.particles.addParticle(pos, pOptions);\n        selectedPixels++;\n    }\n}\nfunction shuffle(array) {\n    const lengthOffset = 1, minIndex = 0;\n    for(let currentIndex = array.length - lengthOffset; currentIndex >= minIndex; currentIndex--){\n        const randomIndex = Math.floor((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * currentIndex), currentItem = array[currentIndex], randomItem = array[randomIndex];\n        if (randomItem === currentItem) {\n            continue;\n        }\n        if (randomItem === undefined || currentItem === undefined) {\n            continue;\n        }\n        array[currentIndex] = randomItem;\n        array[randomIndex] = currentItem;\n    }\n    return array;\n}\nconst range = (n)=>[\n        ...Array(n).keys()\n    ];\n\n\n//# sourceURL=webpack://@tsparticles/plugin-canvas-mask/./dist/browser/utils.js?\n}");
 
 /***/ }
 

package/dist_browser_CanvasMaskPlugin_js.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
- * v4.0.0-beta.1
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,5 +1,5 @@
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/esm/utils.js

@@ -27,11 +27,13 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             y: pixelPos.y * scale + positionOffset.y,
         }, pOptions = {};
         if (override.color) {
-            pOptions.fill = {
-                color: {
-                    value: pixel,
+            pOptions.paint = {
+                fill: {
+                    color: {
+                        value: pixel,
+                    },
+                    enable: true,
                 },
-                enable: true,
             };
         }
         if (override.opacity) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-canvas-mask",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles canvas mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -80,14 +80,13 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/canvas-utils": "4.0.0-beta.1",
-    "@tsparticles/engine": "4.0.0-beta.1"
+  "peerDependencies": {
+    "@tsparticles/canvas-utils": "4.0.0-beta.10",
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
       <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>@tsparticles/plugin-canvas-mask [31 Mar 2026 at 08:48]</title>
+        <title>@tsparticles/plugin-canvas-mask [8 Apr 2026 at 15:56]</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="

package/tsparticles.plugin.canvas-mask.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
- * v4.0.0-beta.1
+ * v4.0.0-beta.10
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -54,7 +54,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCanvasMaskPlugin: () => (/* binding */ loadCanvasMaskPlugin)\n/* harmony export */ });\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { CanvasMaskPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_CanvasMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPlugin.js */ \"./dist/browser/CanvasMaskPlugin.js\"));\n        e.pluginManager.addPlugin(new CanvasMaskPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-canvas-mask/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadCanvasMaskPlugin: () => (/* binding */ loadCanvasMaskPlugin)\n/* harmony export */ });\nasync function loadCanvasMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { CanvasMaskPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_CanvasMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./CanvasMaskPlugin.js */ \"./dist/browser/CanvasMaskPlugin.js\"));\n        e.pluginManager.addPlugin(new CanvasMaskPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-canvas-mask/./dist/browser/index.js?\n}");
 
 /***/ }
 

package/tsparticles.plugin.canvas-mask.min.js

@@ -1,2 +1,2 @@
 !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/canvas-utils"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/canvas-utils","@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/canvas-utils"),require("@tsparticles/engine")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,n,a={425(t){t.exports=e},303(e){e.exports=t}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e](r,r.exports,s),r.exports}s.m=a,s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,r)=>(s.f[r](e,t),t),[])),s.u=e=>""+e+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},s.l=(e,t,r,i)=>{if(c[e])return void c[e].push(t);if(void 0!==r)for(var n,a,o=document.getElementsByTagName("script"),l=0;l<o.length;l++){var p=o[l];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-canvas-mask:"+r){n=p;break}}n||(a=!0,(n=document.createElement("script")).charset="utf-8",s.nc&&n.setAttribute("nonce",s.nc),n.setAttribute("data-webpack","@tsparticles/plugin-canvas-mask:"+r),n.src=e),c[e]=[t];var u=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=c[e];if(delete c[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=u.bind(null,n.onerror),n.onload=u.bind(null,n.onload),a&&document.head.appendChild(n)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.g.importScripts&&(l=s.g.location+"");var c,l,p=s.g.document;if(!l&&p&&(p.currentScript&&"SCRIPT"===p.currentScript.tagName.toUpperCase()&&(l=p.currentScript.src),!l)){var u=p.getElementsByTagName("script");if(u.length)for(var d=u.length-1;d>-1&&(!l||!/^http(s?):/.test(l));)l=u[d--].src}if(!l)throw Error("Automatic publicPath is not supported in this browser");s.p=l=l.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={837:0},s.f.j=(e,t)=>{var i=s.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var n=new Promise((t,n)=>i=r[e]=[t,n]);t.push(i[2]=n);var a=s.p+s.u(e),o=Error();s.l(a,t=>{if(s.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var n=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;o.message="Loading chunk "+e+` failed.
-(`+n+": "+a+")",o.name="ChunkLoadError",o.type=n,o.request=a,i[1](o)}},"chunk-"+e,e)}},i=(e,t)=>{var i,n,[a,o,c]=t,l=0;if(a.some(e=>0!==r[e])){for(i in o)s.o(o,i)&&(s.m[i]=o[i]);c&&c(s)}for(e&&e(t);l<a.length;l++)n=a[l],s.o(r,n)&&r[n]&&r[n][0](),r[n]=0},(n=this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).forEach(i.bind(null,0)),n.push=i.bind(null,n.push.bind(n));var f={};async function g(e){e.checkVersion("4.0.0-beta.1"),await e.pluginManager.register(async e=>{let{CanvasMaskPlugin:t}=await s.e(556).then(s.bind(s,556));e.pluginManager.addPlugin(new t)})}return s.r(f),s.d(f,{loadCanvasMaskPlugin:()=>g}),f})());
+(`+n+": "+a+")",o.name="ChunkLoadError",o.type=n,o.request=a,i[1](o)}},"chunk-"+e,e)}},i=(e,t)=>{var i,n,[a,o,c]=t,l=0;if(a.some(e=>0!==r[e])){for(i in o)s.o(o,i)&&(s.m[i]=o[i]);c&&c(s)}for(e&&e(t);l<a.length;l++)n=a[l],s.o(r,n)&&r[n]&&r[n][0](),r[n]=0},(n=this.webpackChunk_tsparticles_plugin_canvas_mask=this.webpackChunk_tsparticles_plugin_canvas_mask||[]).forEach(i.bind(null,0)),n.push=i.bind(null,n.push.bind(n));var f={};async function g(e){e.checkVersion("4.0.0-beta.10"),await e.pluginManager.register(async e=>{let{CanvasMaskPlugin:t}=await s.e(128).then(s.bind(s,128));e.pluginManager.addPlugin(new t)})}return s.r(f),s.d(f,{loadCanvasMaskPlugin:()=>g}),f})());

package/umd/CanvasMaskPlugin.js

@@ -1,69 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/CanvasMask.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CanvasMaskPlugin = void 0;
-    const CanvasMask_js_1 = require("./Options/Classes/CanvasMask.js");
-    class CanvasMaskPlugin {
-        id = "canvas-mask";
-        async getPlugin(container) {
-            const { CanvasMaskPluginInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./CanvasMaskPluginInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./CanvasMaskPluginInstance.js"], resolve_1, reject_1); }).then(__importStar));
-            return new CanvasMaskPluginInstance(container);
-        }
-        loadOptions(_container, options, source) {
-            if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-                return;
-            }
-            let canvasMaskOptions = options.canvasMask;
-            if (canvasMaskOptions?.load === undefined) {
-                options.canvasMask = canvasMaskOptions = new CanvasMask_js_1.CanvasMask();
-            }
-            canvasMaskOptions.load(source?.canvasMask);
-        }
-        needsPlugin(options) {
-            return options?.canvasMask?.enable ?? false;
-        }
-    }
-    exports.CanvasMaskPlugin = CanvasMaskPlugin;
-});

package/umd/CanvasMaskPluginInstance.js

@@ -1,61 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/canvas-utils", "@tsparticles/engine", "./utils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CanvasMaskPluginInstance = void 0;
-    const canvas_utils_1 = require("@tsparticles/canvas-utils");
-    const engine_1 = require("@tsparticles/engine");
-    const utils_js_1 = require("./utils.js");
-    class CanvasMaskPluginInstance {
-        _container;
-        constructor(container) {
-            this._container = container;
-        }
-        async init() {
-            const container = this._container, options = container.actualOptions.canvasMask;
-            if (!options?.enable) {
-                return;
-            }
-            let pixelData = {
-                pixels: [],
-                height: 0,
-                width: 0,
-            };
-            const offset = options.pixels.offset;
-            if (options.image) {
-                const url = options.image.src;
-                if (!url) {
-                    return;
-                }
-                pixelData = await (0, canvas_utils_1.getImageData)(url, offset, container.canvas.render.settings);
-            }
-            else if (options.text) {
-                const textOptions = options.text, data = (0, canvas_utils_1.getTextData)(textOptions, offset, textOptions.fill, container.canvas.render.settings);
-                if ((0, engine_1.isNull)(data)) {
-                    return;
-                }
-                pixelData = data;
-            }
-            else if (options.element ?? options.selector) {
-                const canvas = options.element ?? (options.selector && (0, engine_1.safeDocument)().querySelector(options.selector));
-                if (!canvas) {
-                    return;
-                }
-                const context = canvas.getContext("2d", container.canvas.render.settings);
-                if (!context) {
-                    return;
-                }
-                pixelData = (0, canvas_utils_1.getCanvasImageData)(context, canvas, offset);
-            }
-            (0, utils_js_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
-        }
-    }
-    exports.CanvasMaskPluginInstance = CanvasMaskPluginInstance;
-});

package/umd/Options/Classes/CanvasMask.js

@@ -1,73 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./CanvasMaskOverride.js", "./CanvasMaskPixels.js", "./ImageMask.js", "./TextMask.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CanvasMask = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const CanvasMaskOverride_js_1 = require("./CanvasMaskOverride.js");
-    const CanvasMaskPixels_js_1 = require("./CanvasMaskPixels.js");
-    const ImageMask_js_1 = require("./ImageMask.js");
-    const TextMask_js_1 = require("./TextMask.js");
-    class CanvasMask {
-        element;
-        enable;
-        image;
-        override;
-        pixels;
-        position;
-        scale;
-        selector;
-        text;
-        constructor() {
-            this.enable = false;
-            this.override = new CanvasMaskOverride_js_1.CanvasMaskOverride();
-            this.pixels = new CanvasMaskPixels_js_1.CanvasMaskPixels();
-            this.position = {
-                x: 50,
-                y: 50,
-            };
-            this.scale = 1;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
-                this.element = data.element;
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.image) {
-                this.image ??= new ImageMask_js_1.ImageMask();
-                this.image.load(data.image);
-            }
-            this.pixels.load(data.pixels);
-            if (data.position) {
-                this.position = {
-                    x: data.position.x ?? this.position.x,
-                    y: data.position.y ?? this.position.y,
-                };
-            }
-            this.override.load(data.override);
-            if (data.scale !== undefined) {
-                this.scale = data.scale;
-            }
-            if (data.selector !== undefined) {
-                this.selector = data.selector;
-            }
-            if (data.text) {
-                this.text ??= new TextMask_js_1.TextMask();
-                this.text.load(data.text);
-            }
-        }
-    }
-    exports.CanvasMask = CanvasMask;
-});

package/umd/Options/Classes/CanvasMaskOverride.js

@@ -1,34 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CanvasMaskOverride = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class CanvasMaskOverride {
-        color;
-        opacity;
-        constructor() {
-            this.color = true;
-            this.opacity = false;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.color !== undefined) {
-                this.color = data.color;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = data.opacity;
-            }
-        }
-    }
-    exports.CanvasMaskOverride = CanvasMaskOverride;
-});

package/umd/Options/Classes/CanvasMaskPixels.js

@@ -1,45 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CanvasMaskPixels = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const minAlpha = 0;
-    class CanvasMaskPixels {
-        filter;
-        offset;
-        constructor() {
-            this.filter = (pixel) => pixel.a > minAlpha;
-            this.offset = 4;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.filter !== undefined) {
-                if ((0, engine_1.isString)(data.filter)) {
-                    if (data.filter in globalThis) {
-                        const filter = globalThis[data.filter];
-                        if ((0, engine_1.isFunction)(filter)) {
-                            this.filter = filter;
-                        }
-                    }
-                }
-                else {
-                    this.filter = data.filter;
-                }
-            }
-            if (data.offset !== undefined) {
-                this.offset = data.offset;
-            }
-        }
-    }
-    exports.CanvasMaskPixels = CanvasMaskPixels;
-});

package/umd/Options/Classes/FontTextMask.js

@@ -1,49 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.FontTextMask = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class FontTextMask {
-        family;
-        size;
-        style;
-        variant;
-        weight;
-        constructor() {
-            this.family = "sans-serif";
-            this.size = 100;
-            this.style = "";
-            this.variant = "";
-            this.weight = "";
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.family !== undefined) {
-                this.family = data.family;
-            }
-            if (data.size !== undefined) {
-                this.size = data.size;
-            }
-            if (data.style !== undefined) {
-                this.style = data.style;
-            }
-            if (data.variant !== undefined) {
-                this.variant = data.variant;
-            }
-            if (data.weight !== undefined) {
-                this.weight = data.weight;
-            }
-        }
-    }
-    exports.FontTextMask = FontTextMask;
-});

package/umd/Options/Classes/ImageMask.js

@@ -1,29 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ImageMask = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class ImageMask {
-        src;
-        constructor() {
-            this.src = "";
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.src !== undefined) {
-                this.src = data.src;
-            }
-        }
-    }
-    exports.ImageMask = ImageMask;
-});

package/umd/Options/Classes/TextMask.js

@@ -1,47 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./FontTextMask.js", "./TextMaskLine.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TextMask = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    const FontTextMask_js_1 = require("./FontTextMask.js");
-    const TextMaskLine_js_1 = require("./TextMaskLine.js");
-    class TextMask {
-        color;
-        fill;
-        font;
-        lines;
-        text;
-        constructor() {
-            this.color = "#000000";
-            this.fill = true;
-            this.font = new FontTextMask_js_1.FontTextMask();
-            this.lines = new TextMaskLine_js_1.TextMaskLine();
-            this.text = "";
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.color !== undefined) {
-                this.color = data.color;
-            }
-            if (data.fill !== undefined) {
-                this.fill = data.fill;
-            }
-            this.font.load(data.font);
-            this.lines.load(data.lines);
-            if (data.text !== undefined) {
-                this.text = data.text;
-            }
-        }
-    }
-    exports.TextMask = TextMask;
-});

package/umd/Options/Classes/TextMaskLine.js

@@ -1,34 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TextMaskLine = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class TextMaskLine {
-        separator;
-        spacing;
-        constructor() {
-            this.separator = "\n";
-            this.spacing = 10;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.separator !== undefined) {
-                this.separator = data.separator;
-            }
-            if (data.spacing !== undefined) {
-                this.spacing = data.spacing;
-            }
-        }
-    }
-    exports.TextMaskLine = TextMaskLine;
-});

package/umd/Options/Interfaces/ICanvasMask.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ICanvasMaskOverride.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ICanvasMaskPixels.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/IFontTextMask.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/IImageMask.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITextMask.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/Options/Interfaces/ITextMaskLine.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/index.js

@@ -1,54 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadCanvasMaskPlugin = loadCanvasMaskPlugin;
-    async function loadCanvasMaskPlugin(engine) {
-        engine.checkVersion("4.0.0-beta.1");
-        await engine.pluginManager.register(async (e) => {
-            const { CanvasMaskPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./CanvasMaskPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./CanvasMaskPlugin.js"], resolve_1, reject_1); }).then(__importStar));
-            e.pluginManager.addPlugin(new CanvasMaskPlugin());
-        });
-    }
-});

package/umd/types.js

@@ -1,12 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});

package/umd/utils.js

@@ -1,74 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.addParticlesFromCanvasPixels = addParticlesFromCanvasPixels;
-    const engine_1 = require("@tsparticles/engine");
-    function addParticlesFromCanvasPixels(container, data, position, scale, override, filter) {
-        const { height, width } = data, numPixels = height * width, indexArray = shuffle(range(numPixels)), maxParticles = Math.min(numPixels, container.actualOptions.particles.number.value), canvasSize = container.canvas.size;
-        let selectedPixels = 0;
-        const positionOffset = {
-            x: (canvasSize.width * position.x) / engine_1.percentDenominator - width * scale * engine_1.half,
-            y: (canvasSize.height * position.y) / engine_1.percentDenominator - height * scale * engine_1.half,
-        };
-        while (selectedPixels < maxParticles && indexArray.length) {
-            const defaultIndex = 0, nextIndex = indexArray.pop() ?? defaultIndex, pixelPos = {
-                x: nextIndex % width,
-                y: Math.floor(nextIndex / width),
-            }, row = data.pixels[pixelPos.y];
-            if (!row) {
-                continue;
-            }
-            const pixel = row[pixelPos.x];
-            if (!pixel) {
-                continue;
-            }
-            const shouldCreateParticle = filter(pixel);
-            if (!shouldCreateParticle) {
-                continue;
-            }
-            const pos = {
-                x: pixelPos.x * scale + positionOffset.x,
-                y: pixelPos.y * scale + positionOffset.y,
-            }, pOptions = {};
-            if (override.color) {
-                pOptions.fill = {
-                    color: {
-                        value: pixel,
-                    },
-                    enable: true,
-                };
-            }
-            if (override.opacity) {
-                pOptions.opacity = {
-                    value: pixel.a,
-                };
-            }
-            container.particles.addParticle(pos, pOptions);
-            selectedPixels++;
-        }
-    }
-    function shuffle(array) {
-        const lengthOffset = 1, minIndex = 0;
-        for (let currentIndex = array.length - lengthOffset; currentIndex >= minIndex; currentIndex--) {
-            const randomIndex = Math.floor((0, engine_1.getRandom)() * currentIndex), currentItem = array[currentIndex], randomItem = array[randomIndex];
-            if (randomItem === currentItem) {
-                continue;
-            }
-            if (randomItem === undefined || currentItem === undefined) {
-                continue;
-            }
-            array[currentIndex] = randomItem;
-            array[randomIndex] = currentItem;
-        }
-        return array;
-    }
-    const range = (n) => [...Array(n).keys()];
-});