@tsparticles/plugin-canvas-mask 4.1.3 → 4.2.0

package/browser/Options/Classes/CanvasMask.js

@@ -1,27 +1,23 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty, } from "@tsparticles/engine";
 import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
 import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
 import { ImageMask } from "./ImageMask.js";
 import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     element;
-    enable;
+    enable = false;
     image;
-    override;
-    pixels;
+    override = new CanvasMaskOverride();
+    pixels = new CanvasMaskPixels();
     position;
-    scale;
+    scale = 1;
     selector;
     text;
     constructor() {
-        this.enable = false;
-        this.override = new CanvasMaskOverride();
-        this.pixels = new CanvasMaskPixels();
         this.position = {
             x: 50,
             y: 50,
         };
-        this.scale = 1;
     }
     load(data) {
         if (isNull(data)) {
@@ -30,9 +26,7 @@ export class CanvasMask {
         if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
             this.element = data.element;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         if (data.image) {
             this.image ??= new ImageMask();
             this.image.load(data.image);
@@ -45,12 +39,8 @@ export class CanvasMask {
             };
         }
         this.override.load(data.override);
-        if (data.scale !== undefined) {
-            this.scale = data.scale;
-        }
-        if (data.selector !== undefined) {
-            this.selector = data.selector;
-        }
+        loadProperty(this, "scale", data.scale);
+        loadProperty(this, "selector", data.selector);
         if (data.text) {
             this.text ??= new TextMask();
             this.text.load(data.text);

package/browser/Options/Classes/CanvasMaskOverride.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class CanvasMaskOverride {
-    color;
-    opacity;
-    constructor() {
-        this.color = true;
-        this.opacity = false;
-    }
+    color = true;
+    opacity = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "opacity", data.opacity);
     }
 }

package/browser/Options/Classes/CanvasMaskPixels.js

@@ -1,12 +1,8 @@
-import { isFunction, isNull, isString, } from "@tsparticles/engine";
+import { isFunction, isNull, isString, loadProperty, } from "@tsparticles/engine";
 const minAlpha = 0;
 export class CanvasMaskPixels {
-    filter;
-    offset;
-    constructor() {
-        this.filter = (pixel) => pixel.a > minAlpha;
-        this.offset = 4;
-    }
+    offset = 4;
+    filter = (pixel) => pixel.a > minAlpha;
     load(data) {
         if (isNull(data)) {
             return;
@@ -24,8 +20,6 @@ export class CanvasMaskPixels {
                 this.filter = data.filter;
             }
         }
-        if (data.offset !== undefined) {
-            this.offset = data.offset;
-        }
+        loadProperty(this, "offset", data.offset);
     }
 }

package/browser/Options/Classes/FontTextMask.js

@@ -1,35 +1,18 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class FontTextMask {
-    family;
-    size;
-    style;
-    variant;
-    weight;
-    constructor() {
-        this.family = "sans-serif";
-        this.size = 100;
-        this.style = "";
-        this.variant = "";
-        this.weight = "";
-    }
+    family = "sans-serif";
+    size = 100;
+    style = "";
+    variant = "";
+    weight = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.family !== undefined) {
-            this.family = data.family;
-        }
-        if (data.size !== undefined) {
-            this.size = data.size;
-        }
-        if (data.style !== undefined) {
-            this.style = data.style;
-        }
-        if (data.variant !== undefined) {
-            this.variant = data.variant;
-        }
-        if (data.weight !== undefined) {
-            this.weight = data.weight;
-        }
+        loadProperty(this, "family", data.family);
+        loadProperty(this, "size", data.size);
+        loadProperty(this, "style", data.style);
+        loadProperty(this, "variant", data.variant);
+        loadProperty(this, "weight", data.weight);
     }
 }

package/browser/Options/Classes/ImageMask.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class ImageMask {
-    src;
-    constructor() {
-        this.src = "";
-    }
+    src = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.src !== undefined) {
-            this.src = data.src;
-        }
+        loadProperty(this, "src", data.src);
     }
 }

package/browser/Options/Classes/TextMask.js

@@ -1,33 +1,20 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { FontTextMask } from "./FontTextMask.js";
 import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
