@tsparticles/plugin-canvas-mask 3.0.0-beta.0 → 3.0.0-beta.1

package/browser/CanvasMaskInstance.js

@@ -1,4 +1,4 @@
-import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils";
+import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils.js";
 export class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;

package/browser/Options/Classes/CanvasMask.js

@@ -1,7 +1,7 @@
-import { CanvasMaskOverride } from "./CanvasMaskOverride";
-import { CanvasMaskPixels } from "./CanvasMaskPixels";
-import { ImageMask } from "./ImageMask";
-import { TextMask } from "./TextMask";
+import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
+import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
+import { ImageMask } from "./ImageMask.js";
+import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     constructor() {
         this.enable = false;

package/browser/Options/Classes/TextMask.js

@@ -1,5 +1,5 @@
-import { FontTextMask } from "./FontTextMask";
-import { TextMaskLine } from "./TextMaskLine";
+import { FontTextMask } from "./FontTextMask.js";
+import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
     constructor() {
         this.color = "#000000";

package/browser/index.js

@@ -1,5 +1,5 @@
-import { CanvasMask } from "./Options/Classes/CanvasMask";
-import { CanvasMaskInstance } from "./CanvasMaskInstance";
+import { CanvasMask } from "./Options/Classes/CanvasMask.js";
+import { CanvasMaskInstance } from "./CanvasMaskInstance.js";
 class CanvasMaskPlugin {
     constructor(engine) {
         this.id = "canvasMask";

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/CanvasMaskInstance.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasMaskInstance = void 0;
-const utils_1 = require("./utils");
+const utils_js_1 = require("./utils.js");
 class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;
@@ -23,11 +23,11 @@ class CanvasMaskInstance {
             if (!url) {
                 return;
             }
-            pixelData = await (0, utils_1.getImageData)(url, offset);
+            pixelData = await (0, utils_js_1.getImageData)(url, offset);
         }
         else if (options.text) {
             const textOptions = options.text;
-            const data = (0, utils_1.getTextData)(textOptions, offset);
+            const data = (0, utils_js_1.getTextData)(textOptions, offset);
             if (!data) {
                 return;
             }
@@ -42,9 +42,9 @@ class CanvasMaskInstance {
             if (!context) {
                 return;
             }
-            pixelData = (0, utils_1.getCanvasImageData)(context, canvas, offset);
+            pixelData = (0, utils_js_1.getCanvasImageData)(context, canvas, offset);
         }
-        (0, utils_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
+        (0, utils_js_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
     }
 }
 exports.CanvasMaskInstance = CanvasMaskInstance;

package/cjs/Options/Classes/CanvasMask.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasMask = void 0;
-const CanvasMaskOverride_1 = require("./CanvasMaskOverride");
-const CanvasMaskPixels_1 = require("./CanvasMaskPixels");
-const ImageMask_1 = require("./ImageMask");
-const TextMask_1 = require("./TextMask");
+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 {
     constructor() {
         this.enable = false;
-        this.override = new CanvasMaskOverride_1.CanvasMaskOverride();
-        this.pixels = new CanvasMaskPixels_1.CanvasMaskPixels();
+        this.override = new CanvasMaskOverride_js_1.CanvasMaskOverride();
+        this.pixels = new CanvasMaskPixels_js_1.CanvasMaskPixels();
         this.position = {
             x: 50,
             y: 50,
@@ -28,7 +28,7 @@ class CanvasMask {
         }
         if (data.image) {
             if (!this.image) {
-                this.image = new ImageMask_1.ImageMask();
+                this.image = new ImageMask_js_1.ImageMask();
             }
             this.image.load(data.image);
         }
@@ -48,7 +48,7 @@ class CanvasMask {
         }
         if (data.text) {
             if (!this.text) {
-                this.text = new TextMask_1.TextMask();
+                this.text = new TextMask_js_1.TextMask();
             }
             this.text.load(data.text);
         }

package/cjs/Options/Classes/TextMask.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextMask = void 0;
-const FontTextMask_1 = require("./FontTextMask");
-const TextMaskLine_1 = require("./TextMaskLine");
+const FontTextMask_js_1 = require("./FontTextMask.js");
+const TextMaskLine_js_1 = require("./TextMaskLine.js");
 class TextMask {
     constructor() {
         this.color = "#000000";
-        this.font = new FontTextMask_1.FontTextMask();
-        this.lines = new TextMaskLine_1.TextMaskLine();
+        this.font = new FontTextMask_js_1.FontTextMask();
+        this.lines = new TextMaskLine_js_1.TextMaskLine();
         this.text = "";
     }
     load(data) {

package/cjs/index.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadCanvasMaskPlugin = void 0;
-const CanvasMask_1 = require("./Options/Classes/CanvasMask");
-const CanvasMaskInstance_1 = require("./CanvasMaskInstance");
+const CanvasMask_js_1 = require("./Options/Classes/CanvasMask.js");
+const CanvasMaskInstance_js_1 = require("./CanvasMaskInstance.js");
 class CanvasMaskPlugin {
     constructor(engine) {
         this.id = "canvasMask";
         this._engine = engine;
     }
     getPlugin(container) {
-        return new CanvasMaskInstance_1.CanvasMaskInstance(container, this._engine);
+        return new CanvasMaskInstance_js_1.CanvasMaskInstance(container, this._engine);
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -17,7 +17,7 @@ class CanvasMaskPlugin {
         }
         let canvasMaskOptions = options.canvasMask;
         if (canvasMaskOptions?.load === undefined) {
-            options.canvasMask = canvasMaskOptions = new CanvasMask_1.CanvasMask();
+            options.canvasMask = canvasMaskOptions = new CanvasMask_js_1.CanvasMask();
         }
         canvasMaskOptions.load(source?.canvasMask);
     }

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/CanvasMaskInstance.js

@@ -1,4 +1,4 @@
-import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils";
+import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils.js";
 export class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;

package/esm/Options/Classes/CanvasMask.js

@@ -1,7 +1,7 @@
-import { CanvasMaskOverride } from "./CanvasMaskOverride";
-import { CanvasMaskPixels } from "./CanvasMaskPixels";
-import { ImageMask } from "./ImageMask";
-import { TextMask } from "./TextMask";
+import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
+import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
+import { ImageMask } from "./ImageMask.js";
+import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     constructor() {
         this.enable = false;

package/esm/Options/Classes/TextMask.js

@@ -1,5 +1,5 @@
-import { FontTextMask } from "./FontTextMask";
-import { TextMaskLine } from "./TextMaskLine";
+import { FontTextMask } from "./FontTextMask.js";
+import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
     constructor() {
         this.color = "#000000";

package/esm/index.js

@@ -1,5 +1,5 @@
-import { CanvasMask } from "./Options/Classes/CanvasMask";
-import { CanvasMaskInstance } from "./CanvasMaskInstance";
+import { CanvasMask } from "./Options/Classes/CanvasMask.js";
+import { CanvasMaskInstance } from "./CanvasMaskInstance.js";
 class CanvasMaskPlugin {
     constructor(engine) {
         this.id = "canvasMask";

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-canvas-mask",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles canvas mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -67,14 +67,26 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.plugin.canvas-mask.min.js",
   "unpkg": "tsparticles.plugin.canvas-mask.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-beta.0"
+    "@tsparticles/engine": "^3.0.0-beta.1"
   },
   "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 [24 Aug 2023 at 18:01]</title>
+    <title>@tsparticles/plugin-canvas-mask [25 Aug 2023 at 16:11]</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>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.canvas-mask.js","isAsset":true,"statSize":10696,"parsedSize":14550,"gzipSize":3880,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":10654,"groups":[{"id":775,"label":"index.js + 9 modules (concatenated)","path":"./dist/browser/index.js + 9 modules (concatenated)","statSize":10654,"parsedSize":14550,"gzipSize":3880,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser","statSize":10654,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/index.js","statSize":870,"parsedSize":1188,"gzipSize":316,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskInstance.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/CanvasMaskInstance.js","statSize":1357,"parsedSize":1853,"gzipSize":494,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes","statSize":3850,"groups":[{"id":null,"label":"CanvasMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMask.js","statSize":1334,"parsedSize":1821,"gzipSize":485,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskOverride.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMaskOverride.js","statSize":314,"parsedSize":428,"gzipSize":114,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskPixels.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMaskPixels.js","statSize":632,"parsedSize":863,"gzipSize":230,"inaccurateSizes":true},{"id":null,"label":"ImageMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/ImageMask.js","statSize":190,"parsedSize":259,"gzipSize":69,"inaccurateSizes":true},{"id":null,"label":"TextMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/TextMask.js","statSize":525,"parsedSize":716,"gzipSize":191,"inaccurateSizes":true},{"id":null,"label":"FontTextMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/FontTextMask.js","statSize":534,"parsedSize":729,"gzipSize":194,"inaccurateSizes":true},{"id":null,"label":"TextMaskLine.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/TextMaskLine.js","statSize":321,"parsedSize":438,"gzipSize":116,"inaccurateSizes":true}],"parsedSize":5257,"gzipSize":1402,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/utils.js","statSize":4577,"parsedSize":6250,"gzipSize":1666,"inaccurateSizes":true}],"parsedSize":14550,"gzipSize":3880,"inaccurateSizes":true}]}],"parsedSize":14550,"gzipSize":3880},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.canvas-mask":true}}];
+      window.chartData = [{"label":"tsparticles.plugin.canvas-mask.js","isAsset":true,"statSize":10723,"parsedSize":14550,"gzipSize":3880,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":10681,"groups":[{"id":775,"label":"index.js + 9 modules (concatenated)","path":"./dist/browser/index.js + 9 modules (concatenated)","statSize":10681,"parsedSize":14550,"gzipSize":3880,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser","statSize":10681,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/index.js","statSize":876,"parsedSize":1193,"gzipSize":318,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskInstance.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/CanvasMaskInstance.js","statSize":1360,"parsedSize":1852,"gzipSize":494,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes","statSize":3868,"groups":[{"id":null,"label":"CanvasMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMask.js","statSize":1346,"parsedSize":1833,"gzipSize":488,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskOverride.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMaskOverride.js","statSize":314,"parsedSize":427,"gzipSize":114,"inaccurateSizes":true},{"id":null,"label":"CanvasMaskPixels.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/CanvasMaskPixels.js","statSize":632,"parsedSize":860,"gzipSize":229,"inaccurateSizes":true},{"id":null,"label":"ImageMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/ImageMask.js","statSize":190,"parsedSize":258,"gzipSize":69,"inaccurateSizes":true},{"id":null,"label":"TextMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/TextMask.js","statSize":531,"parsedSize":723,"gzipSize":192,"inaccurateSizes":true},{"id":null,"label":"FontTextMask.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/FontTextMask.js","statSize":534,"parsedSize":727,"gzipSize":193,"inaccurateSizes":true},{"id":null,"label":"TextMaskLine.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/Options/Classes/TextMaskLine.js","statSize":321,"parsedSize":437,"gzipSize":116,"inaccurateSizes":true}],"parsedSize":5269,"gzipSize":1405,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./dist/browser/index.js + 9 modules (concatenated)/dist/browser/utils.js","statSize":4577,"parsedSize":6234,"gzipSize":1662,"inaccurateSizes":true}],"parsedSize":14550,"gzipSize":3880,"inaccurateSizes":true}]}],"parsedSize":14550,"gzipSize":3880},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.canvas-mask":true}}];
       window.entrypoints = ["tsparticles.plugin.canvas-mask","tsparticles.plugin.canvas-mask.min"];
       window.defaultSizes = "parsed";
     </script>

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
- * v3.0.0-beta.0
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')

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

@@ -1 +1 @@
-/*! tsParticles Canvas Mask Plugin v3.0.0-beta.0 by Matteo Bruni */
+/*! tsParticles Canvas Mask Plugin v3.0.0-beta.1 by Matteo Bruni */

package/types/CanvasMaskInstance.d.ts

@@ -1,5 +1,5 @@
 import type { Engine, IContainerPlugin } from "@tsparticles/engine";
-import type { CanvasMaskContainer } from "./types";
+import type { CanvasMaskContainer } from "./types.js";
 export declare class CanvasMaskInstance implements IContainerPlugin {
     private readonly _container;
     private readonly _engine;

package/types/Options/Classes/CanvasMask.d.ts

@@ -1,9 +1,9 @@
 import type { ICoordinates, IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import { CanvasMaskOverride } from "./CanvasMaskOverride";
-import { CanvasMaskPixels } from "./CanvasMaskPixels";
-import type { ICanvasMask } from "../Interfaces/ICanvasMask";
-import { ImageMask } from "./ImageMask";
-import { TextMask } from "./TextMask";
+import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
+import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
+import type { ICanvasMask } from "../Interfaces/ICanvasMask.js";
+import { ImageMask } from "./ImageMask.js";
+import { TextMask } from "./TextMask.js";
 export declare class CanvasMask implements ICanvasMask, IOptionLoader<ICanvasMask> {
     element?: HTMLCanvasElement;
     enable: boolean;

package/types/Options/Classes/CanvasMaskOverride.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import type { ICanvasMaskOverride } from "../Interfaces/ICanvasMaskOverride";
+import type { ICanvasMaskOverride } from "../Interfaces/ICanvasMaskOverride.js";
 export declare class CanvasMaskOverride implements ICanvasMaskOverride, IOptionLoader<ICanvasMaskOverride> {
     color: boolean;
     opacity: boolean;

package/types/Options/Classes/CanvasMaskPixels.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionLoader, IRgba, RecursivePartial } from "@tsparticles/engine";
-import type { ICanvasMaskPixels } from "../Interfaces/ICanvasMaskPixels";
+import type { ICanvasMaskPixels } from "../Interfaces/ICanvasMaskPixels.js";
 export declare class CanvasMaskPixels implements ICanvasMaskPixels, IOptionLoader<ICanvasMaskPixels> {
     filter: (pixel: IRgba) => boolean;
     offset: number;

package/types/Options/Classes/FontTextMask.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import type { IFontTextMask } from "../Interfaces/IFontTextMask";
+import type { IFontTextMask } from "../Interfaces/IFontTextMask.js";
 export declare class FontTextMask implements IFontTextMask, IOptionLoader<IFontTextMask> {
     family: string;
     size: string | number;

package/types/Options/Classes/ImageMask.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import type { IImageMask } from "../Interfaces/IImageMask";
+import type { IImageMask } from "../Interfaces/IImageMask.js";
 export declare class ImageMask implements IImageMask, IOptionLoader<IImageMask> {
     src: string;
     constructor();

package/types/Options/Classes/TextMask.d.ts

@@ -1,7 +1,7 @@
 import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import { FontTextMask } from "./FontTextMask";
-import type { ITextMask } from "../Interfaces/ITextMask";
-import { TextMaskLine } from "./TextMaskLine";
+import { FontTextMask } from "./FontTextMask.js";
+import type { ITextMask } from "../Interfaces/ITextMask.js";
+import { TextMaskLine } from "./TextMaskLine.js";
 export declare class TextMask implements ITextMask, IOptionLoader<ITextMask> {
     color: string;
     font: FontTextMask;

package/types/Options/Classes/TextMaskLine.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
-import type { ITextMaskLine } from "../Interfaces/ITextMaskLine";
+import type { ITextMaskLine } from "../Interfaces/ITextMaskLine.js";
 export declare class TextMaskLine implements ITextMaskLine, IOptionLoader<ITextMaskLine> {
     separator: string;
     spacing: number;

package/types/Options/Interfaces/ICanvasMask.d.ts

@@ -1,8 +1,8 @@
-import type { ICanvasMaskOverride } from "./ICanvasMaskOverride";
-import type { ICanvasMaskPixels } from "./ICanvasMaskPixels";
+import type { ICanvasMaskOverride } from "./ICanvasMaskOverride.js";
+import type { ICanvasMaskPixels } from "./ICanvasMaskPixels.js";
 import type { ICoordinates } from "@tsparticles/engine";
-import type { IImageMask } from "./IImageMask";
-import type { ITextMask } from "./ITextMask";
+import type { IImageMask } from "./IImageMask.js";
+import type { ITextMask } from "./ITextMask.js";
 export interface ICanvasMask {
     element?: HTMLCanvasElement;
     enable: boolean;

package/types/Options/Interfaces/ITextMask.d.ts

@@ -1,5 +1,5 @@
-import type { IFontTextMask } from "./IFontTextMask";
-import type { ITextMaskLine } from "./ITextMaskLine";
+import type { IFontTextMask } from "./IFontTextMask.js";
+import type { ITextMaskLine } from "./ITextMaskLine.js";
 export interface ITextMask {
     color: string;
     font: IFontTextMask;

package/types/types.d.ts

@@ -1,6 +1,6 @@
 import type { Container, IOptions, Options } from "@tsparticles/engine";
-import type { CanvasMask } from "./Options/Classes/CanvasMask";
-import type { ICanvasMask } from "./Options/Interfaces/ICanvasMask";
+import type { CanvasMask } from "./Options/Classes/CanvasMask.js";
+import type { ICanvasMask } from "./Options/Interfaces/ICanvasMask.js";
 export type ICanvasMaskOptions = IOptions & {
     canvasMask?: ICanvasMask;
 };

package/types/utils.d.ts

@@ -1,6 +1,6 @@
 import { type Container, type ICoordinates, type IDimension, type IRgba } from "@tsparticles/engine";
-import type { ICanvasMaskOverride } from "./Options/Interfaces/ICanvasMaskOverride";
-import type { TextMask } from "./Options/Classes/TextMask";
+import type { ICanvasMaskOverride } from "./Options/Interfaces/ICanvasMaskOverride.js";
+import type { TextMask } from "./Options/Classes/TextMask.js";
 export type CanvasPixelData = {
     height: number;
     pixels: IRgba[][];

package/umd/CanvasMaskInstance.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./utils"], factory);
+        define(["require", "exports", "./utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.CanvasMaskInstance = void 0;
-    const utils_1 = require("./utils");
+    const utils_js_1 = require("./utils.js");
     class CanvasMaskInstance {
         constructor(container, engine) {
             this._container = container;
@@ -32,11 +32,11 @@
                 if (!url) {
                     return;
                 }
-                pixelData = await (0, utils_1.getImageData)(url, offset);
+                pixelData = await (0, utils_js_1.getImageData)(url, offset);
             }
             else if (options.text) {
                 const textOptions = options.text;
-                const data = (0, utils_1.getTextData)(textOptions, offset);
+                const data = (0, utils_js_1.getTextData)(textOptions, offset);
                 if (!data) {
                     return;
                 }
@@ -51,9 +51,9 @@
                 if (!context) {
                     return;
                 }
-                pixelData = (0, utils_1.getCanvasImageData)(context, canvas, offset);
+                pixelData = (0, utils_js_1.getCanvasImageData)(context, canvas, offset);
             }
-            (0, utils_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
+            (0, utils_js_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
         }
     }
     exports.CanvasMaskInstance = CanvasMaskInstance;

package/umd/Options/Classes/CanvasMask.js

@@ -4,21 +4,21 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./CanvasMaskOverride", "./CanvasMaskPixels", "./ImageMask", "./TextMask"], factory);
+        define(["require", "exports", "./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 CanvasMaskOverride_1 = require("./CanvasMaskOverride");
-    const CanvasMaskPixels_1 = require("./CanvasMaskPixels");
-    const ImageMask_1 = require("./ImageMask");
-    const TextMask_1 = require("./TextMask");
+    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 {
         constructor() {
             this.enable = false;
-            this.override = new CanvasMaskOverride_1.CanvasMaskOverride();
-            this.pixels = new CanvasMaskPixels_1.CanvasMaskPixels();
+            this.override = new CanvasMaskOverride_js_1.CanvasMaskOverride();
+            this.pixels = new CanvasMaskPixels_js_1.CanvasMaskPixels();
             this.position = {
                 x: 50,
                 y: 50,
@@ -37,7 +37,7 @@
             }
             if (data.image) {
                 if (!this.image) {
-                    this.image = new ImageMask_1.ImageMask();
+                    this.image = new ImageMask_js_1.ImageMask();
                 }
                 this.image.load(data.image);
             }
@@ -57,7 +57,7 @@
             }
             if (data.text) {
                 if (!this.text) {
-                    this.text = new TextMask_1.TextMask();
+                    this.text = new TextMask_js_1.TextMask();
                 }
                 this.text.load(data.text);
             }

package/umd/Options/Classes/TextMask.js

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

package/umd/index.js

@@ -4,21 +4,21 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/CanvasMask", "./CanvasMaskInstance"], factory);
+        define(["require", "exports", "./Options/Classes/CanvasMask.js", "./CanvasMaskInstance.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadCanvasMaskPlugin = void 0;
-    const CanvasMask_1 = require("./Options/Classes/CanvasMask");
-    const CanvasMaskInstance_1 = require("./CanvasMaskInstance");
+    const CanvasMask_js_1 = require("./Options/Classes/CanvasMask.js");
+    const CanvasMaskInstance_js_1 = require("./CanvasMaskInstance.js");
     class CanvasMaskPlugin {
         constructor(engine) {
             this.id = "canvasMask";
             this._engine = engine;
         }
         getPlugin(container) {
-            return new CanvasMaskInstance_1.CanvasMaskInstance(container, this._engine);
+            return new CanvasMaskInstance_js_1.CanvasMaskInstance(container, this._engine);
         }
         loadOptions(options, source) {
             if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -26,7 +26,7 @@
             }
             let canvasMaskOptions = options.canvasMask;
             if (canvasMaskOptions?.load === undefined) {
-                options.canvasMask = canvasMaskOptions = new CanvasMask_1.CanvasMask();
+                options.canvasMask = canvasMaskOptions = new CanvasMask_js_1.CanvasMask();
             }
             canvasMaskOptions.load(source?.canvasMask);
         }