@tsparticles/shape-rounded-rect 3.9.1 → 4.0.0-alpha.1

package/404.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 404.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_rounded_rect=this.webpackChunk_tsparticles_shape_rounded_rect||[]).push([[404],{404(e,t,r){r.d(t,{RoundedRectDrawer:()=>o});var a=r(303);const i=Math.sqrt(2);class o{constructor(){this.validTypes=["rounded-rect"]}draw(e){const{context:t,particle:r,radius:a}=e,o=a/i,c=2*o,d=r.borderRadius??5;"roundRect"in t?t.roundRect(-o,-o,c,c,d):function(e,t,r,a){const i={x:-t,y:-t,height:r,width:r},o=a,c=a,d=a,n=a,{x:s,y:u,width:h,height:l}=i,p=s+h,T=u+l;e.moveTo(s+o,u),e.lineTo(p-c,u),e.quadraticCurveTo(p,u,p,u+c),e.lineTo(p,u+l-n),e.quadraticCurveTo(p,T,p-n,T),e.lineTo(s+d,T),e.quadraticCurveTo(s,T,s,T-d),e.lineTo(s,u+o),e.quadraticCurveTo(s,u,s+o,u)}(t,o,c,d)}particleInit(e,t){const r=t.shapeData;t.borderRadius=(0,a.getRangeValue)(r?.radius??5)*e.retina.pixelRatio}}}}]);

package/404.min.js.LICENSE.txt

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

package/browser/index.js

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

package/cjs/IRoundedRectData.js

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

package/cjs/RadiusInfo.js

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

package/cjs/RectInfo.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/RoundedRectDrawer.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoundedRectDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { getRangeValue } from "@tsparticles/engine";
+import { drawRoundedRect } from "./Utils.js";
 const fixFactorSquare = 2, fixFactor = Math.sqrt(fixFactorSquare), double = 2, defaultRadius = 5;
-class RoundedRectDrawer {
+export class RoundedRectDrawer {
     constructor() {
         this.validTypes = ["rounded-rect"];
     }
@@ -14,12 +11,11 @@ class RoundedRectDrawer {
             context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
         }
         else {
-            (0, Utils_js_1.drawRoundedRect)(context, fixedRadius, fixedDiameter, borderRadius);
+            drawRoundedRect(context, fixedRadius, fixedDiameter, borderRadius);
         }
     }
     particleInit(container, particle) {
         const shapeData = particle.shapeData;
-        particle.borderRadius = (0, engine_1.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
+        particle.borderRadius = getRangeValue(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;
     }
 }
-exports.RoundedRectDrawer = RoundedRectDrawer;

package/cjs/Utils.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawRoundedRect = drawRoundedRect;
-function drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {
+export function drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {
     const info = {
         x: -fixedRadius,
         y: -fixedRadius,

package/cjs/index.js

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

package/dist_browser_RoundedRectDrawer_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.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_rounded_rect"] = this["webpackChunk_tsparticles_shape_rounded_rect"] || []).push([["dist_browser_RoundedRectDrawer_js"],{
+
+/***/ "./dist/browser/RoundedRectDrawer.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/RoundedRectDrawer.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 */   RoundedRectDrawer: () => (/* binding */ RoundedRectDrawer)\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 fixFactorSquare = 2,\n  fixFactor = Math.sqrt(fixFactorSquare),\n  double = 2,\n  defaultRadius = 5;\nclass RoundedRectDrawer {\n  constructor() {\n    this.validTypes = [\"rounded-rect\"];\n  }\n  draw(data) {\n    const {\n        context,\n        particle,\n        radius\n      } = data,\n      fixedRadius = radius / fixFactor,\n      fixedDiameter = fixedRadius * double,\n      borderRadius = particle.borderRadius ?? defaultRadius;\n    if (\"roundRect\" in context) {\n      context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);\n    } else {\n      (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawRoundedRect)(context, fixedRadius, fixedDiameter, borderRadius);\n    }\n  }\n  particleInit(container, particle) {\n    const shapeData = particle.shapeData;\n    particle.borderRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.radius ?? defaultRadius) * container.retina.pixelRatio;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-rect/./dist/browser/RoundedRectDrawer.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 */   drawRoundedRect: () => (/* binding */ drawRoundedRect)\n/* harmony export */ });\nfunction drawRoundedRect(ctx, fixedRadius, fixedDiameter, borderRadius) {\n  const info = {\n      x: -fixedRadius,\n      y: -fixedRadius,\n      height: fixedDiameter,\n      width: fixedDiameter\n    },\n    radius = {\n      topLeft: borderRadius,\n      topRight: borderRadius,\n      bottomLeft: borderRadius,\n      bottomRight: borderRadius\n    },\n    {\n      x,\n      y,\n      width,\n      height\n    } = info,\n    r = x + width,\n    b = y + height;\n  ctx.moveTo(x + radius.topLeft, y);\n  ctx.lineTo(r - radius.topRight, y);\n  ctx.quadraticCurveTo(r, y, r, y + radius.topRight);\n  ctx.lineTo(r, y + height - radius.bottomRight);\n  ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);\n  ctx.lineTo(x + radius.bottomLeft, b);\n  ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);\n  ctx.lineTo(x, y + radius.topLeft);\n  ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);\n}\n\n//# sourceURL=webpack://@tsparticles/shape-rounded-rect/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/index.js

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

package/package.json

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