@tsparticles/plugin-background-mask 4.0.0-alpha.3 → 4.0.0-alpha.5

package/54.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 54.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_background_mask=this.webpackChunk_tsparticles_plugin_background_mask||[]).push([[54],{54(a,t,e){e.d(t,{BackgroundMaskPluginInstance:()=>o});var i=e(303);class o{constructor(a,t){this._initCover=async()=>{const a=this._container.actualOptions,t=a.backgroundMask?.cover,e=t?.color;if(e){const a=(0,i.rangeColorToRgb)(this._engine,e);if(a){const e={...a,a:t.opacity};this._coverColorStyle=(0,i.getStyleFromRgb)(e,this._container.hdr,e.a)}}else await new Promise(((a,e)=>{if(!t?.image)return;const o=(0,i.safeDocument)().createElement("img");o.addEventListener("load",(()=>{this._coverImage={image:o,opacity:t.opacity},a()})),o.addEventListener("error",(a=>{(0,i.getLogger)().error(a),e(new Error("Error loading image"))})),o.src=t.image}))},this._container=a,this._engine=t}canvasClear(){const a=this._container.actualOptions.backgroundMask;return!!a?.enable&&this.canvasPaint()}canvasPaint(){if(!this._container.actualOptions.backgroundMask?.enable)return!1;const a=this._container.canvas;return a.canvasClear(),this._coverImage?a.paintImage(this._coverImage.image,this._coverImage.opacity):a.paintBase(this._coverColorStyle),!0}clearDraw(a){this._defaultCompositeValue&&(a.globalCompositeOperation=this._defaultCompositeValue)}draw(a){const t=a.globalCompositeOperation,e=this._container.actualOptions.backgroundMask;this._defaultCompositeValue=t,a.globalCompositeOperation=e?.enable?e.composite:t}async init(){await this._initCover()}}}}]);

package/54.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */

package/646.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 646.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_background_mask=this.webpackChunk_tsparticles_plugin_background_mask||[]).push([[646],{646(o,i,s){s.d(i,{BackgroundMaskPlugin:()=>a});var e=s(303);class t{constructor(){this.opacity=1}load(o){(0,e.isNull)(o)||(void 0!==o.color&&(this.color=e.OptionsColor.create(this.color,o.color)),void 0!==o.image&&(this.image=o.image),void 0!==o.opacity&&(this.opacity=o.opacity))}}class n{constructor(){this.composite="destination-out",this.cover=new t,this.enable=!1}load(o){if(!(0,e.isNull)(o)){if(void 0!==o.composite&&(this.composite=o.composite),void 0!==o.cover){const i=o.cover,s=(0,e.isString)(o.cover)?{color:o.cover}:o.cover;this.cover.load(void 0!==i.color||void 0!==i.image?i:{color:s})}void 0!==o.enable&&(this.enable=o.enable)}}}class a{constructor(o){this.id="background-mask",this._engine=o}async getPlugin(o){const{BackgroundMaskPluginInstance:i}=await s.e(54).then(s.bind(s,54));return new i(o,this._engine)}loadOptions(o,i,s){if(!this.needsPlugin(i)&&!this.needsPlugin(s))return;let e=i.backgroundMask;e?.load||(i.backgroundMask=e=new n),e.load(s?.backgroundMask)}needsPlugin(o){return!!o?.backgroundMask?.enable}}}}]);

package/646.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */

package/browser/BackgroundMaskPlugin.js

@@ -1,15 +1,15 @@
 import { BackgroundMask } from "./Options/Classes/BackgroundMask.js";