-    color;
-    fill;
-    font;
-    lines;
-    text;
-    constructor() {
-        this.color = "#000000";
-        this.fill = true;
-        this.font = new FontTextMask();
-        this.lines = new TextMaskLine();
-        this.text = "";
-    }
+    color = "#000000";
+    fill = true;
+    font = new FontTextMask();
+    lines = new TextMaskLine();
+    text = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.fill !== undefined) {
-            this.fill = data.fill;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "fill", data.fill);
         this.font.load(data.font);
         this.lines.load(data.lines);
-        if (data.text !== undefined) {
-            this.text = data.text;
-        }
+        loadProperty(this, "text", data.text);
     }
 }

package/browser/Options/Classes/TextMaskLine.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class TextMaskLine {
-    separator;
-    spacing;
-    constructor() {
-        this.separator = "\n";
-        this.spacing = 10;
-    }
+    separator = "\n";
+    spacing = 10;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.separator !== undefined) {
-            this.separator = data.separator;
-        }
-        if (data.spacing !== undefined) {
-            this.spacing = data.spacing;
-        }
+        loadProperty(this, "separator", data.separator);
+        loadProperty(this, "spacing", data.spacing);
     }
 }

package/browser/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     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.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/cjs/Options/Classes/CanvasMask.js

@@ -1,27 +1,23 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty, } from "@tsparticles/engine";
 import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
 import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
 import { ImageMask } from "./ImageMask.js";
 import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     element;
-    enable;
+    enable = false;
     image;
-    override;
-    pixels;
+    override = new CanvasMaskOverride();
+    pixels = new CanvasMaskPixels();
     position;
-    scale;
+    scale = 1;
     selector;
     text;
     constructor() {
-        this.enable = false;
-        this.override = new CanvasMaskOverride();
-        this.pixels = new CanvasMaskPixels();
         this.position = {
             x: 50,
             y: 50,
         };
-        this.scale = 1;
     }
     load(data) {
         if (isNull(data)) {
@@ -30,9 +26,7 @@ export class CanvasMask {
         if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
             this.element = data.element;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         if (data.image) {
             this.image ??= new ImageMask();
             this.image.load(data.image);
@@ -45,12 +39,8 @@ export class CanvasMask {
             };
         }
         this.override.load(data.override);
-        if (data.scale !== undefined) {
-            this.scale = data.scale;
-        }
-        if (data.selector !== undefined) {
-            this.selector = data.selector;
-        }
+        loadProperty(this, "scale", data.scale);
+        loadProperty(this, "selector", data.selector);
         if (data.text) {
             this.text ??= new TextMask();
             this.text.load(data.text);

package/cjs/Options/Classes/CanvasMaskOverride.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class CanvasMaskOverride {
-    color;
-    opacity;
-    constructor() {
-        this.color = true;
-        this.opacity = false;
-    }
+    color = true;
+    opacity = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "opacity", data.opacity);
     }
 }

package/cjs/Options/Classes/CanvasMaskPixels.js

@@ -1,12 +1,8 @@
-import { isFunction, isNull, isString, } from "@tsparticles/engine";
+import { isFunction, isNull, isString, loadProperty, } from "@tsparticles/engine";
 const minAlpha = 0;
 export class CanvasMaskPixels {
-    filter;
-    offset;
-    constructor() {
-        this.filter = (pixel) => pixel.a > minAlpha;
-        this.offset = 4;
-    }
+    offset = 4;
+    filter = (pixel) => pixel.a > minAlpha;
     load(data) {
         if (isNull(data)) {
             return;
@@ -24,8 +20,6 @@ export class CanvasMaskPixels {
                 this.filter = data.filter;
             }
         }
-        if (data.offset !== undefined) {
-            this.offset = data.offset;
-        }
+        loadProperty(this, "offset", data.offset);
     }
 }

package/cjs/Options/Classes/FontTextMask.js

@@ -1,35 +1,18 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class FontTextMask {
-    family;
-    size;
-    style;
-    variant;
-    weight;
-    constructor() {
-        this.family = "sans-serif";
-        this.size = 100;
-        this.style = "";
-        this.variant = "";
-        this.weight = "";
-    }
+    family = "sans-serif";
+    size = 100;
+    style = "";
+    variant = "";
+    weight = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.family !== undefined) {
-            this.family = data.family;
-        }
-        if (data.size !== undefined) {
-            this.size = data.size;
-        }
-        if (data.style !== undefined) {
-            this.style = data.style;
-        }
-        if (data.variant !== undefined) {
-            this.variant = data.variant;
-        }
-        if (data.weight !== undefined) {
-            this.weight = data.weight;
-        }
+        loadProperty(this, "family", data.family);
+        loadProperty(this, "size", data.size);
+        loadProperty(this, "style", data.style);
+        loadProperty(this, "variant", data.variant);
+        loadProperty(this, "weight", data.weight);
     }
 }

