@tsparticles/plugin-polygon-mask 3.2.2 → 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,13 +1,16 @@
-import { deepExtend, errorPrefix, getDistance, getDistances, getRandom, isArray, isString, itemFromArray, percentDenominator, } from "@tsparticles/engine";
+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) {
@@ -21,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 = () => {
@@ -75,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) {
@@ -88,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;
@@ -114,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);
             }
@@ -167,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;
@@ -209,24 +212,22 @@ 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 = async (particle, delta, direction) => {
+        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++) {
-                    const pi = this.raw[i], pj = this.raw[j], { calcClosestPointOnSegment } = await import("./utils.js");
+                    const pi = this.raw[i], pj = this.raw[j];
                     closest = calcClosestPointOnSegment(pi, pj, pos);
                     const dist = getDistances(pos, closest);
                     [dx, dy] = [dist.dx, dist.dy];
                     if (dist.distance < radius) {
-                        const { segmentBounce } = await import("./utils.js");
                         segmentBounce(pi, pj, particle.velocity);
                         return true;
                     }
@@ -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,11 +305,11 @@ 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));
     }
-    async draw(context) {
+    draw(context) {
         if (!this.paths?.length) {
             return;
         }
@@ -327,11 +328,9 @@ export class PolygonMaskInstance {
                 continue;
             }
             if (path2d && this.offset) {
-                const { drawPolygonMaskPath } = await import("./utils.js");
                 drawPolygonMaskPath(context, path2d, polygonDraw.stroke, this.offset);
             }
             else if (rawData) {
-                const { drawPolygonMask } = await import("./utils.js");
                 drawPolygonMask(context, rawData, polygonDraw.stroke);
             }
         }
@@ -347,8 +346,8 @@ export class PolygonMaskInstance {
             await this._initRawData();
         }
     }
-    async particleBounce(particle, delta, direction) {
-        return await this._polygonBounce(particle, delta, direction);
+    particleBounce(particle, delta, direction) {
+        return this._polygonBounce(particle, delta, direction);
     }
     particlePosition(position) {
         const options = this._container.actualOptions.polygon, defaultLength = 0;
@@ -360,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;
         }
@@ -370,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

@@ -1,39 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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) {
@@ -47,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 = () => {
@@ -101,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) {
@@ -114,7 +94,7 @@ class PolygonMaskInstance {
                 });
             }
         };
-        this._getEquidistantPointByIndex = (index) => {
+        this._getEquidistantPointByIndex = index => {
             const container = this._container, options = container.actualOptions, polygonMaskOptions = options.polygon;
             if (!polygonMaskOptions) {
                 return;
@@ -140,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);
             }
@@ -193,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;
@@ -235,25 +215,23 @@ 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 Promise.resolve().then(() => __importStar(require("./utils.js")));
-            return parsePaths(this.paths, scale, this.offset);
+            return (0, utils_js_1.parsePaths)(this.paths, scale, this.offset);
         };
-        this._polygonBounce = async (particle, delta, direction) => {
+        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++) {
-                    const pi = this.raw[i], pj = this.raw[j], { calcClosestPointOnSegment } = await Promise.resolve().then(() => __importStar(require("./utils.js")));
-                    closest = calcClosestPointOnSegment(pi, pj, pos);
+                    const pi = this.raw[i], pj = this.raw[j];
+                    closest = (0, utils_js_1.calcClosestPointOnSegment)(pi, pj, pos);
                     const dist = (0, engine_1.getDistances)(pos, closest);
                     [dx, dy] = [dist.dx, dist.dy];
                     if (dist.distance < radius) {
-                        const { segmentBounce } = await Promise.resolve().then(() => __importStar(require("./utils.js")));
-                        segmentBounce(pi, pj, particle.velocity);
+                        (0, utils_js_1.segmentBounce)(pi, pj, particle.velocity);
                         return true;
                     }
                 }
@@ -271,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;
@@ -287,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);
                 }
@@ -330,11 +308,11 @@ 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));
     }
-    async draw(context) {
+    draw(context) {
         if (!this.paths?.length) {
             return;
         }
@@ -353,12 +331,10 @@ class PolygonMaskInstance {
                 continue;
             }
             if (path2d && this.offset) {
-                const { drawPolygonMaskPath } = await Promise.resolve().then(() => __importStar(require("./utils.js")));
-                drawPolygonMaskPath(context, path2d, polygonDraw.stroke, this.offset);
+                (0, utils_js_1.drawPolygonMaskPath)(context, path2d, polygonDraw.stroke, this.offset);
             }
             else if (rawData) {
-                const { drawPolygonMask } = await Promise.resolve().then(() => __importStar(require("./utils.js")));
-                drawPolygonMask(context, rawData, polygonDraw.stroke);
+                (0, utils_js_1.drawPolygonMask)(context, rawData, polygonDraw.stroke);
             }
         }
     }
@@ -373,8 +349,8 @@ class PolygonMaskInstance {
             await this._initRawData();
         }
     }
-    async particleBounce(particle, delta, direction) {
-        return await this._polygonBounce(particle, delta, direction);
+    particleBounce(particle, delta, direction) {
+        return this._polygonBounce(particle, delta, direction);
     }
     particlePosition(position) {
         const options = this._container.actualOptions.polygon, defaultLength = 0;
@@ -386,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;
         }
@@ -396,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) {