tsparticles 1.38.0 → 1.39.0

package/esm/Plugins/Emitters/EmitterContainer.d.ts

@@ -1,6 +1,6 @@
 import type { EmitterInstance } from "./EmitterInstance";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
-import type { ICoordinates } from "../../Core/Interfaces";
+import type { ICoordinates } from "../../Core";
 export interface EmitterContainer {
     addEmitter: (options: IEmitter, position: ICoordinates) => EmitterInstance;
     getEmitter: (idxOrName?: number | string) => EmitterInstance | undefined;

package/esm/Plugins/Emitters/EmitterInstance.d.ts

@@ -1,8 +1,7 @@
-import type { Container } from "../../Core/Container";
+import type { Container, ICoordinates, IDelta, IHsl } from "../../Core";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { Emitters } from "./Emitters";
 import type { IEmitterSize } from "./Options/Interfaces/IEmitterSize";
-import type { ICoordinates, IDelta, IHsl } from "../../Core/Interfaces";
 export declare class EmitterInstance {
     #private;
     private readonly emitters;

package/esm/Plugins/Emitters/EmitterInstance.js

@@ -11,7 +11,6 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
 import { colorToHsl, deepExtend, getRangeValue, isPointInside, randomInRange } from "../../Utils";
-import { SizeMode } from "../../Enums";
 import { EmitterSize } from "./Options/Classes/EmitterSize";
 import { ShapeManager } from "./ShapeManager";
 export class EmitterInstance {
@@ -48,7 +47,7 @@ export class EmitterInstance {
                 const size = new EmitterSize();
                 size.load({
                     height: 0,
-                    mode: SizeMode.percent,
+                    mode: "percent",
                     width: 0,
                 });
                 return size;
@@ -184,10 +183,10 @@ export class EmitterInstance {
         const container = this.container;
         const position = this.position;
         const offset = {
-            x: this.size.mode === SizeMode.percent
+            x: this.size.mode === "percent"
                 ? (container.canvas.size.width * this.size.width) / 100
                 : this.size.width,
-            y: this.size.mode === SizeMode.percent
+            y: this.size.mode === "percent"
                 ? (container.canvas.size.height * this.size.height) / 100
                 : this.size.height,
         };

package/esm/Plugins/Emitters/Emitters.d.ts

@@ -1,6 +1,5 @@
-import type { IContainerPlugin, ICoordinates, IDelta } from "../../Core/Interfaces";
+import type { Container, IContainerPlugin, ICoordinates, IDelta } from "../../Core";
 import { EmitterInstance } from "./EmitterInstance";
-import type { Container } from "../../Core/Container";
 import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import { Emitter } from "./Options/Classes/Emitter";

package/esm/Plugins/Emitters/Emitters.js

@@ -1,6 +1,5 @@
 import { EmitterInstance } from "./EmitterInstance";
 import { Emitter } from "./Options/Classes/Emitter";
-import { EmitterClickMode } from "./Enums";
 import { deepExtend, itemFromArray } from "../../Utils";
 export class Emitters {
     constructor(container) {
@@ -93,7 +92,7 @@ export class Emitters {
         const container = this.container;
         const emitterOptions = this.emitters;
         const modeEmitters = this.interactivityEmitters;
-        if (mode === EmitterClickMode.emitter) {
+        if (mode === "emitter") {
             let emitterModeOptions;
             if (modeEmitters instanceof Array) {
                 if (modeEmitters.length > 0) {

package/esm/Plugins/Emitters/EmittersMain.d.ts

@@ -1,5 +1,5 @@
-import type { Main } from "../../main";
+import type { Engine } from "../../engine";
 import type { IEmitterShape } from "./IEmitterShape";
-export declare type EmittersMain = Main & {
+export declare type EmittersMain = Engine & {
     addEmitterShape?: (name: string, shape: IEmitterShape) => void;
 };

package/esm/Plugins/Emitters/Enums/EmitterClickMode.d.ts

@@ -1,3 +1,3 @@
-export declare enum EmitterClickMode {
+export declare const enum EmitterClickMode {
     emitter = "emitter"
 }

package/esm/Plugins/Emitters/Enums/EmitterClickMode.js

@@ -1,4 +1 @@
-export var EmitterClickMode;
-(function (EmitterClickMode) {
-    EmitterClickMode["emitter"] = "emitter";
-})(EmitterClickMode || (EmitterClickMode = {}));
+export {};

package/esm/Plugins/Emitters/Enums/EmitterShapeType.d.ts

@@ -1,4 +1,4 @@
-export declare enum EmitterShapeType {
+export declare const enum EmitterShapeType {
     circle = "circle",
     square = "square"
 }

package/esm/Plugins/Emitters/Enums/EmitterShapeType.js

@@ -1,5 +1 @@
-export var EmitterShapeType;
-(function (EmitterShapeType) {
-    EmitterShapeType["circle"] = "circle";
-    EmitterShapeType["square"] = "square";
-})(EmitterShapeType || (EmitterShapeType = {}));
+export {};

package/esm/Plugins/Emitters/IEmitterShape.d.ts

@@ -1,4 +1,4 @@
-import type { ICoordinates } from "../../Core/Interfaces";
+import type { ICoordinates } from "../../Core";
 export interface IEmitterShape {
     randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Options/Classes/Emitter.js

@@ -3,14 +3,13 @@ import { EmitterLife } from "./EmitterLife";
 import { deepExtend } from "../../../../Utils";
 import { EmitterSize } from "./EmitterSize";
 import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
-import { EmitterShapeType } from "../../Enums";
 export class Emitter {
     constructor() {
         this.autoPlay = true;
         this.fill = true;
         this.life = new EmitterLife();
         this.rate = new EmitterRate();
-        this.shape = EmitterShapeType.square;
+        this.shape = "square";
         this.startCount = 0;
     }
     load(data) {

package/esm/Plugins/Emitters/Options/Classes/EmitterSize.js

@@ -1,7 +1,6 @@
-import { SizeMode } from "../../../../Enums";
 export class EmitterSize {
     constructor() {
-        this.mode = SizeMode.percent;
+        this.mode = "percent";
         this.height = 0;
         this.width = 0;
     }

package/esm/Plugins/Emitters/Shapes/Circle/CircleShape.d.ts

@@ -1,5 +1,5 @@
 import type { IEmitterShape } from "../../IEmitterShape";
-import type { ICoordinates } from "../../../../Core/Interfaces";
+import type { ICoordinates } from "../../../../Core";
 export declare class CircleShape implements IEmitterShape {
     randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Shapes/Square/SquareShape.d.ts

@@ -1,5 +1,5 @@
 import type { IEmitterShape } from "../../IEmitterShape";
-import type { ICoordinates } from "../../../../Core/Interfaces";
+import type { ICoordinates } from "../../../../Core";
 export declare class SquareShape implements IEmitterShape {
     randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/{plugin.js → index.js}

@@ -1,6 +1,5 @@
 import { isInArray } from "../../Utils";
 import { Emitters } from "./Emitters";
-import { EmitterClickMode, EmitterShapeType } from "./Enums";
 import { Emitter } from "./Options/Classes/Emitter";
 import { ShapeManager } from "./ShapeManager";
 import { CircleShape } from "./Shapes/Circle/CircleShape";
@@ -21,7 +20,7 @@ class EmittersPlugin {
         return ((emitters instanceof Array && !!emitters.length) ||
             emitters !== undefined ||
             (!!((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) &&
-                isInArray(EmitterClickMode.emitter, options.interactivity.events.onClick.mode)));
+                isInArray("emitter", options.interactivity.events.onClick.mode)));
     }
     loadOptions(options, source) {
         var _a, _b;
@@ -72,7 +71,7 @@ export async function loadEmittersPlugin(tsParticles) {
             ShapeManager.addShape(name, shape);
         };
     }
-    tsParticles.addEmitterShape(EmitterShapeType.circle, new CircleShape());
-    tsParticles.addEmitterShape(EmitterShapeType.square, new SquareShape());
+    tsParticles.addEmitterShape("circle", new CircleShape());
+    tsParticles.addEmitterShape("square", new SquareShape());
 }
 export * from "./EmittersMain";

package/esm/Plugins/PolygonMask/Enums/PolygonMaskInlineArrangement.d.ts

@@ -0,0 +1,8 @@
+export declare const enum PolygonMaskInlineArrangement {
+    equidistant = "equidistant",
+    onePerPoint = "one-per-point",
+    perPoint = "per-point",
+    randomLength = "random-length",
+    randomPoint = "random-point"
+}
+export declare type PolygonMaskInlineArrangementAlt = "one-per-point" | "per-point" | "random-length" | "random-point";

package/esm/Plugins/PolygonMask/Enums/PolygonMaskMoveType.d.ts

@@ -0,0 +1,4 @@
+export declare const enum PolygonMaskMoveType {
+    path = "path",
+    radius = "radius"
+}

package/{browser/Plugins/PolygonMask/Enums/Type.d.ts → esm/Plugins/PolygonMask/Enums/PolygonMaskType.d.ts}

@@ -1,4 +1,4 @@
-export declare enum Type {
+export declare const enum PolygonMaskType {
     inline = "inline",
     inside = "inside",
     outside = "outside",

package/esm/Plugins/PolygonMask/Enums/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./InlineArrangement";
-export * from "./MoveType";
-export * from "./Type";
+export * from "./PolygonMaskInlineArrangement";
+export * from "./PolygonMaskMoveType";
+export * from "./PolygonMaskType";

package/esm/Plugins/PolygonMask/Enums/index.js

@@ -1,3 +1,3 @@
-export * from "./InlineArrangement";
-export * from "./MoveType";
-export * from "./Type";
+export * from "./PolygonMaskInlineArrangement";
+export * from "./PolygonMaskMoveType";
+export * from "./PolygonMaskType";

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMask.d.ts

@@ -1,24 +1,24 @@
 import type { IPolygonMask } from "../Interfaces/IPolygonMask";
-import { InlineArrangement, InlineArrangementAlt, Type } from "../../Enums";
-import { Draw } from "./Draw";
-import { Move } from "./Move";
-import { Inline } from "./Inline";
+import { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt, PolygonMaskType } from "../../Enums";
+import { PolygonMaskDraw } from "./PolygonMaskDraw";
+import { PolygonMaskMove } from "./PolygonMaskMove";
+import { PolygonMaskInline } from "./PolygonMaskInline";
 import type { RecursivePartial } from "../../../../Types";
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
-import { LocalSvg } from "./LocalSvg";
+import type { ICoordinates } from "../../../../Core";
+import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 export declare class PolygonMask implements IPolygonMask, IOptionLoader<IPolygonMask> {
-    get inlineArrangement(): InlineArrangement | keyof typeof InlineArrangement | InlineArrangementAlt;
-    set inlineArrangement(value: InlineArrangement | keyof typeof InlineArrangement | InlineArrangementAlt);
-    draw: Draw;
+    get inlineArrangement(): PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
+    set inlineArrangement(value: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt);
+    draw: PolygonMaskDraw;
     enable: boolean;
-    inline: Inline;
-    move: Move;
+    inline: PolygonMaskInline;
+    move: PolygonMaskMove;
     position?: ICoordinates;
     scale: number;
-    type: Type;
+    type: PolygonMaskType;
     url?: string;
-    data?: string | LocalSvg;
+    data?: string | PolygonMaskLocalSvg;
     constructor();
     load(data?: RecursivePartial<IPolygonMask>): void;
 }

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMask.js

@@ -1,17 +1,16 @@
-import { Type } from "../../Enums";
-import { Draw } from "./Draw";
-import { Move } from "./Move";
-import { Inline } from "./Inline";
-import { LocalSvg } from "./LocalSvg";
+import { PolygonMaskDraw } from "./PolygonMaskDraw";
+import { PolygonMaskMove } from "./PolygonMaskMove";
+import { PolygonMaskInline } from "./PolygonMaskInline";
+import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
 import { deepExtend } from "../../../../Utils";
 export class PolygonMask {
     constructor() {
-        this.draw = new Draw();
+        this.draw = new PolygonMaskDraw();
         this.enable = false;
-        this.inline = new Inline();
-        this.move = new Move();
+        this.inline = new PolygonMaskInline();
+        this.move = new PolygonMaskMove();
         this.scale = 1;
-        this.type = Type.none;
+        this.type = "none";
     }
     get inlineArrangement() {
         return this.inline.arrangement;
@@ -21,42 +20,43 @@ export class PolygonMask {
     }
     load(data) {
         var _a;
-        if (data !== undefined) {
-            this.draw.load(data.draw);
-            const inline = (_a = data.inline) !== null && _a !== void 0 ? _a : {
-                arrangement: data.inlineArrangement,
-            };
-            if (inline !== undefined) {
-                this.inline.load(inline);
-            }
-            this.move.load(data.move);
-            if (data.scale !== undefined) {
-                this.scale = data.scale;
-            }
-            if (data.type !== undefined) {
-                this.type = data.type;
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
+        if (!data) {
+            return;
+        }
+        this.draw.load(data.draw);
+        const inline = (_a = data.inline) !== null && _a !== void 0 ? _a : {
+            arrangement: data.inlineArrangement,
+        };
+        if (inline !== undefined) {
+            this.inline.load(inline);
+        }
+        this.move.load(data.move);
+        if (data.scale !== undefined) {
+            this.scale = data.scale;
+        }
+        if (data.type !== undefined) {
+            this.type = data.type;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        else {
+            this.enable = this.type !== "none";
+        }
+        if (data.url !== undefined) {
+            this.url = data.url;
+        }
+        if (data.data !== undefined) {
+            if (typeof data.data === "string") {
+                this.data = data.data;
             }
             else {
-                this.enable = this.type !== Type.none;
-            }
-            if (data.url !== undefined) {
-                this.url = data.url;
-            }
-            if (data.data !== undefined) {
-                if (typeof data.data === "string") {
-                    this.data = data.data;
-                }
-                else {
-                    this.data = new LocalSvg();
-                    this.data.load(data.data);
-                }
-            }
-            if (data.position !== undefined) {
-                this.position = deepExtend({}, data.position);
+                this.data = new PolygonMaskLocalSvg();
+                this.data.load(data.data);
             }
         }
+        if (data.position !== undefined) {
+            this.position = deepExtend({}, data.position);
+        }
     }
 }

package/esm/Plugins/PolygonMask/Options/Classes/{Draw.d.ts → PolygonMaskDraw.d.ts}

@@ -1,15 +1,15 @@
-import type { IDraw } from "../Interfaces/IDraw";
-import { DrawStroke } from "./DrawStroke";
+import type { IPolygonMaskDraw } from "../Interfaces/IPolygonMaskDraw";
+import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
 import type { RecursivePartial } from "../../../../Types";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
-export declare class Draw implements IDraw, IOptionLoader<IDraw> {
+export declare class PolygonMaskDraw implements IPolygonMaskDraw, IOptionLoader<IPolygonMaskDraw> {
     get lineWidth(): number;
     set lineWidth(value: number);
     get lineColor(): string | OptionsColor;
     set lineColor(value: string | OptionsColor);
     enable: boolean;
-    stroke: DrawStroke;
+    stroke: PolygonMaskDrawStroke;
     constructor();
-    load(data?: RecursivePartial<IDraw>): void;
+    load(data?: RecursivePartial<IPolygonMaskDraw>): void;
 }

package/esm/Plugins/PolygonMask/Options/Classes/{Draw.js → PolygonMaskDraw.js}

@@ -1,9 +1,9 @@
-import { DrawStroke } from "./DrawStroke";
+import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
-export class Draw {
+export class PolygonMaskDraw {
     constructor() {
         this.enable = false;
-        this.stroke = new DrawStroke();
+        this.stroke = new PolygonMaskDrawStroke();
     }
     get lineWidth() {
         return this.stroke.width;
@@ -19,15 +19,16 @@ export class Draw {
     }
     load(data) {
         var _a;
-        if (data !== undefined) {
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            const stroke = (_a = data.stroke) !== null && _a !== void 0 ? _a : {
-                color: data.lineColor,
-                width: data.lineWidth,
-            };
-            this.stroke.load(stroke);
+        if (!data) {
+            return;
         }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        const stroke = (_a = data.stroke) !== null && _a !== void 0 ? _a : {
+            color: data.lineColor,
+            width: data.lineWidth,
+        };
+        this.stroke.load(stroke);
     }
 }

package/esm/Plugins/PolygonMask/Options/Classes/{DrawStroke.d.ts → PolygonMaskDrawStroke.d.ts}

@@ -1,11 +1,11 @@
-import type { IDrawStroke } from "../Interfaces/IDrawStroke";
+import type { IPolygonMaskDrawStroke } from "../Interfaces/IPolygonMaskDrawStroke";
 import type { RecursivePartial } from "../../../../Types";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
-export declare class DrawStroke implements IDrawStroke, IOptionLoader<IDrawStroke> {
+export declare class PolygonMaskDrawStroke implements IPolygonMaskDrawStroke, IOptionLoader<IPolygonMaskDrawStroke> {
     color: OptionsColor;
     width: number;
     opacity: number;
     constructor();
-    load(data?: RecursivePartial<IDrawStroke>): void;
+    load(data?: RecursivePartial<IPolygonMaskDrawStroke>): void;
 }

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskDrawStroke.js

@@ -0,0 +1,25 @@
+import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import { stringToAlpha } from "../../../../Utils";
+export class PolygonMaskDrawStroke {
+    constructor() {
+        this.color = new OptionsColor();
+        this.width = 0.5;
+        this.opacity = 1;
+    }
+    load(data) {
+        var _a;
+        if (!data) {
+            return;
+        }
+        this.color = OptionsColor.create(this.color, data.color);
+        if (typeof this.color.value === "string") {
+            this.opacity = (_a = stringToAlpha(this.color.value)) !== null && _a !== void 0 ? _a : this.opacity;
+        }
+        if (data.opacity !== undefined) {
+            this.opacity = data.opacity;
+        }
+        if (data.width !== undefined) {
+            this.width = data.width;
+        }
+    }
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskInline.d.ts

@@ -0,0 +1,9 @@
+import type { IPolygonMaskInline } from "../Interfaces/IPolygonMaskInline";
+import { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
+import type { RecursivePartial } from "../../../../Types";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+export declare class PolygonMaskInline implements IPolygonMaskInline, IOptionLoader<IPolygonMaskInline> {
+    arrangement: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
+    constructor();
+    load(data?: RecursivePartial<IPolygonMaskInline>): void;
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskInline.js

@@ -0,0 +1,13 @@
+export class PolygonMaskInline {
+    constructor() {
+        this.arrangement = "one-per-point";
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.arrangement !== undefined) {
+            this.arrangement = data.arrangement;
+        }
+    }
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskLocalSvg.d.ts

@@ -0,0 +1,11 @@
+import type { IPolygonMaskLocalSvg } from "../Interfaces/IPolygonMaskLocalSvg";
+import type { SingleOrMultiple } from "../../../../Types";
+import type { IDimension } from "../../../../Core";
+import type { RecursivePartial } from "../../../../Types";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+export declare class PolygonMaskLocalSvg implements IPolygonMaskLocalSvg, IOptionLoader<IPolygonMaskLocalSvg> {
+    path: SingleOrMultiple<string>;
+    size: IDimension;
+    constructor();
+    load(data?: RecursivePartial<IPolygonMaskLocalSvg>): void;
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskLocalSvg.js

@@ -0,0 +1,25 @@
+export class PolygonMaskLocalSvg {
+    constructor() {
+        this.path = [];
+        this.size = {
+            height: 0,
+            width: 0,
+        };
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.path !== undefined) {
+            this.path = data.path;
+        }
+        if (data.size !== undefined) {
+            if (data.size.width !== undefined) {
+                this.size.width = data.size.width;
+            }
+            if (data.size.height !== undefined) {
+                this.size.height = data.size.height;
+            }
+        }
+    }
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskMove.d.ts

@@ -0,0 +1,10 @@
+import type { IPolygonMaskMove } from "../Interfaces/IPolygonMaskMove";
+import type { RecursivePartial } from "../../../../Types";
+import { PolygonMaskMoveType } from "../../Enums";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+export declare class PolygonMaskMove implements IPolygonMaskMove, IOptionLoader<IPolygonMaskMove> {
+    radius: number;
+    type: PolygonMaskMoveType | keyof typeof PolygonMaskMoveType;
+    constructor();
+    load(data?: RecursivePartial<IPolygonMaskMove>): void;
+}

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskMove.js

@@ -0,0 +1,17 @@
+export class PolygonMaskMove {
+    constructor() {
+        this.radius = 10;
+        this.type = "path";
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.radius !== undefined) {
+            this.radius = data.radius;
+        }
+        if (data.type !== undefined) {
+            this.type = data.type;
+        }
+    }
+}

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMask.d.ts

@@ -1,19 +1,18 @@
-import type { IDraw } from "./IDraw";
-import type { IMove } from "./IMove";
-import type { InlineArrangement, InlineArrangementAlt } from "../../Enums";
-import type { IInline } from "./IInline";
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
-import type { ILocalSvg } from "./ILocalSvg";
-import { Type } from "../../Enums";
+import type { IPolygonMaskDraw } from "./IPolygonMaskDraw";
+import type { IPolygonMaskMove } from "./IPolygonMaskMove";
+import type { PolygonMaskType, PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
+import type { IPolygonMaskInline } from "./IPolygonMaskInline";
+import type { ICoordinates } from "../../../../Core";
+import type { IPolygonMaskLocalSvg } from "./IPolygonMaskLocalSvg";
 export interface IPolygonMask {
-    draw: IDraw;
+    draw: IPolygonMaskDraw;
     enable: boolean;
-    inline: IInline;
-    inlineArrangement: InlineArrangement | keyof typeof InlineArrangement | InlineArrangementAlt;
-    move: IMove;
+    inline: IPolygonMaskInline;
+    inlineArrangement: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
+    move: IPolygonMaskMove;
     position?: ICoordinates;
     scale: number;
-    type: Type;
+    type: PolygonMaskType;
     url?: string;
-    data?: string | ILocalSvg;
+    data?: string | IPolygonMaskLocalSvg;
 }

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskDraw.d.ts

@@ -0,0 +1,8 @@
+import type { IPolygonMaskDrawStroke } from "./IPolygonMaskDrawStroke";
+import type { IColor } from "../../../../Core";
+export interface IPolygonMaskDraw {
+    enable: boolean;
+    lineColor: string | IColor;
+    lineWidth: number;
+    stroke: IPolygonMaskDrawStroke;
+}

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskDraw.js

@@ -0,0 +1 @@
+export {};

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskDrawStroke.d.ts

@@ -0,0 +1,6 @@
+import type { IColor } from "../../../../Core";
+export interface IPolygonMaskDrawStroke {
+    color: string | IColor;
+    width: number;
+    opacity: number;
+}