package/cjs/Options/Classes/ImageMask.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class ImageMask {
-    src;
-    constructor() {
-        this.src = "";
-    }
+    src = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.src !== undefined) {
-            this.src = data.src;
-        }
+        loadProperty(this, "src", data.src);
     }
 }

package/cjs/Options/Classes/TextMask.js

@@ -1,33 +1,20 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { FontTextMask } from "./FontTextMask.js";
 import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
-    color;
-    fill;
-    font;
-    lines;
-    text;
-    constructor() {
-        this.color = "#000000";
-        this.fill = true;
-        this.font = new FontTextMask();
-        this.lines = new TextMaskLine();
-        this.text = "";
-    }
+    color = "#000000";
+    fill = true;
+    font = new FontTextMask();
+    lines = new TextMaskLine();
+    text = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.fill !== undefined) {
-            this.fill = data.fill;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "fill", data.fill);
         this.font.load(data.font);
         this.lines.load(data.lines);
-        if (data.text !== undefined) {
-            this.text = data.text;
-        }
+        loadProperty(this, "text", data.text);
     }
 }

package/cjs/Options/Classes/TextMaskLine.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class TextMaskLine {
-    separator;
-    spacing;
-    constructor() {
-        this.separator = "\n";
-        this.spacing = 10;
-    }
+    separator = "\n";
+    spacing = 10;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.separator !== undefined) {
-            this.separator = data.separator;
-        }
-        if (data.spacing !== undefined) {
-            this.spacing = data.spacing;
-        }
+        loadProperty(this, "separator", data.separator);
+        loadProperty(this, "spacing", data.spacing);
     }
 }

package/cjs/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     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.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/esm/Options/Classes/CanvasMask.js

@@ -1,27 +1,23 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty, } from "@tsparticles/engine";
 import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
 import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
 import { ImageMask } from "./ImageMask.js";
 import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     element;
-    enable;
+    enable = false;
     image;
-    override;
-    pixels;
+    override = new CanvasMaskOverride();
+    pixels = new CanvasMaskPixels();
     position;
