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

package/{512.min.js → 603.min.js}

@@ -1 +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}}}}]);
+"use strict";(this.webpackChunk_tsparticles_shape_rounded_polygon=this.webpackChunk_tsparticles_shape_rounded_polygon||[]).push([[603],{603(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/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) additional rounded polygon shape.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -74,3 +80,32 @@ import { loadRoundedPolygonShape } from "@tsparticles/shape-rounded-polygon";
   await loadRoundedPolygonShape(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.shape.type: "rounded-polygon"`
+- Shape-specific options key: `particles.shape.options.rounded-polygon`
+
+```json
+{
+  "particles": {
+    "shape": {
+      "type": "rounded-polygon",
+      "options": {
+        "rounded-polygon": {}
+      }
+    }
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadRoundedPolygonShape(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

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

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadRoundedPolygonShape(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addShape(["rounded-polygon"], async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadRoundedPolygonShape(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(e => {
-        e.addShape(["rounded-polygon"], async () => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(e => {
+        e.pluginManager.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-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles rounded polygon shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -53,13 +53,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"