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

package/tsparticles.plugin.polygon-mask.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.1
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -74,7 +74,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"./dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"./dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"./dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"./dist/browser/PolygonMaskPlugin.js\"));\n        e.addPlugin(new PolygonMaskPlugin(engine));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-polygon-mask/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"./dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"./dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"./dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"./dist/browser/PolygonMaskPlugin.js\"));\n        e.pluginManager.addPlugin(new PolygonMaskPlugin(e.pluginManager));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-polygon-mask/./dist/browser/index.js?\n}");
 
 /***/ }
 

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

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,n={303(t){t.exports=e},666(e,t,r){var o,n;r.d(t,{G:()=>o}),(n=o||(o={})).equidistant="equidistant",n.onePerPoint="one-per-point",n.perPoint="per-point",n.randomLength="random-length",n.randomPoint="random-point"},248(e,t,r){var o,n;r.d(t,{O:()=>o}),(n=o||(o={})).path="path",n.radius="radius"},361(e,t,r){var o,n;r.d(t,{T:()=>o}),(n=o||(o={})).inline="inline",n.inside="inside",n.outside="outside",n.none="none"}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.m=n,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,o)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var n,i,p=document.getElementsByTagName("script"),l=0;l<p.length;l++){var u=p[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@tsparticles/plugin-polygon-mask:"+r){n=u;break}}n||(i=!0,(n=document.createElement("script")).charset="utf-8",a.nc&&n.setAttribute("nonce",a.nc),n.setAttribute("data-webpack","@tsparticles/plugin-polygon-mask:"+r),n.src=e),s[e]=[t];var c=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var o=s[e];if(delete s[e],n.parentNode&&n.parentNode.removeChild(n),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=c.bind(null,n.onerror),n.onload=c.bind(null,n.onload),i&&document.head.appendChild(n)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(p=a.g.location+"");var s,p,l=a.g.document;if(!p&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(p=l.currentScript.src),!p)){var u=l.getElementsByTagName("script");if(u.length)for(var c=u.length-1;c>-1&&(!p||!/^http(s?):/.test(p));)p=u[c--].src}if(!p)throw Error("Automatic publicPath is not supported in this browser");a.p=p=p.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={131:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise((r,n)=>o=t[e]=[r,n]);r.push(o[2]=n);var i=a.p+a.u(e),s=Error();a.l(i,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
-(`+n+": "+i+")",s.name="ChunkLoadError",s.type=n,s.request=i,o[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var o,n,[i,s,p]=r,l=0;if(i.some(e=>0!==t[e])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);p&&p(a)}for(e&&e(r);l<i.length;l++)n=i[l],a.o(t,n)&&t[n]&&t[n][0](),t[n]=0},(o=this.webpackChunk_tsparticles_plugin_polygon_mask=this.webpackChunk_tsparticles_plugin_polygon_mask||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};a.r(d),a.d(d,{PolygonMaskInlineArrangement:()=>f.G,PolygonMaskMoveType:()=>g.O,PolygonMaskType:()=>m.T,loadPolygonMaskPlugin:()=>h});var f=a(666),g=a(248),m=a(361);async function h(e){e.checkVersion("4.0.0-beta.0"),await e.register(async t=>{let{PolygonMaskPlugin:r}=await a.e(99).then(a.bind(a,99));t.addPlugin(new r(e))})}return d})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(this,e=>(()=>{"use strict";var t,r,n,o={303(t){t.exports=e},478(e,t,r){var n,o;r.d(t,{G:()=>n}),(o=n||(n={})).equidistant="equidistant",o.onePerPoint="one-per-point",o.perPoint="per-point",o.randomLength="random-length",o.randomPoint="random-point"},476(e,t,r){var n,o;r.d(t,{O:()=>n}),(o=n||(n={})).path="path",o.radius="radius"},45(e,t,r){var n,o;r.d(t,{T:()=>n}),(o=n||(n={})).inline="inline",o.inside="inside",o.outside="outside",o.none="none"}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,n)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var o,i,p=document.getElementsByTagName("script"),l=0;l<p.length;l++){var u=p[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@tsparticles/plugin-polygon-mask:"+r){o=u;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",a.nc&&o.setAttribute("nonce",a.nc),o.setAttribute("data-webpack","@tsparticles/plugin-polygon-mask:"+r),o.src=e),s[e]=[t];var c=(t,r)=>{o.onerror=o.onload=null,clearTimeout(d);var n=s[e];if(delete s[e],o.parentNode&&o.parentNode.removeChild(o),n&&n.forEach(e=>e(r)),t)return t(r)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=c.bind(null,o.onerror),o.onload=c.bind(null,o.onload),i&&document.head.appendChild(o)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(p=a.g.location+"");var s,p,l=a.g.document;if(!p&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(p=l.currentScript.src),!p)){var u=l.getElementsByTagName("script");if(u.length)for(var c=u.length-1;c>-1&&(!p||!/^http(s?):/.test(p));)p=u[c--].src}if(!p)throw Error("Automatic publicPath is not supported in this browser");a.p=p=p.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={131:0},a.f.j=(e,r)=>{var n=a.o(t,e)?t[e]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise((r,o)=>n=t[e]=[r,o]);r.push(n[2]=o);var i=a.p+a.u(e),s=Error();a.l(i,r=>{if(a.o(t,e)&&(0!==(n=t[e])&&(t[e]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
+(`+o+": "+i+")",s.name="ChunkLoadError",s.type=o,s.request=i,n[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var n,o,[i,s,p]=r,l=0;if(i.some(e=>0!==t[e])){for(n in s)a.o(s,n)&&(a.m[n]=s[n]);p&&p(a)}for(e&&e(r);l<i.length;l++)o=i[l],a.o(t,o)&&t[o]&&t[o][0](),t[o]=0},(n=this.webpackChunk_tsparticles_plugin_polygon_mask=this.webpackChunk_tsparticles_plugin_polygon_mask||[]).forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n));var d={};a.r(d),a.d(d,{PolygonMaskInlineArrangement:()=>g.G,PolygonMaskMoveType:()=>f.O,PolygonMaskType:()=>m.T,loadPolygonMaskPlugin:()=>h});var g=a(478),f=a(476),m=a(45);async function h(e){e.checkVersion("4.0.0-beta.1"),await e.pluginManager.register(async e=>{let{PolygonMaskPlugin:t}=await a.e(423).then(a.bind(a,423));e.pluginManager.addPlugin(new t(e.pluginManager))})}return d})());

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