-    scale;
+    scale = 1;
     selector;
     text;
     constructor() {
-        this.enable = false;
-        this.override = new CanvasMaskOverride();
-        this.pixels = new CanvasMaskPixels();
         this.position = {
             x: 50,
             y: 50,
         };
-        this.scale = 1;
     }
     load(data) {
         if (isNull(data)) {
@@ -30,9 +26,7 @@ export class CanvasMask {
         if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
             this.element = data.element;
         }
-        if (data.enable !== undefined) {
-            this.enable = data.enable;
-        }
+        loadProperty(this, "enable", data.enable);
         if (data.image) {
             this.image ??= new ImageMask();
             this.image.load(data.image);
@@ -45,12 +39,8 @@ export class CanvasMask {
             };
         }
         this.override.load(data.override);
-        if (data.scale !== undefined) {
-            this.scale = data.scale;
-        }
-        if (data.selector !== undefined) {
-            this.selector = data.selector;
-        }
+        loadProperty(this, "scale", data.scale);
+        loadProperty(this, "selector", data.selector);
         if (data.text) {
             this.text ??= new TextMask();
             this.text.load(data.text);

package/esm/Options/Classes/CanvasMaskOverride.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class CanvasMaskOverride {
-    color;
-    opacity;
-    constructor() {
-        this.color = true;
-        this.opacity = false;
-    }
+    color = true;
+    opacity = false;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "opacity", data.opacity);
     }
 }

package/esm/Options/Classes/CanvasMaskPixels.js

@@ -1,12 +1,8 @@
-import { isFunction, isNull, isString, } from "@tsparticles/engine";
+import { isFunction, isNull, isString, loadProperty, } from "@tsparticles/engine";
 const minAlpha = 0;
 export class CanvasMaskPixels {
-    filter;
-    offset;
-    constructor() {
-        this.filter = (pixel) => pixel.a > minAlpha;
-        this.offset = 4;
-    }
+    offset = 4;
+    filter = (pixel) => pixel.a > minAlpha;
     load(data) {
         if (isNull(data)) {
             return;
@@ -24,8 +20,6 @@ export class CanvasMaskPixels {
                 this.filter = data.filter;
             }
         }
-        if (data.offset !== undefined) {
-            this.offset = data.offset;
-        }
+        loadProperty(this, "offset", data.offset);
     }
 }

package/esm/Options/Classes/FontTextMask.js

@@ -1,35 +1,18 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class FontTextMask {
-    family;
-    size;
-    style;
-    variant;
-    weight;
-    constructor() {
-        this.family = "sans-serif";
-        this.size = 100;
-        this.style = "";
-        this.variant = "";
-        this.weight = "";
-    }
+    family = "sans-serif";
+    size = 100;
+    style = "";
+    variant = "";
+    weight = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.family !== undefined) {
-            this.family = data.family;
-        }
-        if (data.size !== undefined) {
-            this.size = data.size;
-        }
-        if (data.style !== undefined) {
-            this.style = data.style;
-        }
-        if (data.variant !== undefined) {
-            this.variant = data.variant;
-        }
-        if (data.weight !== undefined) {
-            this.weight = data.weight;
-        }
+        loadProperty(this, "family", data.family);
+        loadProperty(this, "size", data.size);
+        loadProperty(this, "style", data.style);
+        loadProperty(this, "variant", data.variant);
+        loadProperty(this, "weight", data.weight);
     }
 }

package/esm/Options/Classes/ImageMask.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class ImageMask {
-    src;
-    constructor() {
-        this.src = "";
-    }
+    src = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.src !== undefined) {
-            this.src = data.src;
-        }
+        loadProperty(this, "src", data.src);
     }
 }

package/esm/Options/Classes/TextMask.js

@@ -1,33 +1,20 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { FontTextMask } from "./FontTextMask.js";
 import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
-    color;
-    fill;
-    font;
-    lines;
-    text;
-    constructor() {
-        this.color = "#000000";
-        this.fill = true;
-        this.font = new FontTextMask();
-        this.lines = new TextMaskLine();
-        this.text = "";
-    }
+    color = "#000000";
+    fill = true;
+    font = new FontTextMask();
+    lines = new TextMaskLine();
+    text = "";
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.color !== undefined) {
-            this.color = data.color;
-        }
-        if (data.fill !== undefined) {
-            this.fill = data.fill;
-        }
+        loadProperty(this, "color", data.color);
+        loadProperty(this, "fill", data.fill);
         this.font.load(data.font);
         this.lines.load(data.lines);
-        if (data.text !== undefined) {
-            this.text = data.text;
-        }
+        loadProperty(this, "text", data.text);
     }
 }

package/esm/Options/Classes/TextMaskLine.js

@@ -1,20 +1,12 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class TextMaskLine {
-    separator;
-    spacing;
-    constructor() {
-        this.separator = "\n";
-        this.spacing = 10;
-    }
+    separator = "\n";
+    spacing = 10;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.separator !== undefined) {
-            this.separator = data.separator;
-        }
-        if (data.spacing !== undefined) {
-            this.spacing = data.spacing;
-        }
+        loadProperty(this, "separator", data.separator);
+        loadProperty(this, "spacing", data.spacing);
     }
 }

package/esm/index.js

