@tsparticles/shape-rounded-rect 3.0.3 → 3.1.0

package/browser/RoundedRectDrawer.js

@@ -1,5 +1,5 @@
 import { getRangeValue } from "@tsparticles/engine";
-const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
+const fixFactorSquare = 2, fixFactor = Math.sqrt(fixFactorSquare), double = 2, defaultRadius = 5, drawRoundedRect = (ctx, info, radius = {
     topRight: 4,
     bottomRight: 4,
     bottomLeft: 4,
@@ -18,7 +18,7 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
 };
 export class RoundedRectDrawer {
     draw(data) {
-        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
+        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * double, borderRadius = particle.borderRadius ?? defaultRadius;
         if ("roundRect" in context) {
             context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
         }
@@ -38,6 +38,6 @@ export class RoundedRectDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius = getRangeValue(shapeData?.radius ?? 5) * container.retina.pixelRatio;
+        particle.borderRadius = getRangeValue(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
     }
 }

package/cjs/RoundedRectDrawer.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RoundedRectDrawer = void 0;
 const engine_1 = require("@tsparticles/engine");
-const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
+const fixFactorSquare = 2, fixFactor = Math.sqrt(fixFactorSquare), double = 2, defaultRadius = 5, drawRoundedRect = (ctx, info, radius = {
     topRight: 4,
     bottomRight: 4,
     bottomLeft: 4,
@@ -21,7 +21,7 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
 };
 class RoundedRectDrawer {
     draw(data) {
-        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
+        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * double, borderRadius = particle.borderRadius ?? defaultRadius;
         if ("roundRect" in context) {
             context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
         }
@@ -41,7 +41,7 @@ class RoundedRectDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius = (0, engine_1.getRangeValue)(shapeData?.radius ?? 5) * container.retina.pixelRatio;
+        particle.borderRadius = (0, engine_1.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
     }
 }
 exports.RoundedRectDrawer = RoundedRectDrawer;

package/esm/RoundedRectDrawer.js

@@ -1,5 +1,5 @@
 import { getRangeValue } from "@tsparticles/engine";
-const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
+const fixFactorSquare = 2, fixFactor = Math.sqrt(fixFactorSquare), double = 2, defaultRadius = 5, drawRoundedRect = (ctx, info, radius = {
     topRight: 4,
     bottomRight: 4,
     bottomLeft: 4,
@@ -18,7 +18,7 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
 };
 export class RoundedRectDrawer {
     draw(data) {
-        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
+        const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * double, borderRadius = particle.borderRadius ?? defaultRadius;
         if ("roundRect" in context) {
             context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
         }
@@ -38,6 +38,6 @@ export class RoundedRectDrawer {
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius = getRangeValue(shapeData?.radius ?? 5) * container.retina.pixelRatio;
+        particle.borderRadius = getRangeValue(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-rounded-rect",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "tsParticles rounded rect shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.3"
+    "@tsparticles/engine": "^3.1.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/shape-rounded-rect [26 Dec 2023 at 19:31]</title>
+    <title>@tsparticles/shape-rounded-rect [13 Jan 2024 at 23:07]</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>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.shape.rounded-rect.js","isAsset":true,"statSize":1909,"parsedSize":5711,"gzipSize":1863,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1867,"groups":[{"id":38,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1867,"parsedSize":5711,"gzipSize":1863,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1867,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":205,"parsedSize":627,"gzipSize":204,"inaccurateSizes":true},{"id":null,"label":"RoundedRectDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/RoundedRectDrawer.js","statSize":1662,"parsedSize":5083,"gzipSize":1658,"inaccurateSizes":true}],"parsedSize":5711,"gzipSize":1863,"inaccurateSizes":true}]}],"parsedSize":5711,"gzipSize":1863},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.shape.rounded-rect":true}}];
+      window.chartData = [{"label":"tsparticles.shape.rounded-rect.js","isAsset":true,"statSize":2010,"parsedSize":5848,"gzipSize":1897,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1968,"groups":[{"id":771,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1968,"parsedSize":5848,"gzipSize":1897,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1968,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":205,"parsedSize":609,"gzipSize":197,"inaccurateSizes":true},{"id":null,"label":"RoundedRectDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/RoundedRectDrawer.js","statSize":1763,"parsedSize":5238,"gzipSize":1699,"inaccurateSizes":true}],"parsedSize":5848,"gzipSize":1897,"inaccurateSizes":true}]}],"parsedSize":5848,"gzipSize":1897},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.shape.rounded-rect":true}}];
       window.entrypoints = ["tsparticles.shape.rounded-rect","tsparticles.shape.rounded-rect.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.shape.rounded-rect.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
- * v3.0.3
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -98,7 +98,10 @@ __webpack_require__.d(__webpack_exports__, {
 var engine_root_window_ = __webpack_require__(533);
 ;// CONCATENATED MODULE: ./dist/browser/RoundedRectDrawer.js
 
-const fixFactor = Math.sqrt(2),
+const fixFactorSquare = 2,
+  fixFactor = Math.sqrt(fixFactorSquare),
+  RoundedRectDrawer_double = 2,
+  defaultRadius = 5,
   drawRoundedRect = (ctx, info, radius = {
     topRight: 4,
     bottomRight: 4,
@@ -131,8 +134,8 @@ class RoundedRectDrawer {
         radius
       } = data,
       fixedRadius = radius / fixFactor,
-      fixedDiameter = fixedRadius * 2,
-      borderRadius = particle.borderRadius ?? 5;
+      fixedDiameter = fixedRadius * RoundedRectDrawer_double,
+      borderRadius = particle.borderRadius ?? defaultRadius;
     if ("roundRect" in context) {
       context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
     } else {
@@ -151,7 +154,7 @@ class RoundedRectDrawer {
   }
   particleInit(container, particle) {
     const shapeData = particle.shapeData;
-    particle.borderRadius = (0,engine_root_window_.getRangeValue)(shapeData?.radius ?? 5) * container.retina.pixelRatio;
+    particle.borderRadius = (0,engine_root_window_.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js

package/tsparticles.shape.rounded-rect.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Rounded Rect Shape v3.0.3 by Matteo Bruni */
+/*! tsParticles Rounded Rect Shape v3.1.0 by Matteo Bruni */

package/types/RadiusInfo.d.ts

@@ -1,6 +1,6 @@
-export type RadiusInfo = {
+export interface RadiusInfo {
     bottomLeft: number;
     bottomRight: number;
     topLeft: number;
     topRight: number;
-};
+}

package/types/RectInfo.d.ts

@@ -1,6 +1,6 @@
-export type RectInfo = {
+export interface RectInfo {
     height: number;
     width: number;
     x: number;
     y: number;
-};
+}

package/types/RoundedRectDrawer.d.ts

@@ -1,4 +1,4 @@
-import type { Container, IShapeDrawData, IShapeDrawer } from "@tsparticles/engine";
+import { type Container, type IShapeDrawData, type IShapeDrawer } from "@tsparticles/engine";
 import type { RoundedParticle } from "./RoundedParticle.js";
 export declare class RoundedRectDrawer implements IShapeDrawer<RoundedParticle> {
     draw(data: IShapeDrawData<RoundedParticle>): void;

package/umd/RoundedRectDrawer.js

@@ -11,7 +11,7 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RoundedRectDrawer = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
+    const fixFactorSquare = 2, fixFactor = Math.sqrt(fixFactorSquare), double = 2, defaultRadius = 5, drawRoundedRect = (ctx, info, radius = {
         topRight: 4,
         bottomRight: 4,
         bottomLeft: 4,
@@ -30,7 +30,7 @@
     };
     class RoundedRectDrawer {
         draw(data) {
-            const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
+            const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * double, borderRadius = particle.borderRadius ?? defaultRadius;
             if ("roundRect" in context) {
                 context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
             }
@@ -50,7 +50,7 @@
         }
         particleInit(container, particle) {
             const shapeData = particle.shapeData;
-            particle.borderRadius = (0, engine_1.getRangeValue)(shapeData?.radius ?? 5) * container.retina.pixelRatio;
+            particle.borderRadius = (0, engine_1.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
         }
     }
     exports.RoundedRectDrawer = RoundedRectDrawer;