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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/308.min.js +1 -0
  2. package/349.min.js +1 -0
  3. package/browser/BackgroundMaskPlugin.js +2 -1
  4. package/browser/BackgroundMaskPluginInstance.js +40 -36
  5. package/browser/Options/Classes/BackgroundMask.js +3 -0
  6. package/browser/Options/Classes/BackgroundMaskCover.js +3 -0
  7. package/browser/index.js +1 -1
  8. package/cjs/BackgroundMaskPlugin.js +2 -1
  9. package/cjs/BackgroundMaskPluginInstance.js +40 -36
  10. package/cjs/Options/Classes/BackgroundMask.js +3 -0
  11. package/cjs/Options/Classes/BackgroundMaskCover.js +3 -0
  12. package/cjs/index.js +1 -1
  13. package/dist_browser_BackgroundMaskPluginInstance_js.js +2 -2
  14. package/dist_browser_BackgroundMaskPlugin_js.js +4 -4
  15. package/esm/BackgroundMaskPlugin.js +2 -1
  16. package/esm/BackgroundMaskPluginInstance.js +40 -36
  17. package/esm/Options/Classes/BackgroundMask.js +3 -0
  18. package/esm/Options/Classes/BackgroundMaskCover.js +3 -0
  19. package/esm/index.js +1 -1
  20. package/package.json +2 -2
  21. package/report.html +3 -3
  22. package/tsparticles.plugin.background-mask.js +31 -19
  23. package/tsparticles.plugin.background-mask.min.js +2 -2
  24. package/types/BackgroundMaskPlugin.d.ts +1 -1
  25. package/types/BackgroundMaskPluginInstance.d.ts +2 -2
  26. package/umd/BackgroundMaskPlugin.js +2 -1
  27. package/umd/BackgroundMaskPluginInstance.js +39 -35
  28. package/umd/Options/Classes/BackgroundMask.js +3 -0
  29. package/umd/Options/Classes/BackgroundMaskCover.js +3 -0
  30. package/umd/index.js +1 -1
  31. package/54.min.js +0 -2
  32. package/54.min.js.LICENSE.txt +0 -1
  33. package/646.min.js +0 -2
  34. package/646.min.js.LICENSE.txt +0 -1
  35. package/tsparticles.plugin.background-mask.min.js.LICENSE.txt +0 -1
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.5
7
+ * v4.0.0-beta.0
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
28
28
  /******/ "use strict";
29
29
  /******/ var __webpack_modules__ = ({
30
30
 
31
- /***/ "./dist/browser/index.js"
32
- /*!*******************************!*\
33
- !*** ./dist/browser/index.js ***!
34
- \*******************************/
35
- (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
36
-
37
- 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}");
38
-
39
- /***/ },
40
-
41
31
  /***/ "@tsparticles/engine"
42
32
  /*!*********************************************************************************************************************************!*\
43
33
  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -46,6 +36,16 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
46
36
 
47
37
  module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
48
38
 
39
+ /***/ },
40
+
41
+ /***/ "./dist/browser/index.js"
42
+ /*!*******************************!*\
43
+ !*** ./dist/browser/index.js ***!
44
+ \*******************************/
45
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
46
+
47
+ 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-beta.0\");\n await engine.register(async (e)=>{\n const { BackgroundMaskPlugin } = 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\n//# sourceURL=webpack://@tsparticles/plugin-background-mask/./dist/browser/index.js?\n}");
48
+
49
49
  /***/ }
50
50
 
51
51
  /******/ });
@@ -60,12 +60,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
60
60
  /******/ if (cachedModule !== undefined) {
61
61
  /******/ return cachedModule.exports;
62
62
  /******/ }
63
- /******/ // Check if module exists (development only)
64
- /******/ if (__webpack_modules__[moduleId] === undefined) {
65
- /******/ var e = new Error("Cannot find module '" + moduleId + "'");
66
- /******/ e.code = 'MODULE_NOT_FOUND';
67
- /******/ throw e;
68
- /******/ }
69
63
  /******/ // Create a new module (and put it into the cache)
70
64
  /******/ var module = __webpack_module_cache__[moduleId] = {
71
65
  /******/ // no module.id needed
@@ -74,6 +68,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
74
68
  /******/ };
75
69
  /******/
76
70
  /******/ // Execute the module function
71
+ /******/ if (!(moduleId in __webpack_modules__)) {
72
+ /******/ delete __webpack_module_cache__[moduleId];
73
+ /******/ var e = new Error("Cannot find module '" + moduleId + "'");
74
+ /******/ e.code = 'MODULE_NOT_FOUND';
75
+ /******/ throw e;
76
+ /******/ }
77
77
  /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
78
78
  /******/
79
79
  /******/ // Return the exports of the module
@@ -118,6 +118,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
118
118
  /******/ };
119
119
  /******/ })();
120
120
  /******/