@@ -1,6 +1,6 @@
 import { CanvasMaskPlugin } from "./CanvasMaskPlugin.js";
 export async function loadCanvasMaskPlugin(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     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.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { CanvasMaskPlugin } = await import("./CanvasMaskPlugin.js");
         e.pluginManager.addPlugin(new CanvasMaskPlugin());

package/package.json

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

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":"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 data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.plugin.canvas-mask.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"4bc7236a-1","name":"CanvasMaskOverride.js"},{"uid":"4bc7236a-3","name":"CanvasMaskPixels.js"},{"uid":"4bc7236a-5","name":"ImageMask.js"},{"uid":"4bc7236a-7","name":"FontTextMask.js"},{"uid":"4bc7236a-9","name":"TextMaskLine.js"},{"uid":"4bc7236a-11","name":"TextMask.js"},{"uid":"4bc7236a-13","name":"CanvasMask.js"}]},{"uid":"4bc7236a-15","name":"CanvasMaskPlugin.js"},{"uid":"4bc7236a-17","name":"index.js"},{"uid":"4bc7236a-19","name":"browser.js"},{"uid":"4bc7236a-21","name":"utils.js"},{"uid":"4bc7236a-23","name":"CanvasMaskPluginInstance.js"}]}]}],"isRoot":true},"nodeParts":{"4bc7236a-1":{"renderedLength":315,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-0"},"4bc7236a-3":{"renderedLength":785,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-2"},"4bc7236a-5":{"renderedLength":209,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-4"},"4bc7236a-7":{"renderedLength":558,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-6"},"4bc7236a-9":{"renderedLength":318,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-8"},"4bc7236a-11":{"renderedLength":528,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-10"},"4bc7236a-13":{"renderedLength":1387,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-12"},"4bc7236a-15":{"renderedLength":830,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-14"},"4bc7236a-17":{"renderedLength":219,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-16"},"4bc7236a-19":{"renderedLength":183,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-18"},"4bc7236a-21":{"renderedLength":2641,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-20"},"4bc7236a-23":{"renderedLength":1796,"gzipLength":0,"brotliLength":0,"metaUid":"4bc7236a-22"}},"nodeMetas":{"4bc7236a-0":{"id":"/dist/browser/Options/Classes/CanvasMaskOverride.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-1"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-12"}]},"4bc7236a-2":{"id":"/dist/browser/Options/Classes/CanvasMaskPixels.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-3"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-12"}]},"4bc7236a-4":{"id":"/dist/browser/Options/Classes/ImageMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-5"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-12"}]},"4bc7236a-6":{"id":"/dist/browser/Options/Classes/FontTextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-7"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-10"}]},"4bc7236a-8":{"id":"/dist/browser/Options/Classes/TextMaskLine.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-9"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-10"}]},"4bc7236a-10":{"id":"/dist/browser/Options/Classes/TextMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-11"},"imported":[{"uid":"4bc7236a-24"},{"uid":"4bc7236a-6"},{"uid":"4bc7236a-8"}],"importedBy":[{"uid":"4bc7236a-12"}]},"4bc7236a-12":{"id":"/dist/browser/Options/Classes/CanvasMask.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-13"},"imported":[{"uid":"4bc7236a-24"},{"uid":"4bc7236a-0"},{"uid":"4bc7236a-2"},{"uid":"4bc7236a-4"},{"uid":"4bc7236a-10"}],"importedBy":[{"uid":"4bc7236a-14"}]},"4bc7236a-14":{"id":"/dist/browser/CanvasMaskPlugin.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-15"},"imported":[{"uid":"4bc7236a-12"},{"uid":"4bc7236a-22","dynamic":true}],"importedBy":[{"uid":"4bc7236a-16"}]},"4bc7236a-16":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-17"},"imported":[{"uid":"4bc7236a-14"}],"importedBy":[{"uid":"4bc7236a-18"}]},"4bc7236a-18":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-19"},"imported":[{"uid":"4bc7236a-16"}],"importedBy":[],"isEntry":true},"4bc7236a-20":{"id":"/dist/browser/utils.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-21"},"imported":[{"uid":"4bc7236a-24"}],"importedBy":[{"uid":"4bc7236a-22"}]},"4bc7236a-22":{"id":"/dist/browser/CanvasMaskPluginInstance.js","moduleParts":{"tsparticles.plugin.canvas-mask.js":"4bc7236a-23"},"imported":[{"uid":"4bc7236a-25"},{"uid":"4bc7236a-24"},{"uid":"4bc7236a-20"}],"importedBy":[{"uid":"4bc7236a-14"}]},"4bc7236a-24":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"4bc7236a-12"},{"uid":"4bc7236a-22"},{"uid":"4bc7236a-0"},{"uid":"4bc7236a-2"},{"uid":"4bc7236a-4"},{"uid":"4bc7236a-10"},{"uid":"4bc7236a-20"},{"uid":"4bc7236a-6"},{"uid":"4bc7236a-8"}],"isExternal":true},"4bc7236a-25":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"4bc7236a-22"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"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.1.3 */
+/* Plugin v4.2.0 */
 (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) :
