@tsparticles/plugin-canvas-mask 4.0.5 → 4.1.1

package/browser/CanvasMaskPluginInstance.js

@@ -2,12 +2,12 @@ import { getCanvasImageData, getImageData, getTextData } from "@tsparticles/canv
 import { isNull, safeDocument } from "@tsparticles/engine";
 import { addParticlesFromCanvasPixels } from "./utils.js";
 export class CanvasMaskPluginInstance {
-    _container;
+    #container;
     constructor(container) {
-        this._container = container;
+        this.#container = container;
     }
     async init() {
-        const container = this._container, options = container.actualOptions.canvasMask;
+        const container = this.#container, options = container.actualOptions.canvasMask;
         if (!options?.enable) {
             return;
         }

package/browser/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.1");
     await engine.pluginManager.register(e => {
         e.pluginManager.addPlugin(new CanvasMaskPlugin());
     });

package/browser/index.lazy.js

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

package/browser/utils.js

@@ -37,7 +37,7 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             };
         }
         if (override.opacity) {
-            pOptions.opacity = {
+            pOptions["opacity"] = {
                 value: pixel.a,
             };
         }

package/cjs/CanvasMaskPluginInstance.js

@@ -2,12 +2,12 @@ import { getCanvasImageData, getImageData, getTextData } from "@tsparticles/canv
 import { isNull, safeDocument } from "@tsparticles/engine";
 import { addParticlesFromCanvasPixels } from "./utils.js";
 export class CanvasMaskPluginInstance {
-    _container;
+    #container;
     constructor(container) {
-        this._container = container;
+        this.#container = container;
     }
     async init() {
-        const container = this._container, options = container.actualOptions.canvasMask;
+        const container = this.#container, options = container.actualOptions.canvasMask;
         if (!options?.enable) {
             return;
         }

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.1");
     await engine.pluginManager.register(e => {
         e.pluginManager.addPlugin(new CanvasMaskPlugin());
     });

package/cjs/index.lazy.js

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

package/cjs/utils.js

@@ -37,7 +37,7 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             };
         }
         if (override.opacity) {
-            pOptions.opacity = {
+            pOptions["opacity"] = {
                 value: pixel.a,
             };
         }

package/esm/CanvasMaskPluginInstance.js

@@ -2,12 +2,12 @@ import { getCanvasImageData, getImageData, getTextData } from "@tsparticles/canv
 import { isNull, safeDocument } from "@tsparticles/engine";
 import { addParticlesFromCanvasPixels } from "./utils.js";
 export class CanvasMaskPluginInstance {
-    _container;
+    #container;
     constructor(container) {
-        this._container = container;
+        this.#container = container;
     }
     async init() {
-        const container = this._container, options = container.actualOptions.canvasMask;
+        const container = this.#container, options = container.actualOptions.canvasMask;
         if (!options?.enable) {
             return;
         }

package/esm/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.1");
     await engine.pluginManager.register(e => {
         e.pluginManager.addPlugin(new CanvasMaskPlugin());
     });

package/esm/index.lazy.js

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

package/esm/utils.js

@@ -37,7 +37,7 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             };
         }
         if (override.opacity) {
-            pOptions.opacity = {
+            pOptions["opacity"] = {
                 value: pixel.a,
             };
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-canvas-mask",
-  "version": "4.0.5",
+  "version": "4.1.1",
   "description": "tsParticles canvas mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -92,13 +92,13 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.5"
+    "@tsparticles/engine": "4.1.1"
   },
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
   "dependencies": {
-    "@tsparticles/canvas-utils": "4.0.5"
+    "@tsparticles/canvas-utils": "4.1.1"
   }
 }

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.plugin.canvas-mask.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"d08fb81b-1","name":"CanvasMaskOverride.js"},{"uid":"d08fb81b-3","name":"CanvasMaskPixels.js"},{"uid":"d08fb81b-5","name":"ImageMask.js"},{"uid":"d08fb81b-7","name":"FontTextMask.js"},{"uid":"d08fb81b-9","name":"TextMaskLine.js"},{"uid":"d08fb81b-11","name":"TextMask.js"},{"uid":"d08fb81b-13","name":"CanvasMask.js"}]},{"uid":"d08fb81b-15","name":"CanvasMaskPlugin.js"},{"uid":"d08fb81b-17","name":"index.js"},{"uid":"d08fb81b-19","name":"browser.js"},{"uid":"d08fb81b-21","name":"utils.js"},{"uid":"d08fb81b-23","name":"CanvasMaskPluginInstance.js"}]}]}],"isRoot":true},"nodeParts":{"d08fb81b-1":{"renderedLength":479,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-0"},"d08fb81b-3":{"renderedLength":909,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-2"},"d08fb81b-5":{"renderedLength":302,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-4"},"d08fb81b-7":{"renderedLength":913,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-6"},"d08fb81b-9":{"renderedLength":490,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-8"},"d08fb81b-11":{"renderedLength":794,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-10"},"d08fb81b-13":{"renderedLength":1609,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-12"},"d08fb81b-15":{"renderedLength":830,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-14"},"d08fb81b-17":{"renderedLength":219,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-16"},"d08fb81b-19":{"renderedLength":183,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-18"},"d08fb81b-21":{"renderedLength":2638,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-20"},"d08fb81b-23":{"renderedLength":1796,"gzipLength":0,"brotliLength":0,"metaUid":"d08fb81b-22"}},"nodeMetas":{"d08fb81b-0":{"id":"/dist/browser/Options/Classes/CanvasMaskOverride.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-1"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-12"}]},"d08fb81b-2":{"id":"/dist/browser/Options/Classes/CanvasMaskPixels.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-3"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-12"}]},"d08fb81b-4":{"id":"/dist/browser/Options/Classes/ImageMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-5"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-12"}]},"d08fb81b-6":{"id":"/dist/browser/Options/Classes/FontTextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-7"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-10"}]},"d08fb81b-8":{"id":"/dist/browser/Options/Classes/TextMaskLine.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-9"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-10"}]},"d08fb81b-10":{"id":"/dist/browser/Options/Classes/TextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-11"},"imported":[{"uid":"d08fb81b-24"},{"uid":"d08fb81b-6"},{"uid":"d08fb81b-8"}],"importedBy":[{"uid":"d08fb81b-12"}]},"d08fb81b-12":{"id":"/dist/browser/Options/Classes/CanvasMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-13"},"imported":[{"uid":"d08fb81b-24"},{"uid":"d08fb81b-0"},{"uid":"d08fb81b-2"},{"uid":"d08fb81b-4"},{"uid":"d08fb81b-10"}],"importedBy":[{"uid":"d08fb81b-14"}]},"d08fb81b-14":{"id":"/dist/browser/CanvasMaskPlugin.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-15"},"imported":[{"uid":"d08fb81b-12"},{"uid":"d08fb81b-22","dynamic":true}],"importedBy":[{"uid":"d08fb81b-16"}]},"d08fb81b-16":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-17"},"imported":[{"uid":"d08fb81b-14"}],"importedBy":[{"uid":"d08fb81b-18"}]},"d08fb81b-18":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-19"},"imported":[{"uid":"d08fb81b-16"}],"importedBy":[],"isEntry":true},"d08fb81b-20":{"id":"/dist/browser/utils.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-21"},"imported":[{"uid":"d08fb81b-24"}],"importedBy":[{"uid":"d08fb81b-22"}]},"d08fb81b-22":{"id":"/dist/browser/CanvasMaskPluginInstance.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"d08fb81b-23"},"imported":[{"uid":"d08fb81b-25"},{"uid":"d08fb81b-24"},{"uid":"d08fb81b-20"}],"importedBy":[{"uid":"d08fb81b-14"}]},"d08fb81b-24":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"d08fb81b-12"},{"uid":"d08fb81b-22"},{"uid":"d08fb81b-0"},{"uid":"d08fb81b-2"},{"uid":"d08fb81b-4"},{"uid":"d08fb81b-10"},{"uid":"d08fb81b-20"},{"uid":"d08fb81b-6"},{"uid":"d08fb81b-8"}],"isExternal":true},"d08fb81b-25":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"d08fb81b-22"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.plugin.canvas-mask.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"8b0bcca6-1","name":"CanvasMaskOverride.js"},{"uid":"8b0bcca6-3","name":"CanvasMaskPixels.js"},{"uid":"8b0bcca6-5","name":"ImageMask.js"},{"uid":"8b0bcca6-7","name":"FontTextMask.js"},{"uid":"8b0bcca6-9","name":"TextMaskLine.js"},{"uid":"8b0bcca6-11","name":"TextMask.js"},{"uid":"8b0bcca6-13","name":"CanvasMask.js"}]},{"uid":"8b0bcca6-15","name":"CanvasMaskPlugin.js"},{"uid":"8b0bcca6-17","name":"index.js"},{"uid":"8b0bcca6-19","name":"browser.js"},{"uid":"8b0bcca6-21","name":"utils.js"},{"uid":"8b0bcca6-23","name":"CanvasMaskPluginInstance.js"}]}]}],"isRoot":true},"nodeParts":{"8b0bcca6-1":{"renderedLength":479,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-0"},"8b0bcca6-3":{"renderedLength":909,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-2"},"8b0bcca6-5":{"renderedLength":302,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-4"},"8b0bcca6-7":{"renderedLength":913,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-6"},"8b0bcca6-9":{"renderedLength":490,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-8"},"8b0bcca6-11":{"renderedLength":794,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-10"},"8b0bcca6-13":{"renderedLength":1609,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-12"},"8b0bcca6-15":{"renderedLength":830,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-14"},"8b0bcca6-17":{"renderedLength":219,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-16"},"8b0bcca6-19":{"renderedLength":183,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-18"},"8b0bcca6-21":{"renderedLength":2641,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-20"},"8b0bcca6-23":{"renderedLength":1796,"gzipLength":0,"brotliLength":0,"metaUid":"8b0bcca6-22"}},"nodeMetas":{"8b0bcca6-0":{"id":"/dist/browser/Options/Classes/CanvasMaskOverride.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-1"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-12"}]},"8b0bcca6-2":{"id":"/dist/browser/Options/Classes/CanvasMaskPixels.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-3"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-12"}]},"8b0bcca6-4":{"id":"/dist/browser/Options/Classes/ImageMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-5"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-12"}]},"8b0bcca6-6":{"id":"/dist/browser/Options/Classes/FontTextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-7"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-10"}]},"8b0bcca6-8":{"id":"/dist/browser/Options/Classes/TextMaskLine.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-9"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-10"}]},"8b0bcca6-10":{"id":"/dist/browser/Options/Classes/TextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-11"},"imported":[{"uid":"8b0bcca6-24"},{"uid":"8b0bcca6-6"},{"uid":"8b0bcca6-8"}],"importedBy":[{"uid":"8b0bcca6-12"}]},"8b0bcca6-12":{"id":"/dist/browser/Options/Classes/CanvasMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-13"},"imported":[{"uid":"8b0bcca6-24"},{"uid":"8b0bcca6-0"},{"uid":"8b0bcca6-2"},{"uid":"8b0bcca6-4"},{"uid":"8b0bcca6-10"}],"importedBy":[{"uid":"8b0bcca6-14"}]},"8b0bcca6-14":{"id":"/dist/browser/CanvasMaskPlugin.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-15"},"imported":[{"uid":"8b0bcca6-12"},{"uid":"8b0bcca6-22","dynamic":true}],"importedBy":[{"uid":"8b0bcca6-16"}]},"8b0bcca6-16":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-17"},"imported":[{"uid":"8b0bcca6-14"}],"importedBy":[{"uid":"8b0bcca6-18"}]},"8b0bcca6-18":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-19"},"imported":[{"uid":"8b0bcca6-16"}],"importedBy":[],"isEntry":true},"8b0bcca6-20":{"id":"/dist/browser/utils.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-21"},"imported":[{"uid":"8b0bcca6-24"}],"importedBy":[{"uid":"8b0bcca6-22"}]},"8b0bcca6-22":{"id":"/dist/browser/CanvasMaskPluginInstance.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"8b0bcca6-23"},"imported":[{"uid":"8b0bcca6-25"},{"uid":"8b0bcca6-24"},{"uid":"8b0bcca6-20"}],"importedBy":[{"uid":"8b0bcca6-14"}]},"8b0bcca6-24":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b0bcca6-12"},{"uid":"8b0bcca6-22"},{"uid":"8b0bcca6-0"},{"uid":"8b0bcca6-2"},{"uid":"8b0bcca6-4"},{"uid":"8b0bcca6-10"},{"uid":"8b0bcca6-20"},{"uid":"8b0bcca6-6"},{"uid":"8b0bcca6-8"}],"isExternal":true},"8b0bcca6-25":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b0bcca6-22"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.plugin.canvas-mask.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Plugin v4.0.5 */
+/* Plugin v4.1.1 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine'), require('@tsparticles/canvas-utils')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', '@tsparticles/canvas-utils'], factory) :
@@ -235,7 +235,7 @@
     }
 
     async function loadCanvasMaskPlugin(engine) {
-        engine.checkVersion("4.0.5");
+        engine.checkVersion("4.1.1");
         await engine.pluginManager.register(e => {
             e.pluginManager.addPlugin(new CanvasMaskPlugin());
         });
@@ -283,7 +283,7 @@
                 };
             }
             if (override.opacity) {
-                pOptions.opacity = {
+                pOptions["opacity"] = {
                     value: pixel.a,
                 };
             }
@@ -309,12 +309,12 @@
     const range = (n) => [...Array(n).keys()];
 
     class CanvasMaskPluginInstance {
-        _container;
+        #container;
         constructor(container) {
-            this._container = container;
+            this.#container = container;
         }
         async init() {
-            const container = this._container, options = container.actualOptions.canvasMask;
+            const container = this.#container, options = container.actualOptions.canvasMask;
             if (!options?.enable) {
                 return;
             }

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

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.canvasMask=t.__tsParticlesInternals.plugins.canvasMask||{}),t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e){"use strict";class n{color;opacity;constructor(){this.color=!0,this.opacity=!1}load(t){s.isNull(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class a{filter;offset;constructor(){this.filter=t=>t.a>0,this.offset=4}load(t){if(!s.isNull(t)){if(void 0!==t.filter)if(s.isString(t.filter)){if(t.filter in globalThis){const e=globalThis[t.filter];s.isFunction(e)&&(this.filter=e)}}else this.filter=t.filter;void 0!==t.offset&&(this.offset=t.offset)}}}class i{src;constructor(){this.src=""}load(t){s.isNull(t)||void 0!==t.src&&(this.src=t.src)}}class l{family;size;style;variant;weight;constructor(){this.family="sans-serif",this.size=100,this.style="",this.variant="",this.weight=""}load(t){s.isNull(t)||(void 0!==t.family&&(this.family=t.family),void 0!==t.size&&(this.size=t.size),void 0!==t.style&&(this.style=t.style),void 0!==t.variant&&(this.variant=t.variant),void 0!==t.weight&&(this.weight=t.weight))}}class r{separator;spacing;constructor(){this.separator="\n",this.spacing=10}load(t){s.isNull(t)||(void 0!==t.separator&&(this.separator=t.separator),void 0!==t.spacing&&(this.spacing=t.spacing))}}class c{color;fill;font;lines;text;constructor(){this.color="#000000",this.fill=!0,this.font=new l,this.lines=new r,this.text=""}load(t){s.isNull(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.fill&&(this.fill=t.fill),this.font.load(t.font),this.lines.load(t.lines),void 0!==t.text&&(this.text=t.text))}}class o{element;enable;image;override;pixels;position;scale;selector;text;constructor(){this.enable=!1,this.override=new n,this.pixels=new a,this.position={x:50,y:50},this.scale=1}load(t){s.isNull(t)||(void 0!==t.element&&t.element instanceof HTMLCanvasElement&&(this.element=t.element),void 0!==t.enable&&(this.enable=t.enable),t.image&&(this.image??=new i,this.image.load(t.image)),this.pixels.load(t.pixels),t.position&&(this.position={x:t.position.x??this.position.x,y:t.position.y??this.position.y}),this.override.load(t.override),void 0!==t.scale&&(this.scale=t.scale),void 0!==t.selector&&(this.selector=t.selector),t.text&&(this.text??=new c,this.text.load(t.text)))}}class _{id="canvas-mask";async getPlugin(t){const{CanvasMaskPluginInstance:s}=await Promise.resolve().then(function(){return P});return new s(t)}loadOptions(t,s,e){if(!this.needsPlugin(s)&&!this.needsPlugin(e))return;let n=s.canvasMask;void 0===n?.load&&(s.canvasMask=n=new o),n.load(e?.canvasMask)}needsPlugin(t){return t?.canvasMask?.enable??!1}}async function h(t){t.checkVersion("4.0.5"),await t.pluginManager.register(t=>{t.pluginManager.addPlugin(new _)})}const p=globalThis;function u(t,e,n,a,i,l){const{height:r,width:c}=e,o=r*c,_=function(t){const e=1,n=0;for(let a=t.length-e;a>=n;a--){const e=Math.floor(s.getRandom()*a),n=t[a],i=t[e];i!==n&&(void 0!==i&&void 0!==n&&(t[a]=i,t[e]=n))}return t}(f(o)),h=Math.min(o,t.actualOptions.particles.number.value),p=t.canvas.size;let u=0;const P=p.width*n.x/s.percentDenominator-c*a*s.half,d=p.height*n.y/s.percentDenominator-r*a*s.half;for(;u<h&&_.length;){const s=0,n=_.pop()??s,r={x:n%c,y:Math.floor(n/c)},o=e.pixels[r.y];if(!o)continue;const h=o[r.x];if(!h)continue;if(!l(h))continue;const p={x:r.x*a+P,y:r.y*a+d},f={};i.color&&(f.paint={fill:{color:{value:h},enable:!0}}),i.opacity&&(f.opacity={value:h.a}),t.particles.addParticle(p,f),u++}}p.__tsParticlesInternals=p.__tsParticlesInternals??{},p.loadCanvasMaskPlugin=h;const f=t=>[...Array(t).keys()];var P=Object.freeze({__proto__:null,CanvasMaskPluginInstance:class{_container;constructor(t){this._container=t}async init(){const t=this._container,n=t.actualOptions.canvasMask;if(!n?.enable)return;let a={pixels:[],height:0,width:0};const i=n.pixels.offset;if(n.image){const s=n.image.src;if(!s)return;a=await e.getImageData(s,i,t.canvas.render.settings)}else if(n.text){const l=n.text,r=e.getTextData(l,i,l.fill,t.canvas.render.settings);if(s.isNull(r))return;a=r}else if(n.element??n.selector){const l=n.element??(n.selector&&s.safeDocument().querySelector(n.selector));if(!l)return;const r=l.getContext("2d",t.canvas.render.settings);if(!r)return;a=e.getCanvasImageData(r,l,i)}u(t,a,n.position,n.scale,n.override,n.pixels.filter)}}});t.loadCanvasMaskPlugin=h}),Object.assign(globalThis.window||globalThis,{loadCanvasMaskPlugin:(globalThis.__tsParticlesInternals.plugins.canvasMask||{}).loadCanvasMaskPlugin}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.canvasMask=t.__tsParticlesInternals.plugins.canvasMask||{}),t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e){"use strict";class n{color;opacity;constructor(){this.color=!0,this.opacity=!1}load(t){s.isNull(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class a{filter;offset;constructor(){this.filter=t=>t.a>0,this.offset=4}load(t){if(!s.isNull(t)){if(void 0!==t.filter)if(s.isString(t.filter)){if(t.filter in globalThis){const e=globalThis[t.filter];s.isFunction(e)&&(this.filter=e)}}else this.filter=t.filter;void 0!==t.offset&&(this.offset=t.offset)}}}class i{src;constructor(){this.src=""}load(t){s.isNull(t)||void 0!==t.src&&(this.src=t.src)}}class l{family;size;style;variant;weight;constructor(){this.family="sans-serif",this.size=100,this.style="",this.variant="",this.weight=""}load(t){s.isNull(t)||(void 0!==t.family&&(this.family=t.family),void 0!==t.size&&(this.size=t.size),void 0!==t.style&&(this.style=t.style),void 0!==t.variant&&(this.variant=t.variant),void 0!==t.weight&&(this.weight=t.weight))}}class r{separator;spacing;constructor(){this.separator="\n",this.spacing=10}load(t){s.isNull(t)||(void 0!==t.separator&&(this.separator=t.separator),void 0!==t.spacing&&(this.spacing=t.spacing))}}class c{color;fill;font;lines;text;constructor(){this.color="#000000",this.fill=!0,this.font=new l,this.lines=new r,this.text=""}load(t){s.isNull(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.fill&&(this.fill=t.fill),this.font.load(t.font),this.lines.load(t.lines),void 0!==t.text&&(this.text=t.text))}}class o{element;enable;image;override;pixels;position;scale;selector;text;constructor(){this.enable=!1,this.override=new n,this.pixels=new a,this.position={x:50,y:50},this.scale=1}load(t){s.isNull(t)||(void 0!==t.element&&t.element instanceof HTMLCanvasElement&&(this.element=t.element),void 0!==t.enable&&(this.enable=t.enable),t.image&&(this.image??=new i,this.image.load(t.image)),this.pixels.load(t.pixels),t.position&&(this.position={x:t.position.x??this.position.x,y:t.position.y??this.position.y}),this.override.load(t.override),void 0!==t.scale&&(this.scale=t.scale),void 0!==t.selector&&(this.selector=t.selector),t.text&&(this.text??=new c,this.text.load(t.text)))}}class _{id="canvas-mask";async getPlugin(t){const{CanvasMaskPluginInstance:s}=await Promise.resolve().then(function(){return P});return new s(t)}loadOptions(t,s,e){if(!this.needsPlugin(s)&&!this.needsPlugin(e))return;let n=s.canvasMask;void 0===n?.load&&(s.canvasMask=n=new o),n.load(e?.canvasMask)}needsPlugin(t){return t?.canvasMask?.enable??!1}}async function h(t){t.checkVersion("4.1.1"),await t.pluginManager.register(t=>{t.pluginManager.addPlugin(new _)})}const p=globalThis;function u(t,e,n,a,i,l){const{height:r,width:c}=e,o=r*c,_=function(t){const e=1,n=0;for(let a=t.length-e;a>=n;a--){const e=Math.floor(s.getRandom()*a),n=t[a],i=t[e];i!==n&&(void 0!==i&&void 0!==n&&(t[a]=i,t[e]=n))}return t}(f(o)),h=Math.min(o,t.actualOptions.particles.number.value),p=t.canvas.size;let u=0;const P=p.width*n.x/s.percentDenominator-c*a*s.half,d=p.height*n.y/s.percentDenominator-r*a*s.half;for(;u<h&&_.length;){const s=0,n=_.pop()??s,r={x:n%c,y:Math.floor(n/c)},o=e.pixels[r.y];if(!o)continue;const h=o[r.x];if(!h)continue;if(!l(h))continue;const p={x:r.x*a+P,y:r.y*a+d},f={};i.color&&(f.paint={fill:{color:{value:h},enable:!0}}),i.opacity&&(f.opacity={value:h.a}),t.particles.addParticle(p,f),u++}}p.__tsParticlesInternals=p.__tsParticlesInternals??{},p.loadCanvasMaskPlugin=h;const f=t=>[...Array(t).keys()];var P=Object.freeze({__proto__:null,CanvasMaskPluginInstance:class{#t;constructor(t){this.#t=t}async init(){const t=this.#t,n=t.actualOptions.canvasMask;if(!n?.enable)return;let a={pixels:[],height:0,width:0};const i=n.pixels.offset;if(n.image){const s=n.image.src;if(!s)return;a=await e.getImageData(s,i,t.canvas.render.settings)}else if(n.text){const l=n.text,r=e.getTextData(l,i,l.fill,t.canvas.render.settings);if(s.isNull(r))return;a=r}else if(n.element??n.selector){const l=n.element??(n.selector&&s.safeDocument().querySelector(n.selector));if(!l)return;const r=l.getContext("2d",t.canvas.render.settings);if(!r)return;a=e.getCanvasImageData(r,l,i)}u(t,a,n.position,n.scale,n.override,n.pixels.filter)}}});t.loadCanvasMaskPlugin=h}),Object.assign(globalThis.window||globalThis,{loadCanvasMaskPlugin:(globalThis.__tsParticlesInternals.plugins.canvasMask||{}).loadCanvasMaskPlugin}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/CanvasMaskPluginInstance.d.ts

@@ -1,7 +1,7 @@
 import { type IContainerPlugin } from "@tsparticles/engine";
 import type { CanvasMaskContainer } from "./types.js";
 export declare class CanvasMaskPluginInstance implements IContainerPlugin {
-    private readonly _container;
+    #private;
     constructor(container: CanvasMaskContainer);
     init(): Promise<void>;
 }