121
+ /******/ /* webpack/runtime/global */
122
+ /******/ (() => {
123
+ /******/ __webpack_require__.g = (function() {
124
+ /******/ if (typeof globalThis === 'object') return globalThis;
125
+ /******/ try {
126
+ /******/ return this || new Function('return this')();
127
+ /******/ } catch (e) {
128
+ /******/ if (typeof window === 'object') return window;
129
+ /******/ }
130
+ /******/ })();
131
+ /******/ })();
132
+ /******/
121
133
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
122
134
  /******/ (() => {
123
135
  /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -182,8 +194,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
182
194
  /******/ /* webpack/runtime/publicPath */
183
195
  /******/ (() => {
184
196
  /******/ var scriptUrl;
185
- /******/ if (globalThis.importScripts) scriptUrl = globalThis.location + "";
186
- /******/ var document = globalThis.document;
197
+ /******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
198
+ /******/ var document = __webpack_require__.g.document;
187
199
  /******/ if (!scriptUrl && document) {
188
200
  /******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
189
201
  /******/ scriptUrl = document.currentScript.src;
@@ -1,2 +1,2 @@
1
- /*! For license information please see tsparticles.plugin.background-mask.min.js.LICENSE.txt */
2
- !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})()));
1
+ !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=>(()=>{"use strict";var t,r,o,n={303(t){t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.m=n,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,o)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var n,i,c=document.getElementsByTagName("script"),u=0;u<c.length;u++){var l=c[u];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")=="@tsparticles/plugin-background-mask:"+r){n=l;break}}n||(i=!0,(n=document.createElement("script")).charset="utf-8",a.nc&&n.setAttribute("nonce",a.nc),n.setAttribute("data-webpack","@tsparticles/plugin-background-mask:"+r),n.src=e),s[e]=[t];var p=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var o=s[e];if(delete s[e],n.parentNode&&n.parentNode.removeChild(n),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=p.bind(null,n.onerror),n.onload=p.bind(null,n.onload),i&&document.head.appendChild(n)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(c=a.g.location+"");var s,c,u=a.g.document;if(!c&&u&&(u.currentScript&&"SCRIPT"===u.currentScript.tagName.toUpperCase()&&(c=u.currentScript.src),!c)){var l=u.getElementsByTagName("script");if(l.length)for(var p=l.length-1;p>-1&&(!c||!/^http(s?):/.test(c));)c=l[p--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");a.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={585:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise((r,n)=>o=t[e]=[r,n]);r.push(o[2]=n);var i=a.p+a.u(e),s=Error();a.l(i,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
2
+ (`+n+": "+i+")",s.name="ChunkLoadError",s.type=n,s.request=i,o[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var o,n,[i,s,c]=r,u=0;if(i.some(e=>0!==t[e])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);c&&c(a)}for(e&&e(r);u<i.length;u++)n=i[u],a.o(t,n)&&t[n]&&t[n][0](),t[n]=0},(o=this.webpackChunk_tsparticles_plugin_background_mask=this.webpackChunk_tsparticles_plugin_background_mask||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};async function f(e){e.checkVersion("4.0.0-beta.0"),await e.register(async e=>{let{BackgroundMaskPlugin:t}=await a.e(349).then(a.bind(a,349));e.addPlugin(new t(e))})}return a.r(d),a.d(d,{loadBackgroundMaskPlugin:()=>f}),d})());
@@ -1,7 +1,7 @@
1
1
  import type { BackgroundMaskOptions, IBackgroundMaskOptions } from "./types.js";
2
2
  import type { Container, Engine, IContainerPlugin, IPlugin, RecursivePartial } from "@tsparticles/engine";
3
3
  export declare class BackgroundMaskPlugin implements IPlugin {
4
- readonly id: string;
4
+ readonly id = "background-mask";
5
5
  private readonly _engine;
6
6
  constructor(engine: Engine);
7
7
  getPlugin(container: Container): Promise<IContainerPlugin>;
@@ -9,8 +9,8 @@ export declare class BackgroundMaskPluginInstance implements IContainerPlugin {
9
9
  constructor(container: BackgroundMaskContainer, engine: Engine);
10
10
  canvasClear(): boolean;
11
11
  canvasPaint(): boolean;
12
- clearDraw(context: CanvasRenderingContext2D): void;
13
- draw(context: CanvasRenderingContext2D): void;
12
+ drawSettingsCleanup(context: CanvasRenderingContext2D): void;
13
+ drawSettingsSetup(context: CanvasRenderingContext2D): void;
14
14
  init(): Promise<void>;
15
15
  private readonly _initCover;
16
16
  }
@@ -46,8 +46,9 @@ var __importStar = (this && this.__importStar) || (function () {
46
46
  exports.BackgroundMaskPlugin = void 0;
47
47
  const BackgroundMask_js_1 = require("./Options/Classes/BackgroundMask.js");
48
48
  class BackgroundMaskPlugin {
49
+ id = "background-mask";
50
+ _engine;
49
51
  constructor(engine) {
50
- this.id = "background-mask";
51
52
  this._engine = engine;
52
53
  }
53
54
  async getPlugin(container) {
@@ -12,40 +12,12 @@
12
12
  exports.BackgroundMaskPluginInstance = void 0;
13
13
  const engine_1 = require("@tsparticles/engine");
14
14
  class BackgroundMaskPluginInstance {
15
+ _container;
16
+ _coverColorStyle;
17
+ _coverImage;
18
+ _defaultCompositeValue;
19
+ _engine;
15
20
  constructor(container, engine) {
16
- this._initCover = async () => {
17
- const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;
18
- if (color) {
19
- const coverRgb = (0, engine_1.rangeColorToRgb)(this._engine, color);
20
- if (coverRgb) {
21
- const coverColor = {
22
- ...coverRgb,
23
- a: cover.opacity,
24
- };
25
- this._coverColorStyle = (0, engine_1.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);
26
- }
27
- }
28
- else {
29
- await new Promise((resolve, reject) => {
30
- if (!cover?.image) {
31
- return;
32
- }
33
- const img = (0, engine_1.safeDocument)().createElement("img");
34
- img.addEventListener("load", () => {
35
- this._coverImage = {
36
- image: img,
37
- opacity: cover.opacity,
38
- };
39
- resolve();
40
- });
41
- img.addEventListener("error", evt => {
42
- (0, engine_1.getLogger)().error(evt);
43
- reject(new Error("Error loading image"));
44
- });
45
- img.src = cover.image;
46
- });
47
- }
48
- };
49
21
  this._container = container;
50
22
  this._engine = engine;
51
23
  }
@@ -70,13 +42,13 @@
70
42
  }
71
43
  return true;
72
44
  }
73
- clearDraw(context) {
45
+ drawSettingsCleanup(context) {
74
46
  if (!this._defaultCompositeValue) {
75
47
  return;
76
48
  }
77
49
  context.globalCompositeOperation = this._defaultCompositeValue;
78
50
  }
79
- draw(context) {
51
+ drawSettingsSetup(context) {
80
52
  const previousComposite = context.globalCompositeOperation, backgroundMask = this._container.actualOptions.backgroundMask;
81
53
  this._defaultCompositeValue = previousComposite;
82
54
  context.globalCompositeOperation = backgroundMask?.enable ? backgroundMask.composite : previousComposite;
@@ -84,6 +56,38 @@
84
56
  async init() {
85
57
  await this._initCover();
86
58
  }
59
+ _initCover = async () => {
60
+ const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;
61
+ if (color) {
62
+ const coverRgb = (0, engine_1.rangeColorToRgb)(this._engine, color);
63
+ if (coverRgb) {
64
+ const coverColor = {
65
+ ...coverRgb,
66
+ a: cover.opacity,
67
+ };
68
+ this._coverColorStyle = (0, engine_1.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);
69
+ }
70
+ }
71
+ else {
72
+ await new Promise((resolve, reject) => {
73
+ if (!cover?.image) {
74
+ return;
75
+ }
76
+ const img = (0, engine_1.safeDocument)().createElement("img");
77
+ img.addEventListener("load", () => {
78
+ this._coverImage = {
79
+ image: img,
80
+ opacity: cover.opacity,
81
+ };
82
+ resolve();
83
+ });
84
+ img.addEventListener("error", () => {
85
+ reject(new Error("Error loading image"));
86
+ });
87
+ img.src = cover.image;
88
+ });
89
+ }
90
+ };
87
91
  }
88
92
  exports.BackgroundMaskPluginInstance = BackgroundMaskPluginInstance;
89
93
  });
@@ -13,6 +13,9 @@
13
13
  const engine_1 = require("@tsparticles/engine");
14
14
  const BackgroundMaskCover_js_1 = require("./BackgroundMaskCover.js");
15
15
  class BackgroundMask {
16
+ composite;
17
+ cover;
18
+ enable;
16
19
  constructor() {
17
20
  this.composite = "destination-out";
18
21
  this.cover = new BackgroundMaskCover_js_1.BackgroundMaskCover();
@@ -12,6 +12,9 @@
12
12
  exports.BackgroundMaskCover = void 0;
13
13
  const engine_1 = require("@tsparticles/engine");
14
14
  class BackgroundMaskCover {
15
+ color;
16
+ image;
17
+ opacity;
15
18
  constructor() {
16
19
  this.opacity = 1;
17
20
  }
package/umd/index.js CHANGED
@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
45
45
  Object.defineProperty(exports, "__esModule", { value: true });
46
46
  exports.loadBackgroundMaskPlugin = loadBackgroundMaskPlugin;
47
47
  async function loadBackgroundMaskPlugin(engine) {
48
- engine.checkVersion("4.0.0-alpha.5");
48
+ engine.checkVersion("4.0.0-beta.0");
49
49
  await engine.register(async (e) => {
50
50
  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));
51
51
  e.addPlugin(new BackgroundMaskPlugin(e));
package/54.min.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 54.min.js.LICENSE.txt */
2
- (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()}}}}]);
@@ -1 +0,0 @@
1
- /*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */
package/646.min.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 646.min.js.LICENSE.txt */
2
- (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}}}}]);
@@ -1 +0,0 @@
1
- /*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */
@@ -1 +0,0 @@
1
- /*! tsParticles Background Mask Plugin v4.0.0-alpha.5 by Matteo Bruni */