@@ -7,33 +7,21 @@
 })(this, (function (exports, engine, canvasUtils) { 'use strict';
 
     class CanvasMaskOverride {
-        color;
-        opacity;
-        constructor() {
-            this.color = true;
-            this.opacity = false;
-        }
+        color = true;
+        opacity = false;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.color !== undefined) {
-                this.color = data.color;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = data.opacity;
-            }
+            engine.loadProperty(this, "color", data.color);
+            engine.loadProperty(this, "opacity", data.opacity);
         }
     }
 
     const minAlpha = 0;
     class CanvasMaskPixels {
-        filter;
-        offset;
-        constructor() {
-            this.filter = (pixel) => pixel.a > minAlpha;
-            this.offset = 4;
-        }
+        offset = 4;
+        filter = (pixel) => pixel.a > minAlpha;
         load(data) {
             if (engine.isNull(data)) {
                 return;
@@ -51,132 +39,83 @@
                     this.filter = data.filter;
                 }
             }
-            if (data.offset !== undefined) {
-                this.offset = data.offset;
-            }
+            engine.loadProperty(this, "offset", data.offset);
         }
     }
 
     class ImageMask {
-        src;
-        constructor() {
-            this.src = "";
-        }
+        src = "";
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.src !== undefined) {
-                this.src = data.src;
-            }
+            engine.loadProperty(this, "src", data.src);
         }
     }
 
     class FontTextMask {
-        family;
-        size;
-        style;
-        variant;
-        weight;
-        constructor() {
-            this.family = "sans-serif";
-            this.size = 100;
-            this.style = "";
-            this.variant = "";
-            this.weight = "";
-        }
+        family = "sans-serif";
+        size = 100;
+        style = "";
+        variant = "";
+        weight = "";
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.family !== undefined) {
-                this.family = data.family;
-            }
-            if (data.size !== undefined) {
-                this.size = data.size;
-            }
-            if (data.style !== undefined) {
-                this.style = data.style;
-            }
-            if (data.variant !== undefined) {
-                this.variant = data.variant;
-            }
-            if (data.weight !== undefined) {
-                this.weight = data.weight;
-            }
+            engine.loadProperty(this, "family", data.family);
+            engine.loadProperty(this, "size", data.size);
+            engine.loadProperty(this, "style", data.style);
+            engine.loadProperty(this, "variant", data.variant);
+            engine.loadProperty(this, "weight", data.weight);
         }
     }
 
     class TextMaskLine {
-        separator;
-        spacing;
-        constructor() {
-            this.separator = "\n";
-            this.spacing = 10;
-        }
+        separator = "\n";
+        spacing = 10;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.separator !== undefined) {
-                this.separator = data.separator;
-            }
-            if (data.spacing !== undefined) {
-                this.spacing = data.spacing;
-            }
+            engine.loadProperty(this, "separator", data.separator);
+            engine.loadProperty(this, "spacing", data.spacing);
         }
     }
 
     class TextMask {
-        color;
-        fill;
-        font;
-        lines;
-        text;
-        constructor() {
-            this.color = "#000000";
-            this.fill = true;
-            this.font = new FontTextMask();
-            this.lines = new TextMaskLine();
-            this.text = "";
-        }
+        color = "#000000";
+        fill = true;
+        font = new FontTextMask();
+        lines = new TextMaskLine();
+        text = "";
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.color !== undefined) {
-                this.color = data.color;
-            }
-            if (data.fill !== undefined) {
-                this.fill = data.fill;
-            }
+            engine.loadProperty(this, "color", data.color);
+            engine.loadProperty(this, "fill", data.fill);
             this.font.load(data.font);
             this.lines.load(data.lines);
