@tsparticles/plugin-emitters-shape-path 4.0.0-alpha.8 → 4.0.0-beta.0

package/595.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).push([[595],{595(t,e,i){i.d(e,{EmittersPathShapeGenerator:()=>s});var n=i(303),o=i(526);class h extends o.EmitterShapeBase{checkContext;path;points;constructor(t,e,i,o,h){super(e,i,o,h);const a=(0,n.safeDocument)().createElement("canvas").getContext("2d",t.canvas.settings);if(!a)throw Error("No 2d context available");this.checkContext=a,this.points=h.points;const s=this.points,r=new Path2D,l={x:e.x-i.width*n.half,y:e.y-i.height*n.half};for(const[t,e]of s.entries()){const o={x:l.x+e.x*i.width/n.percentDenominator,y:l.y+e.y*i.height/n.percentDenominator};t?r.lineTo(o.x,o.y):r.moveTo(o.x,o.y)}const p=s[0];if(!p)throw Error("No path data available");const c={x:l.x+p.x*i.width/n.percentDenominator,y:l.y+p.y*i.height/n.percentDenominator};r.lineTo(c.x,c.y),this.path=r}async init(){}randomPosition(){let t=this.checkContext,e=this.position,i=this.size,o=this.fill,h=this.path,a=o?function(t,e,i,o){let h=null;for(let a=0;a<100;a++){let a={x:i.x+(0,n.getRandom)()*o.width-o.width*n.half,y:i.y+(0,n.getRandom)()*o.height-o.height*n.half};if(t.isPointInPath(e,a.x,a.y)){h=a;break}}return h}(t,h,e,i):function(t,e,i,o){let h=null;for(let a=0;a<100;a++){let a={x:i.x+(0,n.getRandom)()*o.width-o.width*n.half,y:i.y+(0,n.getRandom)()*o.height-o.height*n.half};if(t.isPointInStroke(e,a.x,a.y)){h=a;break}}return h}(t,h,e,i);return a?{position:a}:null}resize(t,e){super.resize(t,e);let i=this.points,o=new Path2D,h={x:t.x-e.width*n.half,y:t.y-e.height*n.half};for(let[t,a]of i.entries()){let i={x:h.x+a.x*e.width/n.percentDenominator,y:h.y+a.y*e.height/n.percentDenominator};t?o.lineTo(i.x,i.y):o.moveTo(i.x,i.y)}let a=i[0];if(!a)throw Error("No path data available");let s={x:h.x+a.x*e.width/n.percentDenominator,y:h.y+a.y*e.height/n.percentDenominator};o.lineTo(s.x,s.y),this.path=o}}class a{points;constructor(){this.points=[]}load(t){(0,n.isNull)(t)||void 0!==t.points&&(this.points=t.points.map(t=>({x:t.x??50,y:t.y??50})))}}class s{generate(t,e,i,n,o){let s=new a;return s.load(o),new h(t,e,i,n,s)}}}}]);

package/browser/EmittersPathShape.js

