@tsparticles/shape-polygon 3.9.1 → 4.0.0-alpha.1

package/106.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 106.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_polygon=this.webpackChunk_tsparticles_shape_polygon||[]).push([[106],{106(t,e,n){n.d(e,{PolygonDrawer:()=>o});var a=n(461);class o extends a.L{constructor(){super(...arguments),this.validTypes=["polygon"]}getCenter(t,e){return{x:-e/(t.sides/3.5),y:-e/.76}}getSidesData(t,e){const n=t.sides;return{count:{denominator:1,numerator:n},length:2.66*e/(n/3)}}}},461(t,e,n){n.d(e,{L:()=>r});var a=n(303);const o=0,s=0;class r{draw(t){const{particle:e,radius:n}=t;!function(t,e,n){const{context:r}=t,i=n.count.numerator*n.count.denominator,c=n.count.numerator/n.count.denominator,u=180*(c-2)/c,d=Math.PI-(0,a.degToRad)(u);r.beginPath(),r.translate(e.x,e.y),r.moveTo(o,s);for(let t=0;t<i;t++)r.lineTo(n.length,s),r.translate(n.length,s),r.rotate(d)}(t,this.getCenter(e,n),this.getSidesData(e,n))}getSidesCount(t){const e=t.shapeData;return Math.round((0,a.getRangeValue)(e?.sides??5))}}}}]);

package/106.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Polygon Shape v4.0.0-alpha.1 by Matteo Bruni */

package/144.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 144.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_polygon=this.webpackChunk_tsparticles_shape_polygon||[]).push([[144],{144(t,e,n){n.d(e,{TriangleDrawer:()=>r});var a=n(461);class r extends a.L{constructor(){super(...arguments),this.validTypes=["triangle"]}getCenter(t,e){return{x:-e,y:e/1.66}}getSidesCount(){return 3}getSidesData(t,e){return{count:{denominator:2,numerator:3},length:2*e}}}},461(t,e,n){n.d(e,{L:()=>s});var a=n(303);const r=0,o=0;class s{draw(t){const{particle:e,radius:n}=t;!function(t,e,n){const{context:s}=t,i=n.count.numerator*n.count.denominator,u=n.count.numerator/n.count.denominator,c=180*(u-2)/u,l=Math.PI-(0,a.degToRad)(c);s.beginPath(),s.translate(e.x,e.y),s.moveTo(r,o);for(let t=0;t<i;t++)s.lineTo(n.length,o),s.translate(n.length,o),s.rotate(l)}(t,this.getCenter(e,n),this.getSidesData(e,n))}getSidesCount(t){const e=t.shapeData;return Math.round((0,a.getRangeValue)(e?.sides??5))}}}}]);

package/144.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Polygon Shape v4.0.0-alpha.1 by Matteo Bruni */

package/browser/TriangleDrawer.js

@@ -5,7 +5,7 @@ export class TriangleDrawer extends PolygonDrawerBase {
         super(...arguments);
         this.validTypes = ["triangle"];
     }
-    getCenter(particle, radius) {
+    getCenter(_particle, radius) {
         return {
             x: -radius,
             y: radius / yFactor,
@@ -14,7 +14,7 @@ export class TriangleDrawer extends PolygonDrawerBase {
     getSidesCount() {
         return sides;
     }
-    getSidesData(particle, radius) {
+    getSidesData(_particle, radius) {
         const diameter = radius * double;
         return {
             count: {

package/browser/Utils.js

@@ -2,9 +2,6 @@ import { degToRad } from "@tsparticles/engine";
 const piDeg = 180, origin = { x: 0, y: 0 }, sidesOffset = 2;
 export function drawPolygon(data, start, side) {
     const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = (piDeg * (decimalSides - sidesOffset)) / decimalSides, interiorAngle = Math.PI - degToRad(interiorAngleDegrees);
-    if (!context) {
-        return;
-    }
     context.beginPath();
     context.translate(start.x, start.y);
     context.moveTo(origin.x, origin.y);

package/browser/index.js

@@ -1,15 +1,21 @@
-import { PolygonDrawer } from "./PolygonDrawer.js";
-import { TriangleDrawer } from "./TriangleDrawer.js";
-export async function loadGenericPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new PolygonDrawer(), refresh);
+export function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { PolygonDrawer } = await import("./PolygonDrawer.js");
+        e.addShape(new PolygonDrawer());
+    });
 }
-export async function loadTriangleShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new TriangleDrawer(), refresh);
+export function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { TriangleDrawer } = await import("./TriangleDrawer.js");
+        e.addShape(new TriangleDrawer());
+    });
 }
-export async function loadPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await loadGenericPolygonShape(engine, refresh);
-    await loadTriangleShape(engine, refresh);
+export function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        loadGenericPolygonShape(e);
+        loadTriangleShape(e);
+    });
 }