-            if (data.text !== undefined) {
-                this.text = data.text;
-            }
+            engine.loadProperty(this, "text", data.text);
         }
     }
 
     class CanvasMask {
         element;
-        enable;
+        enable = false;
         image;
-        override;
-        pixels;
+        override = new CanvasMaskOverride();
+        pixels = new CanvasMaskPixels();
         position;
-        scale;
+        scale = 1;
         selector;
         text;
         constructor() {
-            this.enable = false;
-            this.override = new CanvasMaskOverride();
-            this.pixels = new CanvasMaskPixels();
             this.position = {
                 x: 50,
                 y: 50,
             };
-            this.scale = 1;
         }
         load(data) {
             if (engine.isNull(data)) {
@@ -185,9 +124,7 @@
             if (data.element !== undefined && data.element instanceof HTMLCanvasElement) {
                 this.element = data.element;
             }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
+            engine.loadProperty(this, "enable", data.enable);
             if (data.image) {
                 this.image ??= new ImageMask();
                 this.image.load(data.image);
@@ -200,12 +137,8 @@
                 };
             }
             this.override.load(data.override);
-            if (data.scale !== undefined) {
-                this.scale = data.scale;
-            }
-            if (data.selector !== undefined) {
-                this.selector = data.selector;
-            }
+            engine.loadProperty(this, "scale", data.scale);
+            engine.loadProperty(this, "selector", data.selector);
             if (data.text) {
                 this.text ??= new TextMask();
                 this.text.load(data.text);
@@ -235,7 +168,7 @@
     }
 
     async function loadCanvasMaskPlugin(engine) {
-        engine.checkVersion("4.1.3");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addPlugin(new CanvasMaskPlugin());
         });

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.1.3"),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;
+!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 a{color=!0;opacity=!1;load(t){s.isNull(t)||(s.loadProperty(this,"color",t.color),s.loadProperty(this,"opacity",t.opacity))}}class n{offset=4;filter=t=>t.a>0;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;s.loadProperty(this,"offset",t.offset)}}}class l{src="";load(t){s.isNull(t)||s.loadProperty(this,"src",t.src)}}class i{family="sans-serif";size=100;style="";variant="";weight="";load(t){s.isNull(t)||(s.loadProperty(this,"family",t.family),s.loadProperty(this,"size",t.size),s.loadProperty(this,"style",t.style),s.loadProperty(this,"variant",t.variant),s.loadProperty(this,"weight",t.weight))}}class r{separator="\n";spacing=10;load(t){s.isNull(t)||(s.loadProperty(this,"separator",t.separator),s.loadProperty(this,"spacing",t.spacing))}}class o{color="#000000";fill=!0;font=new i;lines=new r;text="";load(t){s.isNull(t)||(s.loadProperty(this,"color",t.color),s.loadProperty(this,"fill",t.fill),this.font.load(t.font),this.lines.load(t.lines),s.loadProperty(this,"text",t.text))}}class c{element;enable=!1;image;override=new a;pixels=new n;position;scale=1;selector;text;constructor(){this.position={x:50,y:50}}load(t){s.isNull(t)||(void 0!==t.element&&t.element instanceof HTMLCanvasElement&&(this.element=t.element),s.loadProperty(this,"enable",t.enable),t.image&&(this.image??=new l,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),s.loadProperty(this,"scale",t.scale),s.loadProperty(this,"selector",t.selector),t.text&&(this.text??=new o,this.text.load(t.text)))}}class _{id="canvas-mask";async getPlugin(t){const{CanvasMaskPluginInstance:s}=await Promise.resolve().then(function(){return d});return new s(t)}loadOptions(t,s,e){if(!this.needsPlugin(s)&&!this.needsPlugin(e))return;let a=s.canvasMask;void 0===a?.load&&(s.canvasMask=a=new c),a.load(e?.canvasMask)}needsPlugin(t){return t?.canvasMask?.enable??!1}}async function p(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{t.pluginManager.addPlugin(new _)})}const P=globalThis;function u(t,e,a,n,l,i){const{height:r,width:o}=e,c=r*o,_=function(t){const e=1,a=0;for(let n=t.length-e;n>=a;n--){const e=Math.floor(s.getRandom()*n),a=t[n],l=t[e];l!==a&&(void 0!==l&&void 0!==a&&(t[n]=l,t[e]=a))}return t}(h(c)),p=Math.min(c,t.actualOptions.particles.number.value),P=t.canvas.size;let u=0;const d=P.width*a.x/s.percentDenominator-o*n*s.half,f=P.height*a.y/s.percentDenominator-r*n*s.half;for(;u<p&&_.length;){const s=0,a=_.pop()??s,r={x:a%o,y:Math.floor(a/o)},c=e.pixels[r.y];if(!c)continue;const p=c[r.x];if(!p)continue;if(!i(p))continue;const P={x:r.x*n+d,y:r.y*n+f},h={};l.color&&(h.paint={fill:{color:{value:p},enable:!0}}),l.opacity&&(h.opacity={value:p.a}),t.particles.addParticle(P,h),u++}}P.__tsParticlesInternals=P.__tsParticlesInternals??{},P.loadCanvasMaskPlugin=p;const h=t=>[...Array(t).keys()];var d=Object.freeze({__proto__:null,CanvasMaskPluginInstance:class{#t;constructor(t){this.#t=t}async init(){const t=this.#t,a=t.actualOptions.canvasMask;if(!a?.enable)return;let n={pixels:[],height:0,width:0};const l=a.pixels.offset;if(a.image){const s=a.image.src;if(!s)return;n=await e.getImageData(s,l,t.canvas.render.settings)}else if(a.text){const i=a.text,r=e.getTextData(i,l,i.fill,t.canvas.render.settings);if(s.isNull(r))return;n=r}else if(a.element??a.selector){const i=a.element??(a.selector&&s.safeDocument().querySelector(a.selector));if(!i)return;const r=i.getContext("2d",t.canvas.render.settings);if(!r)return;n=e.getCanvasImageData(r,i,l)}u(t,n,a.position,a.scale,a.override,a.pixels.filter)}}});t.loadCanvasMaskPlugin=p}),Object.assign(globalThis.window||globalThis,{loadCanvasMaskPlugin:(globalThis.__tsParticlesInternals.plugins.canvasMask||{}).loadCanvasMaskPlugin}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

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

@@ -3,6 +3,5 @@ import type { ICanvasMaskOverride } from "../Interfaces/ICanvasMaskOverride.js";
 export declare class CanvasMaskOverride implements ICanvasMaskOverride, IOptionLoader<ICanvasMaskOverride> {
     color: boolean;
     opacity: boolean;
-    constructor();
     load(data?: RecursivePartial<ICanvasMaskOverride>): void;
 }

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

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

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

@@ -6,6 +6,5 @@ export declare class FontTextMask implements IFontTextMask, IOptionLoader<IFontT
     style: string;
     variant: string;
     weight: string;
-    constructor();
     load(data?: RecursivePartial<IFontTextMask>): void;
 }

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

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

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

@@ -5,9 +5,8 @@ import { TextMaskLine } from "./TextMaskLine.js";
 export declare class TextMask implements ITextMask, IOptionLoader<ITextMask> {
     color: string;
     fill: boolean;
-    font: FontTextMask;
-    lines: TextMaskLine;
+    readonly font: FontTextMask;
+    readonly lines: TextMaskLine;
     text: string;
-    constructor();
     load(data?: RecursivePartial<ITextMask>): void;
 }

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

@@ -3,6 +3,5 @@ import type { ITextMaskLine } from "../Interfaces/ITextMaskLine.js";
 export declare class TextMaskLine implements ITextMaskLine, IOptionLoader<ITextMaskLine> {
     separator: string;
     spacing: number;
-    constructor();
     load(data?: RecursivePartial<ITextMaskLine>): void;
 }