@@ -1,4 +1,4 @@
-import { type Engine, type ICoordinates, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
+import { type ICoordinates, type IOptionLoader, type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 import type { IPolygonMask } from "../Interfaces/IPolygonMask.js";
 import { PolygonMaskDraw } from "./PolygonMaskDraw.js";
 import { PolygonMaskInline } from "./PolygonMaskInline.js";
@@ -15,6 +15,6 @@ export declare class PolygonMask implements IPolygonMask, IOptionLoader<IPolygon
     scale: number;
     type: PolygonMaskType;
     url?: string;
-    constructor(engine: Engine);
+    constructor(pluginManager: PluginManager);
     load(data?: RecursivePartial<IPolygonMask>): void;
 }

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

@@ -1,9 +1,9 @@
-import { type Engine, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
+import { type IOptionLoader, type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 import type { IPolygonMaskDraw } from "../Interfaces/IPolygonMaskDraw.js";
 import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke.js";
 export declare class PolygonMaskDraw implements IPolygonMaskDraw, IOptionLoader<IPolygonMaskDraw> {
     enable: boolean;
     stroke: PolygonMaskDrawStroke;
-    constructor(engine: Engine);
+    constructor(pluginManager: PluginManager);
     load(data?: RecursivePartial<IPolygonMaskDraw>): void;
 }

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

@@ -1,10 +1,10 @@
-import { type Engine, type IOptionLoader, OptionsColor, type RecursivePartial } from "@tsparticles/engine";
+import { type IOptionLoader, OptionsColor, type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 import type { IPolygonMaskDrawStroke } from "../Interfaces/IPolygonMaskDrawStroke.js";
 export declare class PolygonMaskDrawStroke implements IPolygonMaskDrawStroke, IOptionLoader<IPolygonMaskDrawStroke> {
     color: OptionsColor;
     opacity: number;
     width: number;
-    private readonly _engine;
-    constructor(engine: Engine);
+    private readonly _pluginManager;
+    constructor(pluginManager: PluginManager);
     load(data?: RecursivePartial<IPolygonMaskDrawStroke>): void;
 }

package/types/PolygonMaskInstance.d.ts

@@ -1,5 +1,5 @@
 import "./pathseg.js";
-import { type Engine, type IContainerPlugin, type ICoordinates, type IDelta, type IDimension, OutModeDirection, type Particle } from "@tsparticles/engine";
+import { type CanvasContextType, type IContainerPlugin, type ICoordinates, type IDelta, type IDimension, OutModeDirection, type Particle, type PluginManager } from "@tsparticles/engine";
 import type { ISvgPath } from "./Interfaces/ISvgPath.js";
 import type { PolygonMaskContainer } from "./types.js";
 export declare class PolygonMaskInstance implements IContainerPlugin {
@@ -9,12 +9,12 @@ export declare class PolygonMaskInstance implements IContainerPlugin {
     raw?: ICoordinates[];
     redrawTimeout?: number | NodeJS.Timeout;
     private readonly _container;
-    private readonly _engine;
     private _moveRadius;
+    private readonly _pluginManager;
     private _scale;
-    constructor(container: PolygonMaskContainer, engine: Engine);
+    constructor(pluginManager: PluginManager, container: PolygonMaskContainer);
     clickPositionValid(position: ICoordinates): boolean;
-    draw(context: CanvasRenderingContext2D): void;
+    draw(context: CanvasContextType): void;
     init(): Promise<void>;
     particleBounce(particle: Particle, delta: IDelta, direction: OutModeDirection): boolean;
     particlePosition(position?: ICoordinates): ICoordinates | undefined;

package/types/PolygonMaskPlugin.d.ts

@@ -1,9 +1,9 @@
-import type { Container, Engine, IContainerPlugin, IPlugin, RecursivePartial } from "@tsparticles/engine";
+import type { Container, IContainerPlugin, IPlugin, PluginManager, RecursivePartial } from "@tsparticles/engine";
 import type { IPolygonMaskOptions, PolygonMaskOptions } from "./types.js";
 export declare class PolygonMaskPlugin implements IPlugin {
     readonly id = "polygon-mask";
-    private readonly _engine;
-    constructor(engine: Engine);
+    private readonly _pluginManager;
+    constructor(pluginManager: PluginManager);
     getPlugin(container: Container): Promise<IContainerPlugin>;
     loadOptions(_container: Container, options: PolygonMaskOptions, source?: RecursivePartial<IPolygonMaskOptions>): void;
     needsPlugin(options?: RecursivePartial<IPolygonMaskOptions>): boolean;

package/types/utils.d.ts

@@ -1,8 +1,8 @@
-import { type Engine, type ICoordinates, Vector } from "@tsparticles/engine";
+import { type CanvasContextType, type ICoordinates, type PluginManager, Vector } from "@tsparticles/engine";
 import type { IPolygonMaskDrawStroke } from "./Options/Interfaces/IPolygonMaskDrawStroke.js";
 import type { ISvgPath } from "./Interfaces/ISvgPath.js";
-export declare function drawPolygonMask(engine: Engine, context: CanvasRenderingContext2D, rawData: ICoordinates[], stroke: IPolygonMaskDrawStroke, hdr?: boolean): void;
-export declare function drawPolygonMaskPath(engine: Engine, context: CanvasRenderingContext2D, path: Path2D, stroke: IPolygonMaskDrawStroke, position: ICoordinates, hdr?: boolean): void;
+export declare function drawPolygonMask(pluginManager: PluginManager, context: CanvasContextType, rawData: ICoordinates[], stroke: IPolygonMaskDrawStroke, hdr?: boolean): void;
+export declare function drawPolygonMaskPath(pluginManager: PluginManager, context: CanvasContextType, path: Path2D, stroke: IPolygonMaskDrawStroke, position: ICoordinates, hdr?: boolean): 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

@@ -26,8 +26,8 @@
         scale;
         type;
         url;
-        constructor(engine) {
-            this.draw = new PolygonMaskDraw_js_1.PolygonMaskDraw(engine);
+        constructor(pluginManager) {
+            this.draw = new PolygonMaskDraw_js_1.PolygonMaskDraw(pluginManager);
             this.enable = false;
             this.inline = new PolygonMaskInline_js_1.PolygonMaskInline();
             this.move = new PolygonMaskMove_js_1.PolygonMaskMove();

package/umd/Options/Classes/PolygonMaskDraw.js

@@ -15,9 +15,9 @@
     class PolygonMaskDraw {
         enable;
         stroke;
-        constructor(engine) {
+        constructor(pluginManager) {
             this.enable = false;
-            this.stroke = new PolygonMaskDrawStroke_js_1.PolygonMaskDrawStroke(engine);
+            this.stroke = new PolygonMaskDrawStroke_js_1.PolygonMaskDrawStroke(pluginManager);
         }
         load(data) {
             if ((0, engine_1.isNull)(data)) {

package/umd/Options/Classes/PolygonMaskDrawStroke.js

@@ -15,9 +15,9 @@
         color;
         opacity;
         width;
-        _engine;
-        constructor(engine) {
-            this._engine = engine;
+        _pluginManager;
+        constructor(pluginManager) {
+            this._pluginManager = pluginManager;
             this.color = new engine_1.OptionsColor();
             this.width = 0.5;
             this.opacity = 1;
@@ -28,7 +28,7 @@
             }
             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._engine, this.color.value) ?? this.opacity;
+                this.opacity = (0, engine_1.stringToAlpha)(this._pluginManager, this.color.value) ?? this.opacity;
             }
             if (data.opacity !== undefined) {
                 this.opacity = data.opacity;

package/umd/PolygonMaskInstance.js

@@ -23,12 +23,12 @@
         raw;
         redrawTimeout;
         _container;
-        _engine;
         _moveRadius;
+        _pluginManager;
         _scale;
-        constructor(container, engine) {
+        constructor(pluginManager, container) {
             this._container = container;
-            this._engine = engine;
+            this._pluginManager = pluginManager;
             this.dimension = {
                 height: 0,
                 width: 0,
@@ -59,10 +59,10 @@
             for (const path of this.paths) {
                 const path2d = path.path2d;
                 if (path2d && this.offset) {
-                    (0, utils_js_1.drawPolygonMaskPath)(this._engine, context, path2d, polygonDraw.stroke, this.offset, this._container.hdr);
+                    (0, utils_js_1.drawPolygonMaskPath)(this._pluginManager, context, path2d, polygonDraw.stroke, this.offset, this._container.hdr);
                 }
                 else if (rawData) {
-                    (0, utils_js_1.drawPolygonMask)(this._engine, context, rawData, polygonDraw.stroke, this._container.hdr);
+                    (0, utils_js_1.drawPolygonMask)(this._pluginManager, context, rawData, polygonDraw.stroke, this._container.hdr);
                 }
             }
         }
@@ -294,9 +294,7 @@
                 this.raw = this._parseSvgPath(svg, force);
             }
             this._createPath2D();
-            this._engine.dispatchEvent("polygonMaskLoaded", {
-                container: this._container,
-            });
+            this._container.dispatchEvent("polygonMaskLoaded");
         };
         _parseSvgPath = (xml, force) => {
             const forceDownload = force ?? false;

package/umd/PolygonMaskPlugin.js

@@ -48,13 +48,13 @@ var __importStar = (this && this.__importStar) || (function () {
     const PolygonMaskType_js_1 = require("./Enums/PolygonMaskType.js");
     class PolygonMaskPlugin {
         id = "polygon-mask";
-        _engine;
-        constructor(engine) {
-            this._engine = engine;
+        _pluginManager;
+        constructor(pluginManager) {
+            this._pluginManager = pluginManager;
         }
         async getPlugin(container) {
             const { PolygonMaskInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./PolygonMaskInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./PolygonMaskInstance.js"], resolve_1, reject_1); }).then(__importStar));
-            return new PolygonMaskInstance(container, this._engine);
+            return new PolygonMaskInstance(this._pluginManager, container);
         }
         loadOptions(_container, options, source) {
             if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -62,7 +62,7 @@ var __importStar = (this && this.__importStar) || (function () {
             }
             let polygonOptions = options.polygon;
             if (polygonOptions?.load === undefined) {
-                options.polygon = polygonOptions = new PolygonMask_js_1.PolygonMask(this._engine);
+                options.polygon = polygonOptions = new PolygonMask_js_1.PolygonMask(this._pluginManager);
             }
             polygonOptions.load(source?.polygon);
         }

package/umd/index.js

@@ -48,10 +48,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;
     async function loadPolygonMaskPlugin(engine) {
-        engine.checkVersion("4.0.0-beta.0");
-        await engine.register(async (e) => {
+        engine.checkVersion("4.0.0-beta.1");
+        await engine.pluginManager.register(async (e) => {
             const { PolygonMaskPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./PolygonMaskPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./PolygonMaskPlugin.js"], resolve_1, reject_1); }).then(__importStar));
-            e.addPlugin(new PolygonMaskPlugin(engine));
+            e.pluginManager.addPlugin(new PolygonMaskPlugin(e.pluginManager));
         });
     }
     __exportStar(require("./Enums/PolygonMaskInlineArrangement.js"), exports);

package/umd/utils.js

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

package/99.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_polygon_mask=this.webpackChunk_tsparticles_plugin_polygon_mask||[]).push([[99],{99(i,t,e){e.d(t,{PolygonMaskPlugin:()=>u});var s=e(303);class o{color;opacity;width;_engine;constructor(i){this._engine=i,this.color=new s.OptionsColor,this.width=.5,this.opacity=1}load(i){(0,s.isNull)(i)||(this.color=s.OptionsColor.create(this.color,i.color),(0,s.isString)(this.color.value)&&(this.opacity=(0,s.stringToAlpha)(this._engine,this.color.value)??this.opacity),void 0!==i.opacity&&(this.opacity=i.opacity),void 0!==i.width&&(this.width=i.width))}}class n{enable;stroke;constructor(i){this.enable=!1,this.stroke=new o(i)}load(i){if((0,s.isNull)(i))return;void 0!==i.enable&&(this.enable=i.enable);let t=i.stroke;this.stroke.load(t)}}var a=e(666);class l{arrangement;constructor(){this.arrangement=a.G.onePerPoint}load(i){(0,s.isNull)(i)||void 0!==i.arrangement&&(this.arrangement=i.arrangement)}}class h{path;size;constructor(){this.path=[],this.size={height:0,width:0}}load(i){(0,s.isNull)(i)||(void 0!==i.path&&(this.path=i.path),void 0!==i.size&&(void 0!==i.size.width&&(this.size.width=i.size.width),void 0!==i.size.height&&(this.size.height=i.size.height)))}}var r=e(248);class d{radius;type;constructor(){this.radius=10,this.type=r.O.path}load(i){(0,s.isNull)(i)||(void 0!==i.radius&&(this.radius=i.radius),void 0!==i.type&&(this.type=i.type))}}var p=e(361);class c{data;draw;enable;inline;move;position;scale;type;url;constructor(i){this.draw=new n(i),this.enable=!1,this.inline=new l,this.move=new d,this.scale=1,this.type=p.T.none}load(i){(0,s.isNull)(i)||(this.draw.load(i.draw),this.inline.load(i.inline),this.move.load(i.move),void 0!==i.scale&&(this.scale=i.scale),void 0!==i.type&&(this.type=i.type),void 0!==i.enable?this.enable=i.enable:this.enable=this.type!==p.T.none,void 0!==i.url&&(this.url=i.url),void 0!==i.data&&((0,s.isString)(i.data)?this.data=i.data:(this.data=new h,this.data.load(i.data))),void 0!==i.position&&(this.position=(0,s.deepExtend)({},i.position)))}}class u{id="polygon-mask";_engine;constructor(i){this._engine=i}async getPlugin(i){let{PolygonMaskInstance:t}=await e.e(319).then(e.bind(e,319));return new t(i,this._engine)}loadOptions(i,t,e){if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;let s=t.polygon;s?.load===void 0&&(t.polygon=s=new c(this._engine)),s.load(e?.polygon)}needsPlugin(i){return i?.polygon?.enable??(i?.polygon?.type!==void 0&&i.polygon.type!==p.T.none)}}}}]);