package/cjs/IPolygonShape.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/ISide.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/ISideCount.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/PolygonDrawer.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PolygonDrawer = void 0;
-const PolygonDrawerBase_js_1 = require("./PolygonDrawerBase.js");
+import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
 const sidesCenterFactor = 3.5, yFactor = 2.66, sidesFactor = 3;
-class PolygonDrawer extends PolygonDrawerBase_js_1.PolygonDrawerBase {
+export class PolygonDrawer extends PolygonDrawerBase {
     constructor() {
         super(...arguments);
         this.validTypes = ["polygon"];
@@ -25,4 +22,3 @@ class PolygonDrawer extends PolygonDrawerBase_js_1.PolygonDrawerBase {
         };
     }
 }
-exports.PolygonDrawer = PolygonDrawer;

package/cjs/PolygonDrawerBase.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PolygonDrawerBase = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { getRangeValue, } from "@tsparticles/engine";
+import { drawPolygon } from "./Utils.js";
 const defaultSides = 5;
-class PolygonDrawerBase {
+export class PolygonDrawerBase {
     draw(data) {
         const { particle, radius } = data, start = this.getCenter(particle, radius), side = this.getSidesData(particle, radius);
-        (0, Utils_js_1.drawPolygon)(data, start, side);
+        drawPolygon(data, start, side);
     }
     getSidesCount(particle) {
         const polygon = particle.shapeData;
-        return Math.round((0, engine_1.getRangeValue)(polygon?.sides ?? defaultSides));
+        return Math.round(getRangeValue(polygon?.sides ?? defaultSides));
     }
 }
-exports.PolygonDrawerBase = PolygonDrawerBase;

package/cjs/TriangleDrawer.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TriangleDrawer = void 0;
-const PolygonDrawerBase_js_1 = require("./PolygonDrawerBase.js");
+import { PolygonDrawerBase } from "./PolygonDrawerBase.js";
 const yFactor = 1.66, sides = 3, double = 2;
-class TriangleDrawer extends PolygonDrawerBase_js_1.PolygonDrawerBase {
+export class TriangleDrawer extends PolygonDrawerBase {
     constructor() {
         super(...arguments);
         this.validTypes = ["triangle"];
     }
-    getCenter(particle, radius) {
+    getCenter(_particle, radius) {
         return {
             x: -radius,
             y: radius / yFactor,
@@ -17,7 +14,7 @@ class TriangleDrawer extends PolygonDrawerBase_js_1.PolygonDrawerBase {
     getSidesCount() {
         return sides;
     }
-    getSidesData(particle, radius) {
+    getSidesData(_particle, radius) {
         const diameter = radius * double;
         return {
             count: {
@@ -28,4 +25,3 @@ class TriangleDrawer extends PolygonDrawerBase_js_1.PolygonDrawerBase {
         };
     }
 }
-exports.TriangleDrawer = TriangleDrawer;

package/cjs/Utils.js

@@ -1,13 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawPolygon = drawPolygon;
-const engine_1 = require("@tsparticles/engine");
+import { degToRad } from "@tsparticles/engine";
 const piDeg = 180, origin = { x: 0, y: 0 }, sidesOffset = 2;
-function drawPolygon(data, start, side) {
-    const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = (piDeg * (decimalSides - sidesOffset)) / decimalSides, interiorAngle = Math.PI - (0, engine_1.degToRad)(interiorAngleDegrees);
-    if (!context) {
-        return;
-    }
+export function drawPolygon(data, start, side) {
+    const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = (piDeg * (decimalSides - sidesOffset)) / decimalSides, interiorAngle = Math.PI - degToRad(interiorAngleDegrees);
     context.beginPath();
     context.translate(start.x, start.y);
     context.moveTo(origin.x, origin.y);

package/cjs/index.js

@@ -1,20 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadGenericPolygonShape = loadGenericPolygonShape;
-exports.loadTriangleShape = loadTriangleShape;
-exports.loadPolygonShape = loadPolygonShape;
-const PolygonDrawer_js_1 = require("./PolygonDrawer.js");
-const TriangleDrawer_js_1 = require("./TriangleDrawer.js");
-async function loadGenericPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new PolygonDrawer_js_1.PolygonDrawer(), refresh);
+export function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { PolygonDrawer } = await import("./PolygonDrawer.js");
+        e.addShape(new PolygonDrawer());
+    });
 }
-async function loadTriangleShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new TriangleDrawer_js_1.TriangleDrawer(), refresh);
+export function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { TriangleDrawer } = await import("./TriangleDrawer.js");
+        e.addShape(new TriangleDrawer());
+    });
 }
-async function loadPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await loadGenericPolygonShape(engine, refresh);
-    await loadTriangleShape(engine, refresh);
+export function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        loadGenericPolygonShape(e);
+        loadTriangleShape(e);
+    });
 }

package/dist_browser_PolygonDrawer_js.js

@@ -0,0 +1,50 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_shape_polygon"] = this["webpackChunk_tsparticles_shape_polygon"] || []).push([["dist_browser_PolygonDrawer_js"],{
+
+/***/ "./dist/browser/PolygonDrawer.js"
+/*!***************************************!*\
+  !*** ./dist/browser/PolygonDrawer.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 */   PolygonDrawer: () => (/* binding */ PolygonDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\nconst sidesCenterFactor = 3.5,\n  yFactor = 2.66,\n  sidesFactor = 3;\nclass PolygonDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"polygon\"];\n  }\n  getCenter(particle, radius) {\n    return {\n      x: -radius / (particle.sides / sidesCenterFactor),\n      y: -radius / (yFactor / sidesCenterFactor)\n    };\n  }\n  getSidesData(particle, radius) {\n    const sides = particle.sides;\n    return {\n      count: {\n        denominator: 1,\n        numerator: sides\n      },\n      length: radius * yFactor / (sides / sidesFactor)\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawer.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/PolygonDrawerBase.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/PolygonDrawerBase.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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/dist_browser_TriangleDrawer_js.js

@@ -0,0 +1,50 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.1
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_shape_polygon"] = this["webpackChunk_tsparticles_shape_polygon"] || []).push([["dist_browser_TriangleDrawer_js"],{
+
+/***/ "./dist/browser/PolygonDrawerBase.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/PolygonDrawerBase.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 */   PolygonDrawerBase: () => (/* binding */ PolygonDrawerBase)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst defaultSides = 5;\nclass PolygonDrawerBase {\n  draw(data) {\n    const {\n        particle,\n        radius\n      } = data,\n      start = this.getCenter(particle, radius),\n      side = this.getSidesData(particle, radius);\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPolygon)(data, start, side);\n  }\n  getSidesCount(particle) {\n    const polygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(polygon?.sides ?? defaultSides));\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/PolygonDrawerBase.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/TriangleDrawer.js"
+/*!****************************************!*\
+  !*** ./dist/browser/TriangleDrawer.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 */   TriangleDrawer: () => (/* binding */ TriangleDrawer)\n/* harmony export */ });\n/* harmony import */ var _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PolygonDrawerBase.js */ \"./dist/browser/PolygonDrawerBase.js\");\n\nconst yFactor = 1.66,\n  sides = 3,\n  double = 2;\nclass TriangleDrawer extends _PolygonDrawerBase_js__WEBPACK_IMPORTED_MODULE_0__.PolygonDrawerBase {\n  constructor() {\n    super(...arguments);\n    this.validTypes = [\"triangle\"];\n  }\n  getCenter(_particle, radius) {\n    return {\n      x: -radius,\n      y: radius / yFactor\n    };\n  }\n  getSidesCount() {\n    return sides;\n  }\n  getSidesData(_particle, radius) {\n    const diameter = radius * double;\n    return {\n      count: {\n        denominator: 2,\n        numerator: 3\n      },\n      length: diameter\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/TriangleDrawer.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/Utils.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 */   drawPolygon: () => (/* binding */ drawPolygon)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst piDeg = 180,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  sidesOffset = 2;\nfunction drawPolygon(data, start, side) {\n  const {\n      context\n    } = data,\n    sideCount = side.count.numerator * side.count.denominator,\n    decimalSides = side.count.numerator / side.count.denominator,\n    interiorAngleDegrees = piDeg * (decimalSides - sidesOffset) / decimalSides,\n    interiorAngle = Math.PI - (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(interiorAngleDegrees);\n  context.beginPath();\n  context.translate(start.x, start.y);\n  context.moveTo(origin.x, origin.y);\n  for (let i = 0; i < sideCount; i++) {\n    context.lineTo(side.length, origin.y);\n    context.translate(side.length, origin.y);\n    context.rotate(interiorAngle);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-polygon/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/TriangleDrawer.js