-import { BackgroundMaskInstance } from "./BackgroundMaskInstance.js";
 export class BackgroundMaskPlugin {
     constructor(engine) {
         this.id = "background-mask";
         this._engine = engine;
     }
-    getPlugin(container) {
-        return Promise.resolve(new BackgroundMaskInstance(container, this._engine));
+    async getPlugin(container) {
+        const { BackgroundMaskPluginInstance } = await import("./BackgroundMaskPluginInstance.js");
+        return new BackgroundMaskPluginInstance(container, this._engine);
     }
-    loadOptions(options, source) {
-        if (!this.needsPlugin()) {
+    loadOptions(_container, options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
             return;
         }
         let backgroundMaskOptions = options.backgroundMask;
@@ -18,7 +18,7 @@ export class BackgroundMaskPlugin {
         }
         backgroundMaskOptions.load(source?.backgroundMask);
     }
-    needsPlugin() {
-        return true;
+    needsPlugin(options) {
+        return !!options?.backgroundMask?.enable;
     }
 }

package/{esm/BackgroundMaskInstance.js → browser/BackgroundMaskPluginInstance.js}

@@ -1,5 +1,5 @@
 import { getLogger, getStyleFromRgb, rangeColorToRgb, safeDocument, } from "@tsparticles/engine";
-export class BackgroundMaskInstance {
+export class BackgroundMaskPluginInstance {
     constructor(container, engine) {
         this._initCover = async () => {
             const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;

package/browser/index.js

@@ -1,6 +1,6 @@
-export function loadBackgroundMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.3");
-    engine.register(async (e) => {
+export async function loadBackgroundMaskPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.5");
+    await engine.register(async (e) => {
         const { BackgroundMaskPlugin } = await import("./BackgroundMaskPlugin.js");
         e.addPlugin(new BackgroundMaskPlugin(e));
     });

package/cjs/BackgroundMaskPlugin.js

@@ -1,15 +1,15 @@
 import { BackgroundMask } from "./Options/Classes/BackgroundMask.js";
-import { BackgroundMaskInstance } from "./BackgroundMaskInstance.js";
 export class BackgroundMaskPlugin {
     constructor(engine) {
         this.id = "background-mask";
         this._engine = engine;
     }
-    getPlugin(container) {
-        return Promise.resolve(new BackgroundMaskInstance(container, this._engine));
+    async getPlugin(container) {
+        const { BackgroundMaskPluginInstance } = await import("./BackgroundMaskPluginInstance.js");
+        return new BackgroundMaskPluginInstance(container, this._engine);
     }
-    loadOptions(options, source) {
-        if (!this.needsPlugin()) {
+    loadOptions(_container, options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
             return;
         }
         let backgroundMaskOptions = options.backgroundMask;
@@ -18,7 +18,7 @@ export class BackgroundMaskPlugin {
         }
         backgroundMaskOptions.load(source?.backgroundMask);
     }
-    needsPlugin() {
-        return true;
+    needsPlugin(options) {
+        return !!options?.backgroundMask?.enable;
     }
 }

package/{browser/BackgroundMaskInstance.js → cjs/BackgroundMaskPluginInstance.js}

@@ -1,5 +1,5 @@
 import { getLogger, getStyleFromRgb, rangeColorToRgb, safeDocument, } from "@tsparticles/engine";
-export class BackgroundMaskInstance {
+export class BackgroundMaskPluginInstance {
     constructor(container, engine) {
         this._initCover = async () => {
             const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;

package/cjs/index.js

@@ -1,6 +1,6 @@
-export function loadBackgroundMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.3");
-    engine.register(async (e) => {
+export async function loadBackgroundMaskPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.5");
+    await engine.register(async (e) => {
         const { BackgroundMaskPlugin } = await import("./BackgroundMaskPlugin.js");
         e.addPlugin(new BackgroundMaskPlugin(e));
     });

package/dist_browser_BackgroundMaskPluginInstance_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.5
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_background_mask"] = this["webpackChunk_tsparticles_plugin_background_mask"] || []).push([["dist_browser_BackgroundMaskPluginInstance_js"],{
+
+/***/ "./dist/browser/BackgroundMaskPluginInstance.js"
+/*!******************************************************!*\
+  !*** ./dist/browser/BackgroundMaskPluginInstance.js ***!
+  \******************************************************/
+(__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 */   BackgroundMaskPluginInstance: () => (/* binding */ BackgroundMaskPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass BackgroundMaskPluginInstance {\n  constructor(container, engine) {\n    this._initCover = async () => {\n      const options = this._container.actualOptions,\n        cover = options.backgroundMask?.cover,\n        color = cover?.color;\n      if (color) {\n        const coverRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, color);\n        if (coverRgb) {\n          const coverColor = {\n            ...coverRgb,\n            a: cover.opacity\n          };\n          this._coverColorStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);\n        }\n      } else {\n        await new Promise((resolve, reject) => {\n          if (!cover?.image) {\n            return;\n          }\n          const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n          img.addEventListener(\"load\", () => {\n            this._coverImage = {\n              image: img,\n              opacity: cover.opacity\n            };\n            resolve();\n          });\n          img.addEventListener(\"error\", evt => {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(evt);\n            reject(new Error(\"Error loading image\"));\n          });\n          img.src = cover.image;\n        });\n      }\n    };\n    this._container = container;\n    this._engine = engine;\n  }\n  canvasClear() {\n    const backgroundMask = this._container.actualOptions.backgroundMask;\n    if (!backgroundMask?.enable) {\n      return false;\n    }\n    return this.canvasPaint();\n  }\n  canvasPaint() {\n    if (!this._container.actualOptions.backgroundMask?.enable) {\n      return false;\n    }\n    const canvas = this._container.canvas;\n    canvas.canvasClear();\n    if (this._coverImage) {\n      canvas.paintImage(this._coverImage.image, this._coverImage.opacity);\n    } else {\n      canvas.paintBase(this._coverColorStyle);\n    }\n    return true;\n  }\n  clearDraw(context) {\n    if (!this._defaultCompositeValue) {\n      return;\n    }\n    context.globalCompositeOperation = this._defaultCompositeValue;\n  }\n  draw(context) {\n    const previousComposite = context.globalCompositeOperation,\n      backgroundMask = this._container.actualOptions.backgroundMask;\n    this._defaultCompositeValue = previousComposite;\n    context.globalCompositeOperation = backgroundMask?.enable ? backgroundMask.composite : previousComposite;\n  }\n  async init() {\n    await this._initCover();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/BackgroundMaskPluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/dist_browser_BackgroundMaskPlugin_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-alpha.3
+ * v4.0.0-alpha.5
  */
 "use strict";
 /*
@@ -17,23 +17,13 @@
  */
 (this["webpackChunk_tsparticles_plugin_background_mask"] = this["webpackChunk_tsparticles_plugin_background_mask"] || []).push([["dist_browser_BackgroundMaskPlugin_js"],{
 
-/***/ "./dist/browser/BackgroundMaskInstance.js"
-/*!************************************************!*\
-  !*** ./dist/browser/BackgroundMaskInstance.js ***!
-  \************************************************/
-(__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 */   BackgroundMaskInstance: () => (/* binding */ BackgroundMaskInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass BackgroundMaskInstance {\n  constructor(container, engine) {\n    this._initCover = async () => {\n      const options = this._container.actualOptions,\n        cover = options.backgroundMask?.cover,\n        color = cover?.color;\n      if (color) {\n        const coverRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, color);\n        if (coverRgb) {\n          const coverColor = {\n            ...coverRgb,\n            a: cover.opacity\n          };\n          this._coverColorStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);\n        }\n      } else {\n        await new Promise((resolve, reject) => {\n          if (!cover?.image) {\n            return;\n          }\n          const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n          img.addEventListener(\"load\", () => {\n            this._coverImage = {\n              image: img,\n              opacity: cover.opacity\n            };\n            resolve();\n          });\n          img.addEventListener(\"error\", evt => {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLogger)().error(evt);\n            reject(new Error(\"Error loading image\"));\n          });\n          img.src = cover.image;\n        });\n      }\n    };\n    this._container = container;\n    this._engine = engine;\n  }\n  canvasClear() {\n    const backgroundMask = this._container.actualOptions.backgroundMask;\n    if (!backgroundMask?.enable) {\n      return false;\n    }\n    return this.canvasPaint();\n  }\n  canvasPaint() {\n    if (!this._container.actualOptions.backgroundMask?.enable) {\n      return false;\n    }\n    const canvas = this._container.canvas;\n    canvas.canvasClear();\n    if (this._coverImage) {\n      canvas.paintImage(this._coverImage.image, this._coverImage.opacity);\n    } else {\n      canvas.paintBase(this._coverColorStyle);\n    }\n    return true;\n  }\n  clearDraw(context) {\n    if (!this._defaultCompositeValue) {\n      return;\n    }\n    context.globalCompositeOperation = this._defaultCompositeValue;\n  }\n  draw(context) {\n    const previousComposite = context.globalCompositeOperation,\n      backgroundMask = this._container.actualOptions.backgroundMask;\n    this._defaultCompositeValue = previousComposite;\n    context.globalCompositeOperation = backgroundMask?.enable ? backgroundMask.composite : previousComposite;\n  }\n  async init() {\n    await this._initCover();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/BackgroundMaskInstance.js?\n}");
-
-/***/ },
-
 /***/ "./dist/browser/BackgroundMaskPlugin.js"
 /*!**********************************************!*\
   !*** ./dist/browser/BackgroundMaskPlugin.js ***!
   \**********************************************/
 (__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 */   BackgroundMaskPlugin: () => (/* binding */ BackgroundMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/BackgroundMask.js */ \"./dist/browser/Options/Classes/BackgroundMask.js\");\n/* harmony import */ var _BackgroundMaskInstance_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BackgroundMaskInstance.js */ \"./dist/browser/BackgroundMaskInstance.js\");\n\n\nclass BackgroundMaskPlugin {\n  constructor(engine) {\n    this.id = \"background-mask\";\n    this._engine = engine;\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _BackgroundMaskInstance_js__WEBPACK_IMPORTED_MODULE_1__.BackgroundMaskInstance(container, this._engine));\n  }\n  loadOptions(options, source) {\n    if (!this.needsPlugin()) {\n      return;\n    }\n    let backgroundMaskOptions = options.backgroundMask;\n    if (!backgroundMaskOptions?.load) {\n      options.backgroundMask = backgroundMaskOptions = new _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__.BackgroundMask();\n    }\n    backgroundMaskOptions.load(source?.backgroundMask);\n  }\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/BackgroundMaskPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BackgroundMaskPlugin: () => (/* binding */ BackgroundMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/BackgroundMask.js */ \"./dist/browser/Options/Classes/BackgroundMask.js\");\n\nclass BackgroundMaskPlugin {\n  constructor(engine) {\n    this.id = \"background-mask\";\n    this._engine = engine;\n  }\n  async getPlugin(container) {\n    const {\n      BackgroundMaskPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_BackgroundMaskPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPluginInstance.js */ \"./dist/browser/BackgroundMaskPluginInstance.js\"));\n    return new BackgroundMaskPluginInstance(container, this._engine);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n      return;\n    }\n    let backgroundMaskOptions = options.backgroundMask;\n    if (!backgroundMaskOptions?.load) {\n      options.backgroundMask = backgroundMaskOptions = new _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__.BackgroundMask();\n    }\n    backgroundMaskOptions.load(source?.backgroundMask);\n  }\n  needsPlugin(options) {\n    return !!options?.backgroundMask?.enable;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/BackgroundMaskPlugin.js?\n}");
 
 /***/ },
 

package/esm/BackgroundMaskPlugin.js

@@ -1,15 +1,15 @@
 import { BackgroundMask } from "./Options/Classes/BackgroundMask.js";
-import { BackgroundMaskInstance } from "./BackgroundMaskInstance.js";
 export class BackgroundMaskPlugin {
     constructor(engine) {
         this.id = "background-mask";
         this._engine = engine;
     }
-    getPlugin(container) {
-        return Promise.resolve(new BackgroundMaskInstance(container, this._engine));
+    async getPlugin(container) {
+        const { BackgroundMaskPluginInstance } = await import("./BackgroundMaskPluginInstance.js");
+        return new BackgroundMaskPluginInstance(container, this._engine);
     }
-    loadOptions(options, source) {
-        if (!this.needsPlugin()) {
+    loadOptions(_container, options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
             return;
         }
         let backgroundMaskOptions = options.backgroundMask;
@@ -18,7 +18,7 @@ export class BackgroundMaskPlugin {
         }
         backgroundMaskOptions.load(source?.backgroundMask);
     }
-    needsPlugin() {
-        return true;
+    needsPlugin(options) {
+        return !!options?.backgroundMask?.enable;
     }
 }

package/{cjs/BackgroundMaskInstance.js → esm/BackgroundMaskPluginInstance.js}

@@ -1,5 +1,5 @@
 import { getLogger, getStyleFromRgb, rangeColorToRgb, safeDocument, } from "@tsparticles/engine";
-export class BackgroundMaskInstance {
+export class BackgroundMaskPluginInstance {
     constructor(container, engine) {
         this._initCover = async () => {
             const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;

package/esm/index.js

@@ -1,6 +1,6 @@
-export function loadBackgroundMaskPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.3");
-    engine.register(async (e) => {
+export async function loadBackgroundMaskPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.5");
+    await engine.register(async (e) => {
         const { BackgroundMaskPlugin } = await import("./BackgroundMaskPlugin.js");
         e.addPlugin(new BackgroundMaskPlugin(e));
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-background-mask",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.5",
   "description": "tsParticles background mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.3"
+    "@tsparticles/engine": "4.0.0-alpha.5"
   },
   "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-background-mask [10 Jan 2026 at 19:16]</title>
+    <title>@tsparticles/plugin-background-mask [21 Jan 2026 at 18:51]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/tsparticles.plugin.background-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-alpha.3
+ * v4.0.0-alpha.5
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
   \*******************************/
 (__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 */   loadBackgroundMaskPlugin: () => (/* binding */ loadBackgroundMaskPlugin)\n/* harmony export */ });\nfunction loadBackgroundMaskPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.3\");\n  engine.register(async e => {\n    const {\n      BackgroundMaskPlugin\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_BackgroundMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPlugin.js */ \"./dist/browser/BackgroundMaskPlugin.js\"));\n    e.addPlugin(new BackgroundMaskPlugin(e));\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBackgroundMaskPlugin: () => (/* binding */ loadBackgroundMaskPlugin)\n/* harmony export */ });\nasync function loadBackgroundMaskPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.5\");\n  await engine.register(async e => {\n    const {\n      BackgroundMaskPlugin\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_BackgroundMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPlugin.js */ \"./dist/browser/BackgroundMaskPlugin.js\"));\n    e.addPlugin(new BackgroundMaskPlugin(e));\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/index.js?\n}");
 
 /***/ },
 
@@ -118,18 +118,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/global */
-/******/ 	(() => {
-/******/ 		__webpack_require__.g = (function() {
-/******/ 			if (typeof globalThis === 'object') return globalThis;
-/******/ 			try {
-/******/ 				return this || new Function('return this')();
-/******/ 			} catch (e) {
-/******/ 				if (typeof window === 'object') return window;
-/******/ 			}
-/******/ 		})();
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -194,8 +182,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 	/* webpack/runtime/publicPath */
 /******/ 	(() => {
 /******/ 		var scriptUrl;
-/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
-/******/ 		var document = __webpack_require__.g.document;
+/******/ 		if (globalThis.importScripts) scriptUrl = globalThis.location + "";
+/******/ 		var document = globalThis.document;
 /******/ 		if (!scriptUrl && document) {
 /******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
 /******/ 				scriptUrl = document.currentScript.src;

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

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

package/tsparticles.plugin.background-mask.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Background Mask Plugin v4.0.0-alpha.3 by Matteo Bruni */
+/*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */

package/types/BackgroundMaskPlugin.d.ts

@@ -1,11 +1,10 @@
 import type { BackgroundMaskOptions, IBackgroundMaskOptions } from "./types.js";
-import type { Container, Engine, IPlugin, RecursivePartial } from "@tsparticles/engine";
-import { BackgroundMaskInstance } from "./BackgroundMaskInstance.js";
+import type { Container, Engine, IContainerPlugin, IPlugin, RecursivePartial } from "@tsparticles/engine";
 export declare class BackgroundMaskPlugin implements IPlugin {
     readonly id: string;
     private readonly _engine;
     constructor(engine: Engine);
-    getPlugin(container: Container): Promise<BackgroundMaskInstance>;
-    loadOptions(options: BackgroundMaskOptions, source?: RecursivePartial<IBackgroundMaskOptions>): void;
-    needsPlugin(): boolean;
+    getPlugin(container: Container): Promise<IContainerPlugin>;
+    loadOptions(_container: Container, options: BackgroundMaskOptions, source?: RecursivePartial<IBackgroundMaskOptions>): void;
+    needsPlugin(options?: RecursivePartial<IBackgroundMaskOptions>): boolean;
 }

package/types/{BackgroundMaskInstance.d.ts → BackgroundMaskPluginInstance.d.ts}

@@ -1,6 +1,6 @@
 import { type Engine, type IContainerPlugin } from "@tsparticles/engine";
 import type { BackgroundMaskContainer } from "./types.js";
-export declare class BackgroundMaskInstance implements IContainerPlugin {
+export declare class BackgroundMaskPluginInstance implements IContainerPlugin {
     private readonly _container;
     private _coverColorStyle?;
     private _coverImage?;

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import { type Engine } from "@tsparticles/engine";
-export declare function loadBackgroundMaskPlugin(engine: Engine): void;
+export declare function loadBackgroundMaskPlugin(engine: Engine): Promise<void>;

package/umd/BackgroundMaskPlugin.js

@@ -1,27 +1,61 @@
+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/BackgroundMask.js", "./BackgroundMaskInstance.js"], factory);
+        define(["require", "exports", "./Options/Classes/BackgroundMask.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.BackgroundMaskPlugin = void 0;
     const BackgroundMask_js_1 = require("./Options/Classes/BackgroundMask.js");
-    const BackgroundMaskInstance_js_1 = require("./BackgroundMaskInstance.js");
     class BackgroundMaskPlugin {
         constructor(engine) {
             this.id = "background-mask";
             this._engine = engine;
         }
-        getPlugin(container) {
-            return Promise.resolve(new BackgroundMaskInstance_js_1.BackgroundMaskInstance(container, this._engine));
+        async getPlugin(container) {
+            const { BackgroundMaskPluginInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./BackgroundMaskPluginInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./BackgroundMaskPluginInstance.js"], resolve_1, reject_1); }).then(__importStar));
+            return new BackgroundMaskPluginInstance(container, this._engine);
         }
-        loadOptions(options, source) {
-            if (!this.needsPlugin()) {
+        loadOptions(_container, options, source) {
+            if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
                 return;
             }
             let backgroundMaskOptions = options.backgroundMask;
@@ -30,8 +64,8 @@
             }
             backgroundMaskOptions.load(source?.backgroundMask);
         }
-        needsPlugin() {
-            return true;
+        needsPlugin(options) {
+            return !!options?.backgroundMask?.enable;
         }
     }
     exports.BackgroundMaskPlugin = BackgroundMaskPlugin;

package/umd/{BackgroundMaskInstance.js → BackgroundMaskPluginInstance.js}

@@ -9,9 +9,9 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.BackgroundMaskInstance = void 0;
+    exports.BackgroundMaskPluginInstance = void 0;
     const engine_1 = require("@tsparticles/engine");
-    class BackgroundMaskInstance {
+    class BackgroundMaskPluginInstance {
         constructor(container, engine) {
             this._initCover = async () => {
                 const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;
@@ -85,5 +85,5 @@
             await this._initCover();
         }
     }
-    exports.BackgroundMaskInstance = BackgroundMaskInstance;
+    exports.BackgroundMaskPluginInstance = BackgroundMaskPluginInstance;
 });

package/umd/index.js

@@ -44,9 +44,9 @@ var __importStar = (this && this.__importStar) || (function () {
     var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadBackgroundMaskPlugin = loadBackgroundMaskPlugin;
-    function loadBackgroundMaskPlugin(engine) {
-        engine.checkVersion("4.0.0-alpha.3");
-        engine.register(async (e) => {
+    async function loadBackgroundMaskPlugin(engine) {
+        engine.checkVersion("4.0.0-alpha.5");
+        await engine.register(async (e) => {
             const { BackgroundMaskPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./BackgroundMaskPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./BackgroundMaskPlugin.js"], resolve_1, reject_1); }).then(__importStar));
             e.addPlugin(new BackgroundMaskPlugin(e));
         });

package/224.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 224.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_background_mask=this.webpackChunk_tsparticles_plugin_background_mask||[]).push([[224],{224(o,e,t){t.d(e,{BackgroundMaskPlugin:()=>r});var i=t(303);class a{constructor(){this.opacity=1}load(o){(0,i.isNull)(o)||(void 0!==o.color&&(this.color=i.OptionsColor.create(this.color,o.color)),void 0!==o.image&&(this.image=o.image),void 0!==o.opacity&&(this.opacity=o.opacity))}}class s{constructor(){this.composite="destination-out",this.cover=new a,this.enable=!1}load(o){if(!(0,i.isNull)(o)){if(void 0!==o.composite&&(this.composite=o.composite),void 0!==o.cover){const e=o.cover,t=(0,i.isString)(o.cover)?{color:o.cover}:o.cover;this.cover.load(void 0!==e.color||void 0!==e.image?e:{color:t})}void 0!==o.enable&&(this.enable=o.enable)}}}class n{constructor(o,e){this._initCover=async()=>{const o=this._container.actualOptions,e=o.backgroundMask?.cover,t=e?.color;if(t){const o=(0,i.rangeColorToRgb)(this._engine,t);if(o){const t={...o,a:e.opacity};this._coverColorStyle=(0,i.getStyleFromRgb)(t,this._container.hdr,t.a)}}else await new Promise(((o,t)=>{if(!e?.image)return;const a=(0,i.safeDocument)().createElement("img");a.addEventListener("load",(()=>{this._coverImage={image:a,opacity:e.opacity},o()})),a.addEventListener("error",(o=>{(0,i.getLogger)().error(o),t(new Error("Error loading image"))})),a.src=e.image}))},this._container=o,this._engine=e}canvasClear(){const o=this._container.actualOptions.backgroundMask;return!!o?.enable&&this.canvasPaint()}canvasPaint(){if(!this._container.actualOptions.backgroundMask?.enable)return!1;const o=this._container.canvas;return o.canvasClear(),this._coverImage?o.paintImage(this._coverImage.image,this._coverImage.opacity):o.paintBase(this._coverColorStyle),!0}clearDraw(o){this._defaultCompositeValue&&(o.globalCompositeOperation=this._defaultCompositeValue)}draw(o){const e=o.globalCompositeOperation,t=this._container.actualOptions.backgroundMask;this._defaultCompositeValue=e,o.globalCompositeOperation=t?.enable?t.composite:e}async init(){await this._initCover()}}class r{constructor(o){this.id="background-mask",this._engine=o}getPlugin(o){return Promise.resolve(new n(o,this._engine))}loadOptions(o,e){if(!this.needsPlugin())return;let t=o.backgroundMask;t?.load||(o.backgroundMask=t=new s),t.load(e?.backgroundMask)}needsPlugin(){return!0}}}}]);

package/224.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Background Mask Plugin v4.0.0-alpha.3 by Matteo Bruni */