@tsparticles/shape-circle 4.0.0-alpha.2 → 4.0.0-alpha.20

package/210.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_circle=this.webpackChunk_tsparticles_shape_circle||[]).push([[210],{210(e,a,i){i.d(a,{CircleDrawer:()=>n});var c=i(303);class n{draw(e){!function(e){let{context:a,particle:i,radius:n}=e;i.circleRange??={min:0,max:c.doublePI};let t=i.circleRange;a.arc(c.originPoint.x,c.originPoint.y,n,t.min,t.max,!1)}(e)}getSidesCount(){return 12}particleInit(e,a){let i=a.shapeData,n=i?.angle??{max:360,min:0};a.circleRange=(0,c.isObject)(n)?{min:(0,c.degToRad)(n.min),max:(0,c.degToRad)(n.max)}:{min:0,max:(0,c.degToRad)(n)}}}}}]);

package/browser/CircleDrawer.js

@@ -2,9 +2,6 @@ import { degToRad, isObject } from "@tsparticles/engine";
 import { drawCircle } from "./Utils.js";
 const sides = 12, maxAngle = 360, minAngle = 0;
 export class CircleDrawer {
-    constructor() {
-        this.validTypes = ["circle"];
-    }
     draw(data) {
         drawCircle(data);
     }

package/browser/Utils.js

@@ -1,7 +1,8 @@
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
+import { doublePI, originPoint } from "@tsparticles/engine";
+const minAngle = 0;
 export function drawCircle(data) {
     const { context, particle, radius } = data;
     particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
-    context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
+    context.arc(originPoint.x, originPoint.y, radius, circleRange.min, circleRange.max, false);
 }

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadCircleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CircleDrawer } = await import("./CircleDrawer.js");
-        e.addShape(new CircleDrawer());
+export async function loadCircleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["circle"], async () => {
+            const { CircleDrawer } = await import("./CircleDrawer.js");
+            return new CircleDrawer();
+        });
     });
 }

package/cjs/CircleDrawer.js

@@ -2,9 +2,6 @@ import { degToRad, isObject } from "@tsparticles/engine";
 import { drawCircle } from "./Utils.js";
 const sides = 12, maxAngle = 360, minAngle = 0;
 export class CircleDrawer {
-    constructor() {
-        this.validTypes = ["circle"];
-    }
     draw(data) {
         drawCircle(data);
     }

package/cjs/Utils.js

@@ -1,7 +1,8 @@
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
+import { doublePI, originPoint } from "@tsparticles/engine";
+const minAngle = 0;
 export function drawCircle(data) {
     const { context, particle, radius } = data;
     particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
-    context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
+    context.arc(originPoint.x, originPoint.y, radius, circleRange.min, circleRange.max, false);
 }

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadCircleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CircleDrawer } = await import("./CircleDrawer.js");
-        e.addShape(new CircleDrawer());
+export async function loadCircleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["circle"], async () => {
+            const { CircleDrawer } = await import("./CircleDrawer.js");
+            return new CircleDrawer();
+        });
     });
 }

package/dist_browser_CircleDrawer_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.2
+ * v4.0.0-alpha.20
  */
 "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 */   CircleDrawer: () => (/* binding */ CircleDrawer)\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 sides = 12,\n  maxAngle = 360,\n  minAngle = 0;\nclass CircleDrawer {\n  constructor() {\n    this.validTypes = [\"circle\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCircle)(data);\n  }\n  getSidesCount() {\n    return sides;\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData,\n      angle = shapeData?.angle ?? {\n        max: maxAngle,\n        min: minAngle\n      };\n    particle.circleRange = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isObject)(angle) ? {\n      min: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.min),\n      max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.max)\n    } : {\n      min: minAngle,\n      max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle)\n    };\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-circle/./dist/browser/CircleDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CircleDrawer: () => (/* binding */ CircleDrawer)\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 sides = 12, maxAngle = 360, minAngle = 0;\nclass CircleDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCircle)(data);\n    }\n    getSidesCount() {\n        return sides;\n    }\n    particleInit(_container, particle) {\n        const shapeData = particle.shapeData, angle = shapeData?.angle ?? {\n            max: maxAngle,\n            min: minAngle\n        };\n        particle.circleRange = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isObject)(angle) ? {\n            min: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.min),\n            max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle.max)\n        } : {\n            min: minAngle,\n            max: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.degToRad)(angle)\n        };\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-circle/./dist/browser/CircleDrawer.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 */   drawCircle: () => (/* binding */ drawCircle)\n/* harmony export */ });\nconst double = 2,\n  doublePI = Math.PI * double,\n  minAngle = 0,\n  origin = {\n    x: 0,\n    y: 0\n  };\nfunction drawCircle(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  particle.circleRange ??= {\n    min: minAngle,\n    max: doublePI\n  };\n  const circleRange = particle.circleRange;\n  context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);\n}\n\n//# sourceURL=webpack://@tsparticles/shape-circle/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawCircle: () => (/* binding */ drawCircle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minAngle = 0;\nfunction drawCircle(data) {\n    const { context, particle, radius } = data;\n    particle.circleRange ??= {\n        min: minAngle,\n        max: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI\n    };\n    const circleRange = particle.circleRange;\n    context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, radius, circleRange.min, circleRange.max, false);\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-circle/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/CircleDrawer.js

@@ -2,9 +2,6 @@ import { degToRad, isObject } from "@tsparticles/engine";
 import { drawCircle } from "./Utils.js";
 const sides = 12, maxAngle = 360, minAngle = 0;
 export class CircleDrawer {
-    constructor() {
-        this.validTypes = ["circle"];
-    }
     draw(data) {
         drawCircle(data);
     }

package/esm/Utils.js

@@ -1,7 +1,8 @@
-const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
+import { doublePI, originPoint } from "@tsparticles/engine";
+const minAngle = 0;
 export function drawCircle(data) {
     const { context, particle, radius } = data;
     particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
-    context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
+    context.arc(originPoint.x, originPoint.y, radius, circleRange.min, circleRange.max, false);
 }

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadCircleShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { CircleDrawer } = await import("./CircleDrawer.js");
-        e.addShape(new CircleDrawer());
+export async function loadCircleShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["circle"], async () => {
+            const { CircleDrawer } = await import("./CircleDrawer.js");
+            return new CircleDrawer();
+        });
     });
 }

package/package.json

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