@@ -5,7 +5,7 @@ export class TriangleDrawer extends PolygonDrawerBase {
         super(...arguments);
         this.validTypes = ["triangle"];
     }
-    getCenter(particle, radius) {
+    getCenter(_particle, radius) {
         return {
             x: -radius,
             y: radius / yFactor,
@@ -14,7 +14,7 @@ export class TriangleDrawer extends PolygonDrawerBase {
     getSidesCount() {
         return sides;
     }
-    getSidesData(particle, radius) {
+    getSidesData(_particle, radius) {
         const diameter = radius * double;
         return {
             count: {

package/esm/Utils.js

@@ -2,9 +2,6 @@ import { degToRad } from "@tsparticles/engine";
 const piDeg = 180, origin = { x: 0, y: 0 }, sidesOffset = 2;
 export function drawPolygon(data, start, side) {
     const { context } = data, sideCount = side.count.numerator * side.count.denominator, decimalSides = side.count.numerator / side.count.denominator, interiorAngleDegrees = (piDeg * (decimalSides - sidesOffset)) / decimalSides, interiorAngle = Math.PI - degToRad(interiorAngleDegrees);
-    if (!context) {
-        return;
-    }
     context.beginPath();
     context.translate(start.x, start.y);
     context.moveTo(origin.x, origin.y);

package/esm/index.js

@@ -1,15 +1,21 @@
-import { PolygonDrawer } from "./PolygonDrawer.js";
-import { TriangleDrawer } from "./TriangleDrawer.js";
-export async function loadGenericPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new PolygonDrawer(), refresh);
+export function loadGenericPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { PolygonDrawer } = await import("./PolygonDrawer.js");
+        e.addShape(new PolygonDrawer());
+    });
 }
-export async function loadTriangleShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new TriangleDrawer(), refresh);
+export function loadTriangleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(async (e) => {
+        const { TriangleDrawer } = await import("./TriangleDrawer.js");
+        e.addShape(new TriangleDrawer());
+    });
 }
-export async function loadPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await loadGenericPolygonShape(engine, refresh);
-    await loadTriangleShape(engine, refresh);
+export function loadPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.1");
+    engine.register(e => {
+        loadGenericPolygonShape(e);
+        loadTriangleShape(e);
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-polygon",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.1",
   "description": "tsParticles polygon shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -59,9 +59,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.1"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }