@tsparticles/shape-rounded-polygon 4.0.0-alpha.5 → 4.0.0-beta.0

package/512.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_rounded_polygon=this.webpackChunk_tsparticles_shape_rounded_polygon||[]).push([[512],{512(e,t,a){a.d(t,{RoundedPolygonDrawer:()=>s});var r=a(303);class s{draw(e){let{context:t,particle:a,radius:s}=e;!function(e,t,a){let s=t[0],l=t[1];if(!s||!l)return;let n=t.length;e.moveTo((s.x+l.x)*r.half,(s.y+l.y)*r.half);for(let o=1;o<=n;o++)s=l,l=t[(o+1)%n],s&&l&&e.arcTo(s.x,s.y,(s.x+l.x)*r.half,(s.y+l.y)*r.half,a)}(t,function(e,t,a=0){let s=r.doublePI/e,l=[];for(let r=0;r<e;r++)l.push({x:Math.cos(r*s+a)*t,y:Math.sin(r*s+a)*t});return l}(a.sides,s),a.borderRadius??5)}getSidesCount(e){let t=e.shapeData;return Math.round((0,r.getRangeValue)(t?.sides??5))}particleInit(e,t){let a=t.shapeData;t.borderRadius=Math.round((0,r.getRangeValue)(a?.radius??5))*e.retina.pixelRatio}}}}]);

package/browser/RoundedPolygonDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue, } from "@tsparticles/engine";
 import { polygon, roundedPath } from "./Utils.js";
 const defaultSides = 5, defaultRadius = 5;
 export class RoundedPolygonDrawer {
-    constructor() {
-        this.validTypes = ["rounded-polygon"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         roundedPath(context, polygon(particle.sides, radius), particle.borderRadius ?? defaultRadius);
@@ -15,7 +12,6 @@ export class RoundedPolygonDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius =
-            Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
+        particle.borderRadius = Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
     }
 }

package/browser/index.js

@@ -1,7 +1,9 @@
 export async function loadRoundedPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
-        e.addShape(new RoundedPolygonDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["rounded-polygon"], async () => {
+            const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+            return new RoundedPolygonDrawer();
+        });
     });
 }

package/cjs/RoundedPolygonDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue, } from "@tsparticles/engine";
 import { polygon, roundedPath } from "./Utils.js";
 const defaultSides = 5, defaultRadius = 5;
 export class RoundedPolygonDrawer {
-    constructor() {
-        this.validTypes = ["rounded-polygon"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         roundedPath(context, polygon(particle.sides, radius), particle.borderRadius ?? defaultRadius);
@@ -15,7 +12,6 @@ export class RoundedPolygonDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius =
-            Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
+        particle.borderRadius = Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
     }
 }

package/cjs/index.js

@@ -1,7 +1,9 @@
 export async function loadRoundedPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
-        e.addShape(new RoundedPolygonDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["rounded-polygon"], async () => {
+            const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+            return new RoundedPolygonDrawer();
+        });
     });
 }

package/dist_browser_RoundedPolygonDrawer_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.5
+ * 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 */   RoundedPolygonDrawer: () => (/* binding */ RoundedPolygonDrawer)\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,\n  defaultRadius = 5;\nclass RoundedPolygonDrawer {\n  constructor() {\n    this.validTypes = [\"rounded-polygon\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.roundedPath)(context, (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);\n  }\n  getSidesCount(particle) {\n    const roundedPolygon = particle.shapeData;\n    return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(roundedPolygon?.sides ?? defaultSides));\n  }\n  particleInit(container, particle) {\n    const shapeData = particle.shapeData;\n    particle.borderRadius = Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-polygon/./dist/browser/RoundedPolygonDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   RoundedPolygonDrawer: () => (/* binding */ RoundedPolygonDrawer)\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, defaultRadius = 5;\nclass RoundedPolygonDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.roundedPath)(context, (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);\n    }\n    getSidesCount(particle) {\n        const roundedPolygon = particle.shapeData;\n        return Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(roundedPolygon?.sides ?? defaultSides));\n    }\n    particleInit(container, particle) {\n        const shapeData = particle.shapeData;\n        particle.borderRadius = Math.round((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-polygon/./dist/browser/RoundedPolygonDrawer.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 */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n  const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides,\n    path = [];\n  for (let i = 0; i < sides; i++) {\n    path.push({\n      x: Math.cos(i * step + rot) * radius,\n      y: Math.sin(i * step + rot) * radius\n    });\n  }\n  return path;\n}\nfunction roundedPath(context, path, radius) {\n  const index1 = 0,\n    index2 = 1,\n    increment = 1;\n  let p1 = path[index1],\n    p2 = path[index2];\n  if (!p1 || !p2) {\n    return;\n  }\n  const len = path.length;\n  context.moveTo((p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  for (let i = 1; i <= len; i++) {\n    p1 = p2;\n    p2 = path[(i + increment) % len];\n    if (!p1 || !p2) {\n      continue;\n    }\n    context.arcTo(p1.x, p1.y, (p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, radius);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-polygon/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n    const step = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI / sides, path = [];\n    for(let i = 0; i < sides; i++){\n        path.push({\n            x: Math.cos(i * step + rot) * radius,\n            y: Math.sin(i * step + rot) * radius\n        });\n    }\n    return path;\n}\nfunction roundedPath(context, path, radius) {\n    const index1 = 0, index2 = 1, increment = 1;\n    let p1 = path[index1], p2 = path[index2];\n    if (!p1 || !p2) {\n        return;\n    }\n    const len = path.length;\n    context.moveTo((p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n    for(let i = 1; i <= len; i++){\n        p1 = p2;\n        p2 = path[(i + increment) % len];\n        if (!p1 || !p2) {\n            continue;\n        }\n        context.arcTo(p1.x, p1.y, (p1.x + p2.x) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, (p1.y + p2.y) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, radius);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-polygon/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/RoundedPolygonDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue, } from "@tsparticles/engine";
 import { polygon, roundedPath } from "./Utils.js";
 const defaultSides = 5, defaultRadius = 5;
 export class RoundedPolygonDrawer {
-    constructor() {
-        this.validTypes = ["rounded-polygon"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         roundedPath(context, polygon(particle.sides, radius), particle.borderRadius ?? defaultRadius);
@@ -15,7 +12,6 @@ export class RoundedPolygonDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius =
-            Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
+        particle.borderRadius = Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
     }
 }

package/esm/index.js

@@ -1,7 +1,9 @@
 export async function loadRoundedPolygonShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
-        e.addShape(new RoundedPolygonDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["rounded-polygon"], async () => {
+            const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+            return new RoundedPolygonDrawer();
+        });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-rounded-polygon",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles rounded polygon shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -59,7 +59,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.5"
+    "@tsparticles/engine": "4.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"