@tsparticles/shape-circle 3.9.1 → 4.0.0-alpha.1

package/385.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 385.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_circle=this.webpackChunk_tsparticles_shape_circle||[]).push([[385],{385(a,c,e){e.d(c,{CircleDrawer:()=>r});var i=e(303);const t=2*Math.PI,n=0,s=0;class r{constructor(){this.validTypes=["circle"]}draw(a){!function(a){const{context:c,particle:e,radius:i}=a;e.circleRange??={min:0,max:t};const r=e.circleRange;c.arc(n,s,i,r.min,r.max,!1)}(a)}getSidesCount(){return 12}particleInit(a,c){const e=c.shapeData,t=e?.angle??{max:360,min:0};c.circleRange=(0,i.isObject)(t)?{min:(0,i.degToRad)(t.min),max:(0,i.degToRad)(t.max)}:{min:0,max:(0,i.degToRad)(t)}}}}}]);

package/385.min.js.LICENSE.txt

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

package/browser/CircleDrawer.js

@@ -11,16 +11,16 @@ export class CircleDrawer {
     getSidesCount() {
         return sides;
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData, angle = shapeData?.angle ?? {
             max: maxAngle,
             min: minAngle,
         };
-        particle.circleRange = !isObject(angle)
-            ? {
+        particle.circleRange = isObject(angle)
+            ? { min: degToRad(angle.min), max: degToRad(angle.max) }
+            : {
                 min: minAngle,
                 max: degToRad(angle),
-            }
-            : { min: degToRad(angle.min), max: degToRad(angle.max) };
+            };
     }
 }

package/browser/Utils.js

@@ -1,9 +1,7 @@
 const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
 export function drawCircle(data) {
     const { context, particle, radius } = data;
-    if (!particle.circleRange) {
-        particle.circleRange = { min: minAngle, max: doublePI };
-    }
+    particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
     context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
 }

package/browser/index.js

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

package/cjs/CircleDrawer.js

@@ -1,30 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CircleDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { degToRad, isObject } from "@tsparticles/engine";
+import { drawCircle } from "./Utils.js";
 const sides = 12, maxAngle = 360, minAngle = 0;
-class CircleDrawer {
+export class CircleDrawer {
     constructor() {
         this.validTypes = ["circle"];
     }
     draw(data) {
-        (0, Utils_js_1.drawCircle)(data);
+        drawCircle(data);
     }
     getSidesCount() {
         return sides;
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData, angle = shapeData?.angle ?? {
             max: maxAngle,
             min: minAngle,
         };
-        particle.circleRange = !(0, engine_1.isObject)(angle)
-            ? {
+        particle.circleRange = isObject(angle)
+            ? { min: degToRad(angle.min), max: degToRad(angle.max) }
+            : {
                 min: minAngle,
-                max: (0, engine_1.degToRad)(angle),
-            }
-            : { min: (0, engine_1.degToRad)(angle.min), max: (0, engine_1.degToRad)(angle.max) };
+                max: degToRad(angle),
+            };
     }
 }
-exports.CircleDrawer = CircleDrawer;

package/cjs/CircleParticle.js

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

package/cjs/ICircleShapeData.js

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

package/cjs/Utils.js

@@ -1,12 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawCircle = drawCircle;
 const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
-function drawCircle(data) {
+export function drawCircle(data) {
     const { context, particle, radius } = data;
-    if (!particle.circleRange) {
-        particle.circleRange = { min: minAngle, max: doublePI };
-    }
+    particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
     context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
 }

package/cjs/index.js

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

package/dist_browser_CircleDrawer_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_circle"] = this["webpackChunk_tsparticles_shape_circle"] || []).push([["dist_browser_CircleDrawer_js"],{
+
+/***/ "./dist/browser/CircleDrawer.js"
+/*!**************************************!*\
+  !*** ./dist/browser/CircleDrawer.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 */   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}");
+
+/***/ },
+
+/***/ "./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 */   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}");
+
+/***/ }
+
+}]);

package/esm/CircleDrawer.js

@@ -11,16 +11,16 @@ export class CircleDrawer {
     getSidesCount() {
         return sides;
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData, angle = shapeData?.angle ?? {
             max: maxAngle,
             min: minAngle,
         };
-        particle.circleRange = !isObject(angle)
-            ? {
+        particle.circleRange = isObject(angle)
+            ? { min: degToRad(angle.min), max: degToRad(angle.max) }
+            : {
                 min: minAngle,
                 max: degToRad(angle),
-            }
-            : { min: degToRad(angle.min), max: degToRad(angle.max) };
+            };
     }
 }

package/esm/Utils.js

@@ -1,9 +1,7 @@
 const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 };
 export function drawCircle(data) {
     const { context, particle, radius } = data;
-    if (!particle.circleRange) {
-        particle.circleRange = { min: minAngle, max: doublePI };
-    }
+    particle.circleRange ??= { min: minAngle, max: doublePI };
     const circleRange = particle.circleRange;
     context.arc(origin.x, origin.y, radius, circleRange.min, circleRange.max, false);
 }

package/esm/index.js

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

package/package.json

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