@@ -1,10 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { half, percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/browser/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/browser/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/browser/index.js

@@ -1,10 +1,9 @@
 export async function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        if (!e.addEmitterShapeGenerator) {
-            throw new Error("tsParticles emitters plugin missing or initialized after shapes");
-        }
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        e.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/cjs/EmittersPathShape.js

@@ -1,10 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { half, percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/cjs/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/cjs/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/cjs/index.js

@@ -1,10 +1,9 @@
 export async function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        if (!e.addEmitterShapeGenerator) {
-            throw new Error("tsParticles emitters plugin missing or initialized after shapes");
-        }
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        e.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/dist_browser_EmittersPathShapeGenerator_js.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-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*******************************************/
 (__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 */   EmittersPathShape: () => (/* binding */ EmittersPathShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\n\nclass EmittersPathShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase {\n  constructor(position, size, fill, options) {\n    super(position, size, fill, options);\n    const ctx = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().createElement(\"canvas\").getContext(\"2d\");\n    if (!ctx) {\n      throw new Error(`No 2d context available`);\n    }\n    this.checkContext = ctx;\n    this.points = options.points;\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n        y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n  async init() {}\n  randomPosition() {\n    const ctx = this.checkContext,\n      position = this.position,\n      size = this.size,\n      fill = this.fill,\n      path = this.path,\n      res = fill ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointWithinPath)(ctx, path, position, size) : (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointOnPathPerimeter)(ctx, path, position, size);\n    return res ? {\n      position: res\n    } : null;\n  }\n  resize(position, size) {\n    super.resize(position, size);\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half,\n        y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShape: () => (/* binding */ EmittersPathShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\n\nclass EmittersPathShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeBase {\n    checkContext;\n    path;\n    points;\n    constructor(container, position, size, fill, options){\n        super(position, size, fill, options);\n        const ctx = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"canvas\").getContext(\"2d\", container.canvas.settings);\n        if (!ctx) {\n            throw new Error(`No 2d context available`);\n        }\n        this.checkContext = ctx;\n        this.points = options.points;\n        const pathData = this.points, path = new Path2D(), offset = {\n            x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        for (const [index, point] of pathData.entries()){\n            const coords = {\n                x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n                y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n            };\n            if (!index) {\n                path.moveTo(coords.x, coords.y);\n            } else {\n                path.lineTo(coords.x, coords.y);\n            }\n        }\n        const firstIndex = 0, firstPathData = pathData[firstIndex];\n        if (!firstPathData) {\n            throw new Error(`No path data available`);\n        }\n        const coords = {\n            x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n            y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n        };\n        path.lineTo(coords.x, coords.y);\n        this.path = path;\n    }\n    async init() {}\n    randomPosition() {\n        const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointWithinPath)(ctx, path, position, size) : (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointOnPathPerimeter)(ctx, path, position, size);\n        return res ? {\n            position: res\n        } : null;\n    }\n    resize(position, size) {\n        super.resize(position, size);\n        const pathData = this.points, path = new Path2D(), offset = {\n            x: position.x - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: position.y - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        for (const [index, point] of pathData.entries()){\n            const coords = {\n                x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n                y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n            };\n            if (!index) {\n                path.moveTo(coords.x, coords.y);\n            } else {\n                path.lineTo(coords.x, coords.y);\n            }\n        }\n        const firstIndex = 0, firstPathData = pathData[firstIndex];\n        if (!firstPathData) {\n            throw new Error(`No path data available`);\n        }\n        const coords = {\n            x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n            y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n        };\n        path.lineTo(coords.x, coords.y);\n        this.path = path;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,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 */   EmittersPathShapeGenerator: () => (/* binding */ EmittersPathShapeGenerator)\n/* harmony export */ });\n/* harmony import */ var _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/EmittersPathShapeOptions.js */ \"./dist/browser/Options/Classes/EmittersPathShapeOptions.js\");\n\n\nclass EmittersPathShapeGenerator {\n  generate(position, size, fill, options) {\n    const shapeOptions = new _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShapeOptions();\n    shapeOptions.load(options);\n    return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__.EmittersPathShape(position, size, fill, shapeOptions);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeGenerator: () => (/* binding */ EmittersPathShapeGenerator)\n/* harmony export */ });\n/* harmony import */ var _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/EmittersPathShapeOptions.js */ \"./dist/browser/Options/Classes/EmittersPathShapeOptions.js\");\n\n\nclass EmittersPathShapeGenerator {\n    generate(container, position, size, fill, options) {\n        const shapeOptions = new _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShapeOptions();\n        shapeOptions.load(options);\n        return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__.EmittersPathShape(container, position, size, fill, shapeOptions);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,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 */   EmittersPathShapeOptions: () => (/* binding */ EmittersPathShapeOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultPosition = {\n  x: 50,\n  y: 50\n};\nclass EmittersPathShapeOptions {\n  constructor() {\n    this.points = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.points !== undefined) {\n      this.points = data.points.map(t => ({\n        x: t.x ?? defaultPosition.x,\n        y: t.y ?? defaultPosition.y\n      }));\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/Options/Classes/EmittersPathShapeOptions.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeOptions: () => (/* binding */ EmittersPathShapeOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultPosition = {\n    x: 50,\n    y: 50\n};\nclass EmittersPathShapeOptions {\n    points;\n    constructor(){\n        this.points = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.points !== undefined) {\n            this.points = data.points.map((t)=>({\n                    x: t.x ?? defaultPosition.x,\n                    y: t.y ?? defaultPosition.y\n                }));\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/Options/Classes/EmittersPathShapeOptions.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,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 */   generateRandomPointOnPathPerimeter: () => (/* binding */ generateRandomPointOnPathPerimeter),\n/* harmony export */   generateRandomPointWithinPath: () => (/* binding */ generateRandomPointWithinPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst maxAttempts = 100;\nfunction generateRandomPointWithinPath(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\nfunction generateRandomPointOnPathPerimeter(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n    };\n    if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   generateRandomPointOnPathPerimeter: () => (/* binding */ generateRandomPointOnPathPerimeter),\n/* harmony export */   generateRandomPointWithinPath: () => (/* binding */ generateRandomPointWithinPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst maxAttempts = 100;\nfunction generateRandomPointWithinPath(ctx, path, center, size) {\n    let randomPoint = null;\n    for(let attempts = 0; attempts < maxAttempts; attempts++){\n        const tmpPoint = {\n            x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {\n            randomPoint = tmpPoint;\n            break;\n        }\n    }\n    return randomPoint;\n}\nfunction generateRandomPointOnPathPerimeter(ctx, path, center, size) {\n    let randomPoint = null;\n    for(let attempts = 0; attempts < maxAttempts; attempts++){\n        const tmpPoint = {\n            x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n            y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half\n        };\n        if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {\n            randomPoint = tmpPoint;\n            break;\n        }\n    }\n    return randomPoint;\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/utils.js?\n}");
 
 /***/ }
 

package/esm/EmittersPathShape.js

@@ -1,10 +1,13 @@
+import { half, percentDenominator, safeDocument, } from "@tsparticles/engine";
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { half, percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 export class EmittersPathShape extends EmitterShapeBase {
-    constructor(position, size, fill, options) {
+    checkContext;
+    path;
+    points;
+    constructor(container, position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = safeDocument().createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d", container.canvas.settings);
         if (!ctx) {
             throw new Error(`No 2d context available`);
         }

package/esm/EmittersPathShapeGenerator.js

@@ -1,9 +1,9 @@
 import { EmittersPathShape } from "./EmittersPathShape.js";
 import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export class EmittersPathShapeGenerator {
-    generate(position, size, fill, options) {
+    generate(container, position, size, fill, options) {
         const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(container, position, size, fill, shapeOptions);
     }
 }

package/esm/Options/Classes/EmittersPathShapeOptions.js

@@ -1,6 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
 export class EmittersPathShapeOptions {
+    points;
     constructor() {
         this.points = [];
     }

package/esm/index.js

@@ -1,10 +1,9 @@
 export async function loadEmittersShapePath(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        if (!e.addEmitterShapeGenerator) {
-            throw new Error("tsParticles emitters plugin missing or initialized after shapes");
-        }
+        const { ensureEmittersPluginLoaded } = await import("@tsparticles/plugin-emitters");
+        ensureEmittersPluginLoaded(e);
         const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
-        e.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+        e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-emitters-shape-path",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles emitters shape path plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,8 +100,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.8",
-    "@tsparticles/plugin-emitters": "4.0.0-alpha.8"
+    "@tsparticles/engine": "4.0.0-beta.0",
+    "@tsparticles/plugin-emitters": "4.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-emitters-shape-path [23 Jan 2026 at 23:57]</title>
+    <title>@tsparticles/plugin-emitters-shape-path [19 Mar 2026 at 14:00]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/tsparticles.plugin.emitters.shape.path.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-alpha.8
+ * v4.0.0-beta.0
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__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 */   loadEmittersShapePath: () => (/* binding */ loadEmittersShapePath)\n/* harmony export */ });\nasync function loadEmittersShapePath(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    if (!e.addEmitterShapeGenerator) {\n      throw new Error(\"tsParticles emitters plugin missing or initialized after shapes\");\n    }\n    const {\n      EmittersPathShapeGenerator\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmittersPathShapeGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPathShapeGenerator.js */ \"./dist/browser/EmittersPathShapeGenerator.js\"));\n    e.addEmitterShapeGenerator(\"path\", new EmittersPathShapeGenerator());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/index.js?\n}");
-
-/***/ },
-
 /***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -56,6 +46,16 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 
+/***/ },
+
+/***/ "./dist/browser/index.js"
+/*!*******************************!*\
+  !*** ./dist/browser/index.js ***!
+  \*******************************/
+(__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 */   loadEmittersShapePath: () => (/* binding */ loadEmittersShapePath)\n/* harmony export */ });\nasync function loadEmittersShapePath(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ensureEmittersPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\", 19));\n        ensureEmittersPluginLoaded(e);\n        const { EmittersPathShapeGenerator } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmittersPathShapeGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPathShapeGenerator.js */ \"./dist/browser/EmittersPathShapeGenerator.js\"));\n        e.addEmitterShapeGenerator?.(\"path\", new EmittersPathShapeGenerator());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/index.js?\n}");
+
 /***/ }
 
 /******/ 	});
@@ -70,12 +70,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
-/******/ 		// Check if module exists (development only)
-/******/ 		if (__webpack_modules__[moduleId] === undefined) {
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -84,6 +78,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
+/******/ 		if (!(moduleId in __webpack_modules__)) {
+/******/ 			delete __webpack_module_cache__[moduleId];
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
@@ -94,6 +94,36 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 /******/ 	__webpack_require__.m = __webpack_modules__;
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/create fake namespace object */
+/******/ 	(() => {
+/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
+/******/ 		var leafPrototypes;
+/******/ 		// create a fake namespace object
+/******/ 		// mode & 1: value is a module id, require it
+/******/ 		// mode & 2: merge all properties of value into the ns
+/******/ 		// mode & 4: return value when already ns object
+/******/ 		// mode & 16: return value when it's Promise-like
+/******/ 		// mode & 8|1: behave like require
+/******/ 		__webpack_require__.t = function(value, mode) {
+/******/ 			if(mode & 1) value = this(value);
+/******/ 			if(mode & 8) return value;
+/******/ 			if(typeof value === 'object' && value) {
+/******/ 				if((mode & 4) && value.__esModule) return value;
+/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
+/******/ 			}
+/******/ 			var ns = Object.create(null);
+/******/ 			__webpack_require__.r(ns);
+/******/ 			var def = {};
+/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
+/******/ 			}
+/******/ 			def['default'] = () => (value);
+/******/ 			__webpack_require__.d(ns, def);
+/******/ 			return ns;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -128,6 +158,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/global */
+/******/ 	(() => {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -192,8 +234,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters__;
 /******/ 	/* webpack/runtime/publicPath */
 /******/ 	(() => {
 /******/ 		var scriptUrl;
-/******/ 		if (globalThis.importScripts) scriptUrl = globalThis.location + "";
-/******/ 		var document = globalThis.document;
+/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ 		var document = __webpack_require__.g.document;
 /******/ 		if (!scriptUrl && document) {
 /******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
 /******/ 				scriptUrl = document.currentScript.src;

package/tsparticles.plugin.emitters.shape.path.min.js

@@ -1,2 +1,2 @@
-/*! For license information please see tsparticles.plugin.emitters.shape.path.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,((e,t)=>(()=>{var r,i,a={303(e){e.exports=t},526(t){t.exports=e}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e](r,r.exports,n),r.exports}n.m=a,n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>e+".min.js",n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},i="@tsparticles/plugin-emitters-shape-path:",n.l=(e,t,a,o)=>{if(r[e])r[e].push(t);else{var s,p;if(void 0!==a)for(var l=document.getElementsByTagName("script"),c=0;c<l.length;c++){var u=l[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==i+a){s=u;break}}s||(p=!0,(s=document.createElement("script")).charset="utf-8",n.nc&&s.setAttribute("nonce",n.nc),s.setAttribute("data-webpack",i+a),s.src=e),r[e]=[t];var d=(t,i)=>{s.onerror=s.onload=null,clearTimeout(h);var a=r[e];if(delete r[e],s.parentNode&&s.parentNode.removeChild(s),a&&a.forEach((e=>e(i))),t)return t(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),p&&document.head.appendChild(s)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var i=r.length-1;i>-1&&(!e||!/^http(s?):/.test(e));)e=r[i--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={395:0};n.f.j=(t,r)=>{var i=n.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var a=new Promise(((r,a)=>i=e[t]=[r,a]));r.push(i[2]=a);var o=n.p+n.u(t),s=new Error;n.l(o,(r=>{if(n.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",s.name="ChunkLoadError",s.type=a,s.request=o,i[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var i,a,[o,s,p]=r,l=0;if(o.some((t=>0!==e[t]))){for(i in s)n.o(s,i)&&(n.m[i]=s[i]);if(p)p(n)}for(t&&t(r);l<o.length;l++)a=o[l],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var s={};async function p(e){e.checkVersion("4.0.0-alpha.8"),await e.register((async e=>{if(!e.addEmitterShapeGenerator)throw new Error("tsParticles emitters plugin missing or initialized after shapes");const{EmittersPathShapeGenerator:t}=await n.e(181).then(n.bind(n,181));e.addEmitterShapeGenerator("path",new t)}))}return n.r(s),n.d(s,{loadEmittersShapePath:()=>p}),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-emitters","@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/plugin-emitters"),require("@tsparticles/engine")):t(e.window,e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e,t)=>(()=>{"use strict";var r,o,i,n={303(e){e.exports=t},526(t){t.exports=e}},a={};function s(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,s),r.exports}s.m=n,c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);s.r(r);var o={};p=p||[null,c({}),c([]),c(c)];for(var i=2&t&&e;("object"==typeof i||"function"==typeof i)&&!~p.indexOf(i);i=c(i))Object.getOwnPropertyNames(i).forEach(t=>o[t]=()=>e[t]);return o.default=()=>e,s.d(r,o),r},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((t,r)=>(s.f[r](e,t),t),[])),s.u=e=>""+e+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l={},s.l=(e,t,r,o)=>{if(l[e])return void l[e].push(t);if(void 0!==r)for(var i,n,a=document.getElementsByTagName("script"),p=0;p<a.length;p++){var c=a[p];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/plugin-emitters-shape-path:"+r){i=c;break}}i||(n=!0,(i=document.createElement("script")).charset="utf-8",s.nc&&i.setAttribute("nonce",s.nc),i.setAttribute("data-webpack","@tsparticles/plugin-emitters-shape-path:"+r),i.src=e),l[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(f);var o=l[e];if(delete l[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),n&&document.head.appendChild(i)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.g.importScripts&&(u=s.g.location+"");var p,c,l,u,f=s.g.document;if(!u&&f&&(f.currentScript&&"SCRIPT"===f.currentScript.tagName.toUpperCase()&&(u=f.currentScript.src),!u)){var d=f.getElementsByTagName("script");if(d.length)for(var h=d.length-1;h>-1&&(!u||!/^http(s?):/.test(u));)u=d[h--].src}if(!u)throw Error("Automatic publicPath is not supported in this browser");s.p=u=u.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={395:0},s.f.j=(e,t)=>{var o=s.o(r,e)?r[e]:void 0;if(0!==o)if(o)t.push(o[2]);else{var i=new Promise((t,i)=>o=r[e]=[t,i]);t.push(o[2]=i);var n=s.p+s.u(e),a=Error();s.l(n,t=>{if(s.o(r,e)&&(0!==(o=r[e])&&(r[e]=void 0),o)){var i=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
+(`+i+": "+n+")",a.name="ChunkLoadError",a.type=i,a.request=n,o[1](a)}},"chunk-"+e,e)}},o=(e,t)=>{var o,i,[n,a,p]=t,c=0;if(n.some(e=>0!==r[e])){for(o in a)s.o(a,o)&&(s.m[o]=a[o]);p&&p(s)}for(e&&e(t);c<n.length;c++)i=n[c],s.o(r,i)&&r[i]&&r[i][0](),r[i]=0},(i=this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).forEach(o.bind(null,0)),i.push=o.bind(null,i.push.bind(i));var b={};async function m(e){e.checkVersion("4.0.0-beta.0"),await e.register(async e=>{let{ensureEmittersPluginLoaded:t}=await Promise.resolve().then(s.t.bind(s,526,19));t(e);let{EmittersPathShapeGenerator:r}=await s.e(595).then(s.bind(s,595));e.addEmitterShapeGenerator?.("path",new r)})}return s.r(b),s.d(b,{loadEmittersShapePath:()=>m}),b})());

package/types/EmittersPathShape.d.ts

@@ -1,11 +1,11 @@
+import { type Container, type ICoordinates, type IDimension } from "@tsparticles/engine";
 import { EmitterShapeBase, type IRandomPositionData } from "@tsparticles/plugin-emitters";
-import { type ICoordinates, type IDimension } from "@tsparticles/engine";
 import type { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
 export declare class EmittersPathShape extends EmitterShapeBase<EmittersPathShapeOptions> {
     checkContext: CanvasRenderingContext2D;
     path: Path2D;
     points: ICoordinates[];
-    constructor(position: ICoordinates, size: IDimension, fill: boolean, options: EmittersPathShapeOptions);
+    constructor(container: Container, position: ICoordinates, size: IDimension, fill: boolean, options: EmittersPathShapeOptions);
     init(): Promise<void>;
     randomPosition(): IRandomPositionData | null;
     resize(position: ICoordinates, size: IDimension): void;

package/types/EmittersPathShapeGenerator.d.ts

@@ -1,6 +1,6 @@
-import type { ICoordinates, IDimension } from "@tsparticles/engine";
+import type { Container, ICoordinates, IDimension } from "@tsparticles/engine";
 import type { IEmitterShape, IEmitterShapeGenerator } from "@tsparticles/plugin-emitters";
 import type { IEmittersPathShapeOptions } from "./Options/Interfaces/IEmittersPathShapeOptions.js";
 export declare class EmittersPathShapeGenerator implements IEmitterShapeGenerator<IEmittersPathShapeOptions> {
-    generate(position: ICoordinates, size: IDimension, fill: boolean, options: IEmittersPathShapeOptions): IEmitterShape;
+    generate(container: Container, position: ICoordinates, size: IDimension, fill: boolean, options: IEmittersPathShapeOptions): IEmitterShape;
 }

package/umd/EmittersPathShape.js

@@ -4,19 +4,22 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/plugin-emitters", "@tsparticles/engine", "./utils.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "@tsparticles/plugin-emitters", "./utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EmittersPathShape = void 0;
-    const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
     const engine_1 = require("@tsparticles/engine");
+    const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
     const utils_js_1 = require("./utils.js");
     class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
-        constructor(position, size, fill, options) {
+        checkContext;
+        path;
+        points;
+        constructor(container, position, size, fill, options) {
             super(position, size, fill, options);
-            const ctx = (0, engine_1.safeDocument)().createElement("canvas").getContext("2d");
+            const ctx = (0, engine_1.safeDocument)().createElement("canvas").getContext("2d", container.canvas.settings);
             if (!ctx) {
                 throw new Error(`No 2d context available`);
             }

package/umd/EmittersPathShapeGenerator.js

@@ -13,10 +13,10 @@
     const EmittersPathShape_js_1 = require("./EmittersPathShape.js");
     const EmittersPathShapeOptions_js_1 = require("./Options/Classes/EmittersPathShapeOptions.js");
     class EmittersPathShapeGenerator {
-        generate(position, size, fill, options) {
+        generate(container, position, size, fill, options) {
             const shapeOptions = new EmittersPathShapeOptions_js_1.EmittersPathShapeOptions();
             shapeOptions.load(options);
-            return new EmittersPathShape_js_1.EmittersPathShape(position, size, fill, shapeOptions);
+            return new EmittersPathShape_js_1.EmittersPathShape(container, position, size, fill, shapeOptions);
         }
     }
     exports.EmittersPathShapeGenerator = EmittersPathShapeGenerator;

package/umd/Options/Classes/EmittersPathShapeOptions.js

@@ -13,6 +13,7 @@
     const engine_1 = require("@tsparticles/engine");
     const defaultPosition = { x: 50, y: 50 };
     class EmittersPathShapeOptions {
+        points;
         constructor() {
             this.points = [];
         }

package/umd/index.js

@@ -45,13 +45,12 @@ var __importStar = (this && this.__importStar) || (function () {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadEmittersShapePath = loadEmittersShapePath;
     async function loadEmittersShapePath(engine) {
-        engine.checkVersion("4.0.0-alpha.8");
+        engine.checkVersion("4.0.0-beta.0");
         await engine.register(async (e) => {
-            if (!e.addEmitterShapeGenerator) {
-                throw new Error("tsParticles emitters plugin missing or initialized after shapes");
-            }
-            const { EmittersPathShapeGenerator } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPathShapeGenerator.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmittersPathShapeGenerator.js"], resolve_1, reject_1); }).then(__importStar));
-            e.addEmitterShapeGenerator("path", new EmittersPathShapeGenerator());
+            const { ensureEmittersPluginLoaded } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-emitters"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-emitters"], resolve_1, reject_1); }).then(__importStar));
+            ensureEmittersPluginLoaded(e);
+            const { EmittersPathShapeGenerator } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPathShapeGenerator.js"))) : new Promise((resolve_2, reject_2) => { require(["./EmittersPathShapeGenerator.js"], resolve_2, reject_2); }).then(__importStar));
+            e.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
         });
     }
 });

package/181.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 181.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).push([[181],{181(t,e,n){n.d(e,{EmittersPathShapeGenerator:()=>c});var i=n(526),o=n(303);class h extends i.EmitterShapeBase{constructor(t,e,n,i){super(t,e,n,i);const h=(0,o.safeDocument)().createElement("canvas").getContext("2d");if(!h)throw new Error("No 2d context available");this.checkContext=h,this.points=i.points;const s=this.points,a=new Path2D,r=t.x-e.width*o.half,c=t.y-e.height*o.half;for(const[t,n]of s.entries()){const i={x:r+n.x*e.width/o.percentDenominator,y:c+n.y*e.height/o.percentDenominator};t?a.lineTo(i.x,i.y):a.moveTo(i.x,i.y)}const l=s[0];if(!l)throw new Error("No path data available");const p={x:r+l.x*e.width/o.percentDenominator,y:c+l.y*e.height/o.percentDenominator};a.lineTo(p.x,p.y),this.path=a}async init(){}randomPosition(){const t=this.checkContext,e=this.position,n=this.size,i=this.fill,h=this.path,s=i?function(t,e,n,i){let h=null;for(let s=0;s<100;s++){const s={x:n.x+(0,o.getRandom)()*i.width-i.width*o.half,y:n.y+(0,o.getRandom)()*i.height-i.height*o.half};if(t.isPointInPath(e,s.x,s.y)){h=s;break}}return h}(t,h,e,n):function(t,e,n,i){let h=null;for(let s=0;s<100;s++){const s={x:n.x+(0,o.getRandom)()*i.width-i.width*o.half,y:n.y+(0,o.getRandom)()*i.height-i.height*o.half};if(t.isPointInStroke(e,s.x,s.y)){h=s;break}}return h}(t,h,e,n);return s?{position:s}:null}resize(t,e){super.resize(t,e);const n=this.points,i=new Path2D,h=t.x-e.width*o.half,s=t.y-e.height*o.half;for(const[t,a]of n.entries()){const n={x:h+a.x*e.width/o.percentDenominator,y:s+a.y*e.height/o.percentDenominator};t?i.lineTo(n.x,n.y):i.moveTo(n.x,n.y)}const a=n[0];if(!a)throw new Error("No path data available");const r={x:h+a.x*e.width/o.percentDenominator,y:s+a.y*e.height/o.percentDenominator};i.lineTo(r.x,r.y),this.path=i}}const s=50,a=50;class r{constructor(){this.points=[]}load(t){(0,o.isNull)(t)||void 0!==t.points&&(this.points=t.points.map((t=>({x:t.x??s,y:t.y??a}))))}}class c{generate(t,e,n,i){const o=new r;return o.load(i),new h(t,e,n,o)}}}}]);

package/181.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Emitters Shape Path Plugin v4.0.0-alpha.8 by Matteo Bruni */

package/tsparticles.plugin.emitters.shape.path.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Emitters Shape Path Plugin v4.0.0-alpha.8 by Matteo Bruni */