@tsparticles/plugin-polygon-mask 3.6.0-beta.1 → 3.7.0

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import "./pathseg.js";
-import type { Engine } from "@tsparticles/engine";
+import { type Engine } from "@tsparticles/engine";
 export declare function loadPolygonMaskPlugin(engine: Engine, refresh?: boolean): Promise<void>;
 export * from "./Enums/PolygonMaskInlineArrangement.js";
 export * from "./Enums/PolygonMaskMoveType.js";

package/types/utils.d.ts

@@ -1,8 +1,8 @@
-import { type ICoordinates, Vector } from "@tsparticles/engine";
+import { type Engine, type ICoordinates, Vector } from "@tsparticles/engine";
 import type { IPolygonMaskDrawStroke } from "./Options/Interfaces/IPolygonMaskDrawStroke.js";
 import type { ISvgPath } from "./Interfaces/ISvgPath.js";
-export declare function drawPolygonMask(context: CanvasRenderingContext2D, rawData: ICoordinates[], stroke: IPolygonMaskDrawStroke): void;
-export declare function drawPolygonMaskPath(context: CanvasRenderingContext2D, path: Path2D, stroke: IPolygonMaskDrawStroke, position: ICoordinates): void;
+export declare function drawPolygonMask(engine: Engine, context: CanvasRenderingContext2D, rawData: ICoordinates[], stroke: IPolygonMaskDrawStroke): void;
+export declare function drawPolygonMaskPath(engine: Engine, context: CanvasRenderingContext2D, path: Path2D, stroke: IPolygonMaskDrawStroke, position: ICoordinates): void;
 export declare function parsePaths(paths: ISvgPath[], scale: number, offset: ICoordinates): ICoordinates[];
 export declare function calcClosestPointOnSegment(s1: ICoordinates, s2: ICoordinates, pos: ICoordinates): ICoordinates & {
     isOnSegment: boolean;

package/umd/Options/Classes/PolygonMask.js

@@ -17,8 +17,8 @@
     const PolygonMaskMove_js_1 = require("./PolygonMaskMove.js");
     const PolygonMaskType_js_1 = require("../../Enums/PolygonMaskType.js");
     class PolygonMask {
-        constructor() {
-            this.draw = new PolygonMaskDraw_js_1.PolygonMaskDraw();
+        constructor(engine) {
+            this.draw = new PolygonMaskDraw_js_1.PolygonMaskDraw(engine);
             this.enable = false;
             this.inline = new PolygonMaskInline_js_1.PolygonMaskInline();
             this.move = new PolygonMaskMove_js_1.PolygonMaskMove();
@@ -26,7 +26,7 @@
             this.type = PolygonMaskType_js_1.PolygonMaskType.none;
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             this.draw.load(data.draw);

package/umd/Options/Classes/PolygonMaskDraw.js

@@ -4,20 +4,21 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./PolygonMaskDrawStroke.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./PolygonMaskDrawStroke.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskDraw = void 0;
+    const engine_1 = require("@tsparticles/engine");
     const PolygonMaskDrawStroke_js_1 = require("./PolygonMaskDrawStroke.js");
     class PolygonMaskDraw {
-        constructor() {
+        constructor(engine) {
             this.enable = false;
-            this.stroke = new PolygonMaskDrawStroke_js_1.PolygonMaskDrawStroke();
+            this.stroke = new PolygonMaskDrawStroke_js_1.PolygonMaskDrawStroke(engine);
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             if (data.enable !== undefined) {

package/umd/Options/Classes/PolygonMaskDrawStroke.js

@@ -12,18 +12,19 @@
     exports.PolygonMaskDrawStroke = void 0;
     const engine_1 = require("@tsparticles/engine");
     class PolygonMaskDrawStroke {
-        constructor() {
+        constructor(engine) {
+            this._engine = engine;
             this.color = new engine_1.OptionsColor();
             this.width = 0.5;
             this.opacity = 1;
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             this.color = engine_1.OptionsColor.create(this.color, data.color);
             if ((0, engine_1.isString)(this.color.value)) {
-                this.opacity = (0, engine_1.stringToAlpha)(this.color.value) ?? this.opacity;
+                this.opacity = (0, engine_1.stringToAlpha)(this._engine, this.color.value) ?? this.opacity;
             }
             if (data.opacity !== undefined) {
                 this.opacity = data.opacity;

package/umd/Options/Classes/PolygonMaskInline.js

@@ -4,19 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Enums/PolygonMaskInlineArrangement.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "../../Enums/PolygonMaskInlineArrangement.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskInline = void 0;
+    const engine_1 = require("@tsparticles/engine");
     const PolygonMaskInlineArrangement_js_1 = require("../../Enums/PolygonMaskInlineArrangement.js");
     class PolygonMaskInline {
         constructor() {
             this.arrangement = PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.onePerPoint;
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             if (data.arrangement !== undefined) {

package/umd/Options/Classes/PolygonMaskLocalSvg.js

@@ -4,12 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskLocalSvg = void 0;
+    const engine_1 = require("@tsparticles/engine");
     class PolygonMaskLocalSvg {
         constructor() {
             this.path = [];
@@ -19,7 +20,7 @@
             };
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             if (data.path !== undefined) {

package/umd/Options/Classes/PolygonMaskMove.js

@@ -4,12 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Enums/PolygonMaskMoveType.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "../../Enums/PolygonMaskMoveType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.PolygonMaskMove = void 0;
+    const engine_1 = require("@tsparticles/engine");
     const PolygonMaskMoveType_js_1 = require("../../Enums/PolygonMaskMoveType.js");
     class PolygonMaskMove {
         constructor() {
@@ -17,7 +18,7 @@
             this.type = PolygonMaskMoveType_js_1.PolygonMaskMoveType.path;
         }
         load(data) {
-            if (!data) {
+            if ((0, engine_1.isNull)(data)) {
                 return;
             }
             if (data.radius !== undefined) {

package/umd/PolygonMaskInstance.js

@@ -340,10 +340,10 @@
                     continue;
                 }
                 if (path2d && this.offset) {
-                    (0, utils_js_1.drawPolygonMaskPath)(context, path2d, polygonDraw.stroke, this.offset);
+                    (0, utils_js_1.drawPolygonMaskPath)(this._engine, context, path2d, polygonDraw.stroke, this.offset);
                 }
                 else if (rawData) {
-                    (0, utils_js_1.drawPolygonMask)(context, rawData, polygonDraw.stroke);
+                    (0, utils_js_1.drawPolygonMask)(this._engine, context, rawData, polygonDraw.stroke);
                 }
             }
         }

package/umd/PolygonMaskPlugin.js

@@ -27,7 +27,7 @@
             }
             let polygonOptions = options.polygon;
             if (polygonOptions?.load === undefined) {
-                options.polygon = polygonOptions = new PolygonMask_js_1.PolygonMask();
+                options.polygon = polygonOptions = new PolygonMask_js_1.PolygonMask(this._engine);
             }
             polygonOptions.load(source?.polygon);
         }

package/umd/index.js

@@ -18,15 +18,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./pathseg.js", "./PolygonMaskPlugin.js", "./Enums/PolygonMaskInlineArrangement.js", "./Enums/PolygonMaskMoveType.js", "./Enums/PolygonMaskType.js"], factory);
+        define(["require", "exports", "./pathseg.js", "@tsparticles/engine", "./PolygonMaskPlugin.js", "./Enums/PolygonMaskInlineArrangement.js", "./Enums/PolygonMaskMoveType.js", "./Enums/PolygonMaskType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;
     require("./pathseg.js");
+    const engine_1 = require("@tsparticles/engine");
     const PolygonMaskPlugin_js_1 = require("./PolygonMaskPlugin.js");
     async function loadPolygonMaskPlugin(engine, refresh = true) {
+        (0, engine_1.assertValidVersion)(engine, "3.7.0");
         await engine.addPlugin(new PolygonMaskPlugin_js_1.PolygonMaskPlugin(engine), refresh);
     }
     __exportStar(require("./Enums/PolygonMaskInlineArrangement.js"), exports);

package/umd/utils.js

@@ -19,8 +19,8 @@
         min: 0,
         max: 1,
     }, double = 2;
-    function drawPolygonMask(context, rawData, stroke) {
-        const color = (0, engine_1.rangeColorToRgb)(stroke.color);
+    function drawPolygonMask(engine, context, rawData, stroke) {
+        const color = (0, engine_1.rangeColorToRgb)(engine, stroke.color);
         if (!color) {
             return;
         }
@@ -35,7 +35,7 @@
         context.lineWidth = stroke.width;
         context.stroke();
     }
-    function drawPolygonMaskPath(context, path, stroke, position) {
+    function drawPolygonMaskPath(engine, context, path, stroke, position) {
         const defaultTransform = {
             a: 1,
             b: 0,
@@ -43,7 +43,7 @@
             d: 1,
         };
         context.setTransform(defaultTransform.a, defaultTransform.b, defaultTransform.c, defaultTransform.d, position.x, position.y);
-        const color = (0, engine_1.rangeColorToRgb)(stroke.color);
+        const color = (0, engine_1.rangeColorToRgb)(engine, stroke.color);
         if (!color) {
             return;
         }