@tsparticles/plugin-polygon-mask 3.3.0 → 3.4.0

package/browser/Enums/PolygonMaskInlineArrangement.js

@@ -1 +1,8 @@
-export {};
+export var PolygonMaskInlineArrangement;
+(function (PolygonMaskInlineArrangement) {
+    PolygonMaskInlineArrangement["equidistant"] = "equidistant";
+    PolygonMaskInlineArrangement["onePerPoint"] = "one-per-point";
+    PolygonMaskInlineArrangement["perPoint"] = "per-point";
+    PolygonMaskInlineArrangement["randomLength"] = "random-length";
+    PolygonMaskInlineArrangement["randomPoint"] = "random-point";
+})(PolygonMaskInlineArrangement || (PolygonMaskInlineArrangement = {}));

package/browser/Enums/PolygonMaskMoveType.js

@@ -1 +1,5 @@
-export {};
+export var PolygonMaskMoveType;
+(function (PolygonMaskMoveType) {
+    PolygonMaskMoveType["path"] = "path";
+    PolygonMaskMoveType["radius"] = "radius";
+})(PolygonMaskMoveType || (PolygonMaskMoveType = {}));

package/browser/Enums/PolygonMaskType.js

@@ -1 +1,7 @@
-export {};
+export var PolygonMaskType;
+(function (PolygonMaskType) {
+    PolygonMaskType["inline"] = "inline";
+    PolygonMaskType["inside"] = "inside";
+    PolygonMaskType["outside"] = "outside";
+    PolygonMaskType["none"] = "none";
+})(PolygonMaskType || (PolygonMaskType = {}));

package/browser/Options/Classes/PolygonMask.js

@@ -3,6 +3,7 @@ import { PolygonMaskDraw } from "./PolygonMaskDraw.js";
 import { PolygonMaskInline } from "./PolygonMaskInline.js";
 import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg.js";
 import { PolygonMaskMove } from "./PolygonMaskMove.js";
