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

package/38.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 38.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_rounded_polygon=this.webpackChunk_tsparticles_shape_rounded_polygon||[]).push([[38],{38(t,e,a){a.d(e,{RoundedPolygonDrawer:()=>r});var o=a(303);const n=2*Math.PI,s=.5;class r{constructor(){this.validTypes=["rounded-polygon"]}draw(t){const{context:e,particle:a,radius:o}=t;!function(t,e,a){let o=e[0],n=e[1];if(!o||!n)return;const r=e.length;t.moveTo((o.x+n.x)*s,(o.y+n.y)*s);for(let i=1;i<=r;i++)o=n,n=e[(i+1)%r],o&&n&&t.arcTo(o.x,o.y,(o.x+n.x)*s,(o.y+n.y)*s,a)}(e,function(t,e,a=0){const o=n/t,s=[];for(let n=0;n<t;n++)s.push({x:Math.cos(n*o+a)*e,y:Math.sin(n*o+a)*e});return s}(a.sides,o),a.borderRadius??5)}getSidesCount(t){const e=t.shapeData;return Math.round((0,o.getRangeValue)(e?.sides??5))}particleInit(t,e){const a=e.shapeData;e.borderRadius=Math.round((0,o.getRangeValue)(a?.radius??5))*t.retina.pixelRatio}}}}]);

package/38.min.js.LICENSE.txt

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

package/browser/Utils.js

@@ -9,11 +9,17 @@ export function polygon(sides, radius, rot = defaultRotation) {
 export function roundedPath(context, path, radius) {
     const index1 = 0, index2 = 1, increment = 1;
     let p1 = path[index1], p2 = path[index2];
+    if (!p1 || !p2) {
+        return;
+    }
     const len = path.length;
     context.moveTo((p1.x + p2.x) * half, (p1.y + p2.y) * half);
     for (let i = 1; i <= len; i++) {
         p1 = p2;
         p2 = path[(i + increment) % len];
+        if (!p1 || !p2) {
+            continue;
+        }
         context.arcTo(p1.x, p1.y, (p1.x + p2.x) * half, (p1.y + p2.y) * half, radius);
     }
 }

package/browser/index.js

@@ -1,5 +1,7 @@
-import { RoundedPolygonDrawer } from "./RoundedPolygonDrawer.js";
-export async function loadRoundedPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new RoundedPolygonDrawer(), refresh);
+export function loadRoundedPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+        e.addShape(new RoundedPolygonDrawer());
+    });
 }

package/cjs/IRoundedPolygonShape.js

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

package/cjs/RoundedParticle.js

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

package/cjs/RoundedPolygonDrawer.js

@@ -1,25 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoundedPolygonDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { getRangeValue, } from "@tsparticles/engine";
+import { polygon, roundedPath } from "./Utils.js";
 const defaultSides = 5, defaultRadius = 5;
