@tsparticles/plugin-polygon-mask 4.0.0-alpha.8 → 4.0.0-beta.1

package/browser/utils.js

@@ -3,8 +3,8 @@ const squareExp = 2, inSegmentRange = {
     min: 0,
     max: 1,
 };
-export function drawPolygonMask(engine, context, rawData, stroke, hdr = false) {
-    const color = rangeColorToRgb(engine, stroke.color);
+export function drawPolygonMask(pluginManager, context, rawData, stroke, hdr = false) {
+    const color = rangeColorToRgb(pluginManager, stroke.color);
     if (!color) {
         return;
     }
@@ -22,7 +22,7 @@ export function drawPolygonMask(engine, context, rawData, stroke, hdr = false) {
     context.lineWidth = stroke.width;
     context.stroke();
 }
-export function drawPolygonMaskPath(engine, context, path, stroke, position, hdr = false) {
+export function drawPolygonMaskPath(pluginManager, context, path, stroke, position, hdr = false) {
     const defaultTransform = {
         a: 1,
         b: 0,
@@ -30,7 +30,7 @@ export function drawPolygonMaskPath(engine, context, path, stroke, position, hdr
         d: 1,
     };
     context.setTransform(defaultTransform.a, defaultTransform.b, defaultTransform.c, defaultTransform.d, position.x, position.y);
-    const color = rangeColorToRgb(engine, stroke.color);
+    const color = rangeColorToRgb(pluginManager, stroke.color);
     if (!color) {
         return;
     }
@@ -88,6 +88,8 @@ export function parsePaths(paths, scale, offset) {
                 case svgPathSeg.PATHSEG_UNKNOWN:
                 case svgPathSeg.PATHSEG_CLOSEPATH:
                     continue;
+                default:
+                    continue;
             }
             res.push({
                 x: p.x * scale + offset.x,

package/cjs/Options/Classes/PolygonMask.js

@@ -5,8 +5,17 @@ import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg.js";
 import { PolygonMaskMove } from "./PolygonMaskMove.js";
 import { PolygonMaskType } from "../../Enums/PolygonMaskType.js";
 export class PolygonMask {
-    constructor(engine) {
-        this.draw = new PolygonMaskDraw(engine);
+    data;
+    draw;
+    enable;
+    inline;
+    move;
+    position;
+    scale;
+    type;
+    url;
+    constructor(pluginManager) {
+        this.draw = new PolygonMaskDraw(pluginManager);
         this.enable = false;
         this.inline = new PolygonMaskInline();
         this.move = new PolygonMaskMove();

package/cjs/Options/Classes/PolygonMaskDraw.js

@@ -1,9 +1,11 @@
 import { isNull } from "@tsparticles/engine";
 import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke.js";
 export class PolygonMaskDraw {
-    constructor(engine) {
+    enable;
+    stroke;
+    constructor(pluginManager) {
         this.enable = false;
-        this.stroke = new PolygonMaskDrawStroke(engine);
+        this.stroke = new PolygonMaskDrawStroke(pluginManager);
     }
     load(data) {
         if (isNull(data)) {

package/cjs/Options/Classes/PolygonMaskDrawStroke.js

@@ -1,7 +1,11 @@
 import { OptionsColor, isNull, isString, stringToAlpha, } from "@tsparticles/engine";
 export class PolygonMaskDrawStroke {
-    constructor(engine) {
-        this._engine = engine;
+    color;
+    opacity;
+    width;
+    _pluginManager;
+    constructor(pluginManager) {
+        this._pluginManager = pluginManager;
         this.color = new OptionsColor();
         this.width = 0.5;
         this.opacity = 1;
@@ -12,7 +16,7 @@ export class PolygonMaskDrawStroke {
         }
         this.color = OptionsColor.create(this.color, data.color);
         if (isString(this.color.value)) {
-            this.opacity = stringToAlpha(this._engine, this.color.value) ?? this.opacity;
+            this.opacity = stringToAlpha(this._pluginManager, this.color.value) ?? this.opacity;
         }
         if (data.opacity !== undefined) {
             this.opacity = data.opacity;

package/cjs/Options/Classes/PolygonMaskInline.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 import { PolygonMaskInlineArrangement, } from "../../Enums/PolygonMaskInlineArrangement.js";
 export class PolygonMaskInline {
+    arrangement;
     constructor() {
         this.arrangement = PolygonMaskInlineArrangement.onePerPoint;
     }

package/cjs/Options/Classes/PolygonMaskLocalSvg.js

@@ -1,5 +1,7 @@
 import { isNull, } from "@tsparticles/engine";
 export class PolygonMaskLocalSvg {
+    path;
+    size;
     constructor() {
         this.path = [];
         this.size = {

package/cjs/Options/Classes/PolygonMaskMove.js

@@ -1,6 +1,8 @@
 import { isNull } from "@tsparticles/engine";
 import { PolygonMaskMoveType } from "../../Enums/PolygonMaskMoveType.js";
 export class PolygonMaskMove {
+    radius;
+    type;
     constructor() {
         this.radius = 10;
         this.type = PolygonMaskMoveType.path;