+import { PolygonMaskType } from "../../Enums/PolygonMaskType.js";
 export class PolygonMask {
     constructor() {
         this.draw = new PolygonMaskDraw();
@@ -10,7 +11,7 @@ export class PolygonMask {
         this.inline = new PolygonMaskInline();
         this.move = new PolygonMaskMove();
         this.scale = 1;
-        this.type = "none";
+        this.type = PolygonMaskType.none;
     }
     load(data) {
         if (!data) {
@@ -29,7 +30,7 @@ export class PolygonMask {
             this.enable = data.enable;
         }
         else {
-            this.enable = this.type !== "none";
+            this.enable = this.type !== PolygonMaskType.none;
         }
         if (data.url !== undefined) {
             this.url = data.url;

package/browser/Options/Classes/PolygonMaskInline.js

@@ -1,6 +1,7 @@
+import { PolygonMaskInlineArrangement, } from "../../Enums/PolygonMaskInlineArrangement.js";
 export class PolygonMaskInline {
     constructor() {
-        this.arrangement = "one-per-point";
+        this.arrangement = PolygonMaskInlineArrangement.onePerPoint;
     }
     load(data) {
         if (!data) {

package/browser/Options/Classes/PolygonMaskMove.js

@@ -1,7 +1,8 @@
+import { PolygonMaskMoveType } from "../../Enums/PolygonMaskMoveType.js";
 export class PolygonMaskMove {
     constructor() {
         this.radius = 10;
-        this.type = "path";
+        this.type = PolygonMaskMoveType.path;
     }
     load(data) {
         if (!data) {

package/browser/PolygonMaskInstance.js

@@ -1,14 +1,16 @@
-import { deepExtend, errorPrefix, getDistance, getDistances, getRandom, isArray, isString, itemFromArray, percentDenominator, } from "@tsparticles/engine";
-import { calcClosestPointOnSegment, drawPolygonMask, drawPolygonMaskPath, segmentBounce } from "./utils.js";
+import { OutModeDirection, deepExtend, errorPrefix, getDistance, getDistances, getRandom, isArray, isString, itemFromArray, percentDenominator, } from "@tsparticles/engine";
+import { calcClosestPointOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils.js";
+import { PolygonMaskInlineArrangement } from "./Enums/PolygonMaskInlineArrangement.js";
+import { PolygonMaskType } from "./Enums/PolygonMaskType.js";
 const noPolygonDataLoaded = `${errorPrefix} No polygon data loaded.`, noPolygonFound = `${errorPrefix} No polygon found, you need to specify SVG url in config.`, origin = {
     x: 0,
     y: 0,
 }, half = 0.5, double = 2;
 export class PolygonMaskInstance {
     constructor(container, engine) {
-        this._checkInsidePolygon = (position) => {
+        this._checkInsidePolygon = position => {
             const container = this._container, options = container.actualOptions.polygon;
-            if (!options?.enable || options.type === "none" || options.type === "inline") {
+            if (!options?.enable || options.type === PolygonMaskType.none || options.type === PolygonMaskType.inline) {
                 return true;
             }
             if (!this.raw) {
@@ -22,11 +24,11 @@ export class PolygonMaskInstance {
                     inside = !inside;
                 }
             }
-            if (options.type === "inside") {
+            if (options.type === PolygonMaskType.inside) {
                 return inside;
             }
             else {
-                return options.type === "outside" ? !inside : false;
+                return options.type === PolygonMaskType.outside ? !inside : false;
             }
         };
         this._createPath2D = () => {
@@ -76,7 +78,7 @@ export class PolygonMaskInstance {
             if (!req.ok) {
                 throw new Error(`${errorPrefix} occurred during polygon mask download`);
             }
-            return await this._parseSvgPath(await req.text(), force);
+            return this._parseSvgPath(await req.text(), force);
         };
         this._drawPoints = () => {
             if (!this.raw) {
@@ -89,7 +91,7 @@ export class PolygonMaskInstance {
                 });
             }
         };
-        this._getEquidistantPointByIndex = (index) => {
+        this._getEquidistantPointByIndex = index => {
             const container = this._container, options = container.actualOptions, polygonMaskOptions = options.polygon;
             if (!polygonMaskOptions) {
                 return;
@@ -115,7 +117,7 @@ export class PolygonMaskInstance {
                 y: (point?.y ?? origin.y) * scale + (this.offset?.y ?? origin.y),
             };
         };
-        this._getPointByIndex = (index) => {
+        this._getPointByIndex = index => {
             if (!this.raw?.length) {
                 throw new Error(noPolygonDataLoaded);
             }
@@ -168,14 +170,14 @@ export class PolygonMaskInstance {
                     const namespaces = 'xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"';
                     svg = `<svg ${namespaces} width="${data.size.width}" height="${data.size.height}">${path}</svg>`;
                 }
-                this.raw = await this._parseSvgPath(svg, force);
+                this.raw = this._parseSvgPath(svg, force);
             }
             this._createPath2D();
             this._engine.dispatchEvent("polygonMaskLoaded", {
                 container: this._container,
             });
         };
-        this._parseSvgPath = async (xml, force) => {
+        this._parseSvgPath = (xml, force) => {
             const forceDownload = force ?? false;
             if (this.paths !== undefined && !forceDownload) {
                 return this.raw;
@@ -210,15 +212,14 @@ export class PolygonMaskInstance {
                 x: (canvasSize.width * position.x) / percentDenominator - this.dimension.width * half,
                 y: (canvasSize.height * position.y) / percentDenominator - this.dimension.height * half,
             };
-            const { parsePaths } = await import("./utils.js");
             return parsePaths(this.paths, scale, this.offset);
         };
         this._polygonBounce = (particle, delta, direction) => {
             const options = this._container.actualOptions.polygon;
-            if (!this.raw || !options?.enable || direction !== "top") {
+            if (!this.raw || !options?.enable || direction !== OutModeDirection.top) {
                 return false;
             }
-            if (options.type === "inside" || options.type === "outside") {
+            if (options.type === PolygonMaskType.inside || options.type === PolygonMaskType.outside) {
                 let closest, dx, dy;
                 const pos = particle.getPosition(), radius = particle.getRadius(), offset = 1;
                 for (let i = 0, j = this.raw.length - offset; i < this.raw.length; j = i++) {
@@ -245,7 +246,7 @@ export class PolygonMaskInstance {
                     return true;
                 }
             }
-            else if (options.type === "inline" && particle.initialPosition) {
+            else if (options.type === PolygonMaskType.inline && particle.initialPosition) {
                 const dist = getDistance(particle.initialPosition, particle.getPosition()), { velocity } = particle;
                 if (dist > this._moveRadius) {
                     velocity.x = velocity.y * half - velocity.x;
@@ -261,19 +262,19 @@ export class PolygonMaskInstance {
                 return;
             }
             let position;
-            if (options.type === "inline") {
+            if (options.type === PolygonMaskType.inline) {
                 switch (options.inline.arrangement) {
-                    case "random-point":
+                    case PolygonMaskInlineArrangement.randomPoint:
                         position = this._getRandomPoint();
                         break;
-                    case "random-length":
+                    case PolygonMaskInlineArrangement.randomLength:
                         position = this._getRandomPointByLength();
                         break;
-                    case "equidistant":
+                    case PolygonMaskInlineArrangement.equidistant:
                         position = this._getEquidistantPointByIndex(container.particles.count);
                         break;
-                    case "one-per-point":
-                    case "per-point":
+                    case PolygonMaskInlineArrangement.onePerPoint:
+                    case PolygonMaskInlineArrangement.perPoint:
                     default:
                         position = this._getPointByIndex(container.particles.count);
                 }
@@ -304,8 +305,8 @@ export class PolygonMaskInstance {
     clickPositionValid(position) {
         const options = this._container.actualOptions.polygon;
         return (!!options?.enable &&
-            options.type !== "none" &&
-            options.type !== "inline" &&
+            options.type !== PolygonMaskType.none &&
+            options.type !== PolygonMaskType.inline &&
             this._checkInsidePolygon(position));
     }
     draw(context) {
@@ -358,9 +359,9 @@ export class PolygonMaskInstance {
     particlesInitialization() {
         const options = this._container.actualOptions.polygon;
         if (options?.enable &&
-            options.type === "inline" &&
-            (options.inline.arrangement === "one-per-point" ||
-                options.inline.arrangement === "per-point")) {
+            options.type === PolygonMaskType.inline &&
+            (options.inline.arrangement === PolygonMaskInlineArrangement.onePerPoint ||
+                options.inline.arrangement === PolygonMaskInlineArrangement.perPoint)) {
             this._drawPoints();
             return true;
         }
@@ -368,7 +369,7 @@ export class PolygonMaskInstance {
     }
     resize() {
         const container = this._container, options = container.actualOptions.polygon;
-        if (!(options?.enable && options.type !== "none")) {
+        if (!(options?.enable && options.type !== PolygonMaskType.none)) {
             return;
         }
         if (this.redrawTimeout) {

package/browser/PolygonMaskPlugin.js

@@ -1,12 +1,13 @@
 import { PolygonMask } from "./Options/Classes/PolygonMask.js";
+import { PolygonMaskInstance } from "./PolygonMaskInstance.js";
+import { PolygonMaskType } from "./Enums/PolygonMaskType.js";
 export class PolygonMaskPlugin {
     constructor(engine) {
         this.id = "polygonMask";
         this._engine = engine;
     }
-    async getPlugin(container) {
-        const { PolygonMaskInstance } = await import("./PolygonMaskInstance.js");
-        return new PolygonMaskInstance(container, this._engine);
+    getPlugin(container) {
+        return Promise.resolve(new PolygonMaskInstance(container, this._engine));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -20,6 +21,6 @@ export class PolygonMaskPlugin {
     }
     needsPlugin(options) {
         return (options?.polygon?.enable ??
-            (options?.polygon?.type !== undefined && options.polygon.type !== "none"));
+            (options?.polygon?.type !== undefined && options.polygon.type !== PolygonMaskType.none));
     }
 }

package/browser/index.js

@@ -1,6 +1,6 @@
 import "./pathseg.js";
+import { PolygonMaskPlugin } from "./PolygonMaskPlugin.js";
 export async function loadPolygonMaskPlugin(engine, refresh = true) {
-    const { PolygonMaskPlugin } = await import("./PolygonMaskPlugin.js");
     await engine.addPlugin(new PolygonMaskPlugin(engine), refresh);
 }
 export * from "./Enums/PolygonMaskInlineArrangement.js";

package/cjs/Enums/PolygonMaskInlineArrangement.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolygonMaskInlineArrangement = void 0;
+var PolygonMaskInlineArrangement;
+(function (PolygonMaskInlineArrangement) {
+    PolygonMaskInlineArrangement["equidistant"] = "equidistant";
+    PolygonMaskInlineArrangement["onePerPoint"] = "one-per-point";
+    PolygonMaskInlineArrangement["perPoint"] = "per-point";
+    PolygonMaskInlineArrangement["randomLength"] = "random-length";
+    PolygonMaskInlineArrangement["randomPoint"] = "random-point";
+})(PolygonMaskInlineArrangement || (exports.PolygonMaskInlineArrangement = PolygonMaskInlineArrangement = {}));

package/cjs/Enums/PolygonMaskMoveType.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolygonMaskMoveType = void 0;
+var PolygonMaskMoveType;
+(function (PolygonMaskMoveType) {
+    PolygonMaskMoveType["path"] = "path";
+    PolygonMaskMoveType["radius"] = "radius";
+})(PolygonMaskMoveType || (exports.PolygonMaskMoveType = PolygonMaskMoveType = {}));

package/cjs/Enums/PolygonMaskType.js

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PolygonMaskType = void 0;
+var PolygonMaskType;
+(function (PolygonMaskType) {
+    PolygonMaskType["inline"] = "inline";
+    PolygonMaskType["inside"] = "inside";
+    PolygonMaskType["outside"] = "outside";
+    PolygonMaskType["none"] = "none";
+})(PolygonMaskType || (exports.PolygonMaskType = PolygonMaskType = {}));

package/cjs/Options/Classes/PolygonMask.js

@@ -6,6 +6,7 @@ const PolygonMaskDraw_js_1 = require("./PolygonMaskDraw.js");
 const PolygonMaskInline_js_1 = require("./PolygonMaskInline.js");
 const PolygonMaskLocalSvg_js_1 = require("./PolygonMaskLocalSvg.js");
 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();
@@ -13,7 +14,7 @@ class PolygonMask {
         this.inline = new PolygonMaskInline_js_1.PolygonMaskInline();
         this.move = new PolygonMaskMove_js_1.PolygonMaskMove();
         this.scale = 1;
-        this.type = "none";
+        this.type = PolygonMaskType_js_1.PolygonMaskType.none;
     }
     load(data) {
         if (!data) {
@@ -32,7 +33,7 @@ class PolygonMask {
             this.enable = data.enable;
         }
         else {
-            this.enable = this.type !== "none";
+            this.enable = this.type !== PolygonMaskType_js_1.PolygonMaskType.none;
         }
         if (data.url !== undefined) {
             this.url = data.url;

package/cjs/Options/Classes/PolygonMaskInline.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskInline = void 0;
+const PolygonMaskInlineArrangement_js_1 = require("../../Enums/PolygonMaskInlineArrangement.js");
 class PolygonMaskInline {
     constructor() {
-        this.arrangement = "one-per-point";
+        this.arrangement = PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.onePerPoint;
     }
     load(data) {
         if (!data) {

package/cjs/Options/Classes/PolygonMaskMove.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskMove = void 0;
+const PolygonMaskMoveType_js_1 = require("../../Enums/PolygonMaskMoveType.js");
 class PolygonMaskMove {
     constructor() {
         this.radius = 10;
-        this.type = "path";
+        this.type = PolygonMaskMoveType_js_1.PolygonMaskMoveType.path;
     }
     load(data) {
         if (!data) {

package/cjs/PolygonMaskInstance.js

@@ -3,15 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
 const utils_js_1 = require("./utils.js");
+const PolygonMaskInlineArrangement_js_1 = require("./Enums/PolygonMaskInlineArrangement.js");
+const PolygonMaskType_js_1 = require("./Enums/PolygonMaskType.js");
 const noPolygonDataLoaded = `${engine_1.errorPrefix} No polygon data loaded.`, noPolygonFound = `${engine_1.errorPrefix} No polygon found, you need to specify SVG url in config.`, origin = {
     x: 0,
     y: 0,
 }, half = 0.5, double = 2;
 class PolygonMaskInstance {
     constructor(container, engine) {
-        this._checkInsidePolygon = (position) => {
+        this._checkInsidePolygon = position => {
             const container = this._container, options = container.actualOptions.polygon;
-            if (!options?.enable || options.type === "none" || options.type === "inline") {
+            if (!options?.enable || options.type === PolygonMaskType_js_1.PolygonMaskType.none || options.type === PolygonMaskType_js_1.PolygonMaskType.inline) {
                 return true;
             }
             if (!this.raw) {
@@ -25,11 +27,11 @@ class PolygonMaskInstance {
                     inside = !inside;
                 }
             }
-            if (options.type === "inside") {
+            if (options.type === PolygonMaskType_js_1.PolygonMaskType.inside) {
                 return inside;
             }
             else {
-                return options.type === "outside" ? !inside : false;
+                return options.type === PolygonMaskType_js_1.PolygonMaskType.outside ? !inside : false;
             }
         };
         this._createPath2D = () => {
@@ -79,7 +81,7 @@ class PolygonMaskInstance {
             if (!req.ok) {
                 throw new Error(`${engine_1.errorPrefix} occurred during polygon mask download`);
             }
-            return await this._parseSvgPath(await req.text(), force);
+            return this._parseSvgPath(await req.text(), force);
         };
         this._drawPoints = () => {
             if (!this.raw) {
@@ -92,7 +94,7 @@ class PolygonMaskInstance {
                 });
             }
         };
-        this._getEquidistantPointByIndex = (index) => {
+        this._getEquidistantPointByIndex = index => {
             const container = this._container, options = container.actualOptions, polygonMaskOptions = options.polygon;
             if (!polygonMaskOptions) {
                 return;
@@ -118,7 +120,7 @@ class PolygonMaskInstance {
                 y: (point?.y ?? origin.y) * scale + (this.offset?.y ?? origin.y),
             };
         };
-        this._getPointByIndex = (index) => {
+        this._getPointByIndex = index => {
             if (!this.raw?.length) {
                 throw new Error(noPolygonDataLoaded);
             }
@@ -171,14 +173,14 @@ class PolygonMaskInstance {
                     const namespaces = 'xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"';
                     svg = `<svg ${namespaces} width="${data.size.width}" height="${data.size.height}">${path}</svg>`;
                 }
-                this.raw = await this._parseSvgPath(svg, force);
+                this.raw = this._parseSvgPath(svg, force);
             }
             this._createPath2D();
             this._engine.dispatchEvent("polygonMaskLoaded", {
                 container: this._container,
             });
         };
-        this._parseSvgPath = async (xml, force) => {
+        this._parseSvgPath = (xml, force) => {
             const forceDownload = force ?? false;
             if (this.paths !== undefined && !forceDownload) {
                 return this.raw;
@@ -213,15 +215,14 @@ class PolygonMaskInstance {
                 x: (canvasSize.width * position.x) / engine_1.percentDenominator - this.dimension.width * half,
                 y: (canvasSize.height * position.y) / engine_1.percentDenominator - this.dimension.height * half,
             };
-            const { parsePaths } = await import("./utils.js");
-            return parsePaths(this.paths, scale, this.offset);
+            return (0, utils_js_1.parsePaths)(this.paths, scale, this.offset);
         };
         this._polygonBounce = (particle, delta, direction) => {
             const options = this._container.actualOptions.polygon;
-            if (!this.raw || !options?.enable || direction !== "top") {
+            if (!this.raw || !options?.enable || direction !== engine_1.OutModeDirection.top) {
                 return false;
             }
-            if (options.type === "inside" || options.type === "outside") {
+            if (options.type === PolygonMaskType_js_1.PolygonMaskType.inside || options.type === PolygonMaskType_js_1.PolygonMaskType.outside) {
                 let closest, dx, dy;
                 const pos = particle.getPosition(), radius = particle.getRadius(), offset = 1;
                 for (let i = 0, j = this.raw.length - offset; i < this.raw.length; j = i++) {
@@ -248,7 +249,7 @@ class PolygonMaskInstance {
                     return true;
                 }
             }
-            else if (options.type === "inline" && particle.initialPosition) {
+            else if (options.type === PolygonMaskType_js_1.PolygonMaskType.inline && particle.initialPosition) {
                 const dist = (0, engine_1.getDistance)(particle.initialPosition, particle.getPosition()), { velocity } = particle;
                 if (dist > this._moveRadius) {
                     velocity.x = velocity.y * half - velocity.x;
@@ -264,19 +265,19 @@ class PolygonMaskInstance {
                 return;
             }
             let position;
-            if (options.type === "inline") {
+            if (options.type === PolygonMaskType_js_1.PolygonMaskType.inline) {
                 switch (options.inline.arrangement) {
-                    case "random-point":
+                    case PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.randomPoint:
                         position = this._getRandomPoint();
                         break;
-                    case "random-length":
+                    case PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.randomLength:
                         position = this._getRandomPointByLength();
                         break;
-                    case "equidistant":
+                    case PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.equidistant:
                         position = this._getEquidistantPointByIndex(container.particles.count);
                         break;
-                    case "one-per-point":
-                    case "per-point":
+                    case PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.onePerPoint:
+                    case PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.perPoint:
                     default:
                         position = this._getPointByIndex(container.particles.count);
                 }
@@ -307,8 +308,8 @@ class PolygonMaskInstance {
     clickPositionValid(position) {
         const options = this._container.actualOptions.polygon;
         return (!!options?.enable &&
-            options.type !== "none" &&
-            options.type !== "inline" &&
+            options.type !== PolygonMaskType_js_1.PolygonMaskType.none &&
+            options.type !== PolygonMaskType_js_1.PolygonMaskType.inline &&
             this._checkInsidePolygon(position));
     }
     draw(context) {
@@ -361,9 +362,9 @@ class PolygonMaskInstance {
     particlesInitialization() {
         const options = this._container.actualOptions.polygon;
         if (options?.enable &&
-            options.type === "inline" &&
-            (options.inline.arrangement === "one-per-point" ||
-                options.inline.arrangement === "per-point")) {
+            options.type === PolygonMaskType_js_1.PolygonMaskType.inline &&
+            (options.inline.arrangement === PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.onePerPoint ||
+                options.inline.arrangement === PolygonMaskInlineArrangement_js_1.PolygonMaskInlineArrangement.perPoint)) {
             this._drawPoints();
             return true;
         }
@@ -371,7 +372,7 @@ class PolygonMaskInstance {
     }
     resize() {
         const container = this._container, options = container.actualOptions.polygon;
-        if (!(options?.enable && options.type !== "none")) {
+        if (!(options?.enable && options.type !== PolygonMaskType_js_1.PolygonMaskType.none)) {
             return;
         }
         if (this.redrawTimeout) {

package/cjs/PolygonMaskPlugin.js

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskPlugin = void 0;
 const PolygonMask_js_1 = require("./Options/Classes/PolygonMask.js");
+const PolygonMaskInstance_js_1 = require("./PolygonMaskInstance.js");
+const PolygonMaskType_js_1 = require("./Enums/PolygonMaskType.js");
 class PolygonMaskPlugin {
     constructor(engine) {
         this.id = "polygonMask";
         this._engine = engine;
     }
-    async getPlugin(container) {
-        const { PolygonMaskInstance } = await import("./PolygonMaskInstance.js");
-        return new PolygonMaskInstance(container, this._engine);
+    getPlugin(container) {
+        return Promise.resolve(new PolygonMaskInstance_js_1.PolygonMaskInstance(container, this._engine));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -23,7 +24,7 @@ class PolygonMaskPlugin {
     }
     needsPlugin(options) {
         return (options?.polygon?.enable ??
-            (options?.polygon?.type !== undefined && options.polygon.type !== "none"));
+            (options?.polygon?.type !== undefined && options.polygon.type !== PolygonMaskType_js_1.PolygonMaskType.none));
     }
 }
 exports.PolygonMaskPlugin = PolygonMaskPlugin;

package/cjs/index.js

@@ -16,9 +16,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonMaskPlugin = void 0;
 require("./pathseg.js");
+const PolygonMaskPlugin_js_1 = require("./PolygonMaskPlugin.js");
 async function loadPolygonMaskPlugin(engine, refresh = true) {
-    const { PolygonMaskPlugin } = await import("./PolygonMaskPlugin.js");
-    await engine.addPlugin(new PolygonMaskPlugin(engine), refresh);
+    await engine.addPlugin(new PolygonMaskPlugin_js_1.PolygonMaskPlugin(engine), refresh);
 }
 exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;
 __exportStar(require("./Enums/PolygonMaskInlineArrangement.js"), exports);

package/esm/Enums/PolygonMaskInlineArrangement.js

@@ -1 +1,8 @@
-export {};
+export var PolygonMaskInlineArrangement;
+(function (PolygonMaskInlineArrangement) {
+    PolygonMaskInlineArrangement["equidistant"] = "equidistant";
+    PolygonMaskInlineArrangement["onePerPoint"] = "one-per-point";
+    PolygonMaskInlineArrangement["perPoint"] = "per-point";
+    PolygonMaskInlineArrangement["randomLength"] = "random-length";
+    PolygonMaskInlineArrangement["randomPoint"] = "random-point";
+})(PolygonMaskInlineArrangement || (PolygonMaskInlineArrangement = {}));

package/esm/Enums/PolygonMaskMoveType.js

@@ -1 +1,5 @@
-export {};
+export var PolygonMaskMoveType;
+(function (PolygonMaskMoveType) {
+    PolygonMaskMoveType["path"] = "path";
+    PolygonMaskMoveType["radius"] = "radius";
+})(PolygonMaskMoveType || (PolygonMaskMoveType = {}));

package/esm/Enums/PolygonMaskType.js

@@ -1 +1,7 @@
-export {};
+export var PolygonMaskType;
+(function (PolygonMaskType) {
+    PolygonMaskType["inline"] = "inline";
+    PolygonMaskType["inside"] = "inside";
+    PolygonMaskType["outside"] = "outside";
+    PolygonMaskType["none"] = "none";
+})(PolygonMaskType || (PolygonMaskType = {}));

package/esm/Options/Classes/PolygonMask.js

@@ -3,6 +3,7 @@ import { PolygonMaskDraw } from "./PolygonMaskDraw.js";
 import { PolygonMaskInline } from "./PolygonMaskInline.js";
 import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg.js";
 import { PolygonMaskMove } from "./PolygonMaskMove.js";
+import { PolygonMaskType } from "../../Enums/PolygonMaskType.js";
 export class PolygonMask {
     constructor() {
         this.draw = new PolygonMaskDraw();
@@ -10,7 +11,7 @@ export class PolygonMask {
         this.inline = new PolygonMaskInline();
         this.move = new PolygonMaskMove();
         this.scale = 1;
-        this.type = "none";
+        this.type = PolygonMaskType.none;
     }
     load(data) {
         if (!data) {
@@ -29,7 +30,7 @@ export class PolygonMask {
             this.enable = data.enable;
         }
         else {
-            this.enable = this.type !== "none";
+            this.enable = this.type !== PolygonMaskType.none;
         }
         if (data.url !== undefined) {
             this.url = data.url;

package/esm/Options/Classes/PolygonMaskInline.js

@@ -1,6 +1,7 @@
+import { PolygonMaskInlineArrangement, } from "../../Enums/PolygonMaskInlineArrangement.js";
 export class PolygonMaskInline {
     constructor() {
-        this.arrangement = "one-per-point";
+        this.arrangement = PolygonMaskInlineArrangement.onePerPoint;
     }
     load(data) {
         if (!data) {

package/esm/Options/Classes/PolygonMaskMove.js

@@ -1,7 +1,8 @@
+import { PolygonMaskMoveType } from "../../Enums/PolygonMaskMoveType.js";
 export class PolygonMaskMove {
     constructor() {
         this.radius = 10;
-        this.type = "path";
+        this.type = PolygonMaskMoveType.path;
     }
     load(data) {
         if (!data) {