-class RoundedPolygonDrawer {
+export class RoundedPolygonDrawer {
     constructor() {
         this.validTypes = ["rounded-polygon"];
     }
     draw(data) {
         const { context, particle, radius } = data;
-        (0, Utils_js_1.roundedPath)(context, (0, Utils_js_1.polygon)(particle.sides, radius), particle.borderRadius ?? defaultRadius);
+        roundedPath(context, polygon(particle.sides, radius), particle.borderRadius ?? defaultRadius);
     }
     getSidesCount(particle) {
         const roundedPolygon = particle.shapeData;
-        return Math.round((0, engine_1.getRangeValue)(roundedPolygon?.sides ?? defaultSides));
+        return Math.round(getRangeValue(roundedPolygon?.sides ?? defaultSides));
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
         particle.borderRadius =
-            Math.round((0, engine_1.getRangeValue)(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
+            Math.round(getRangeValue(shapeData?.radius ?? defaultSides)) * container.retina.pixelRatio;
     }
 }
-exports.RoundedPolygonDrawer = RoundedPolygonDrawer;

package/cjs/Utils.js

@@ -1,23 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.polygon = polygon;
-exports.roundedPath = roundedPath;
 const double = 2, doublePI = Math.PI * double, half = 0.5, defaultRotation = 0;
-function polygon(sides, radius, rot = defaultRotation) {
+export function polygon(sides, radius, rot = defaultRotation) {
     const step = doublePI / sides, path = [];
     for (let i = 0; i < sides; i++) {
         path.push({ x: Math.cos(i * step + rot) * radius, y: Math.sin(i * step + rot) * radius });
     }
     return path;
 }
-function roundedPath(context, path, radius) {
+export function roundedPath(context, path, radius) {
     const index1 = 0, index2 = 1, increment = 1;
     let p1 = path[index1], p2 = path[index2];
+    if (!p1 || !p2) {
+        return;
+    }
     const len = path.length;
     context.moveTo((p1.x + p2.x) * half, (p1.y + p2.y) * half);
     for (let i = 1; i <= len; i++) {
         p1 = p2;
         p2 = path[(i + increment) % len];
+        if (!p1 || !p2) {
+            continue;
+        }
         context.arcTo(p1.x, p1.y, (p1.x + p2.x) * half, (p1.y + p2.y) * half, radius);
     }
 }

package/cjs/index.js

@@ -1,8 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadRoundedPolygonShape = loadRoundedPolygonShape;
-const RoundedPolygonDrawer_js_1 = require("./RoundedPolygonDrawer.js");
-async function loadRoundedPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new RoundedPolygonDrawer_js_1.RoundedPolygonDrawer(), refresh);
+export function loadRoundedPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+        e.addShape(new RoundedPolygonDrawer());
+    });
 }

package/dist_browser_RoundedPolygonDrawer_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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.0
+ */
+"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_rounded_polygon"] = this["webpackChunk_tsparticles_shape_rounded_polygon"] || []).push([["dist_browser_RoundedPolygonDrawer_js"],{
+
+/***/ "./dist/browser/RoundedPolygonDrawer.js"
+/*!**********************************************!*\
+  !*** ./dist/browser/RoundedPolygonDrawer.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 */   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}");
+
+/***/ },
+
+/***/ "./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 */   polygon: () => (/* binding */ polygon),\n/* harmony export */   roundedPath: () => (/* binding */ roundedPath)\n/* harmony export */ });\nconst double = 2,\n  doublePI = Math.PI * double,\n  half = 0.5,\n  defaultRotation = 0;\nfunction polygon(sides, radius, rot = defaultRotation) {\n  const step = 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) * half, (p1.y + p2.y) * 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) * half, (p1.y + p2.y) * half, radius);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-polygon/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/Utils.js

@@ -9,11 +9,17 @@ export function polygon(sides, radius, rot = defaultRotation) {
 export function roundedPath(context, path, radius) {
     const index1 = 0, index2 = 1, increment = 1;
     let p1 = path[index1], p2 = path[index2];
+    if (!p1 || !p2) {
+        return;
+    }
     const len = path.length;
     context.moveTo((p1.x + p2.x) * half, (p1.y + p2.y) * half);
     for (let i = 1; i <= len; i++) {
         p1 = p2;
         p2 = path[(i + increment) % len];
+        if (!p1 || !p2) {
+            continue;
+        }
         context.arcTo(p1.x, p1.y, (p1.x + p2.x) * half, (p1.y + p2.y) * half, radius);
     }
 }

package/esm/index.js

@@ -1,5 +1,7 @@
-import { RoundedPolygonDrawer } from "./RoundedPolygonDrawer.js";
-export async function loadRoundedPolygonShape(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addShape(new RoundedPolygonDrawer(), refresh);
+export function loadRoundedPolygonShape(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { RoundedPolygonDrawer } = await import("./RoundedPolygonDrawer.js");
+        e.addShape(new RoundedPolygonDrawer());
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-rounded-polygon",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles rounded 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.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }