@tsparticles/shape-spiral 4.0.0-alpha.5 → 4.0.0-beta.0

package/13.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_spiral=this.webpackChunk_tsparticles_shape_spiral||[]).push([[13],{13(a,i,e){e.d(i,{SpiralDrawer:()=>s});var r=e(303);class s{draw(a){!function(a){let{context:i,particle:e,radius:r}=a;if(void 0===e.spiralInnerRadius||void 0===e.spiralLineSpacing||void 0===e.spiralWidthFactor)return;let s=(r-e.spiralInnerRadius)/e.spiralLineSpacing;for(let a=0;a<10*s;a++){let r=a/10,s=e.spiralInnerRadius+e.spiralLineSpacing*r,n={x:s*Math.cos(r),y:s*Math.sin(r)};i.lineTo(n.x,n.y)}}(a)}particleInit(a,i){let e=a.retina.pixelRatio,s=i.shapeData;i.spiralInnerRadius=(0,r.getRangeValue)(s?.innerRadius??1)*e,i.spiralLineSpacing=(0,r.getRangeValue)(s?.lineSpacing??1)*e,i.spiralWidthFactor=(0,r.getRangeValue)(s?.widthFactor??10)}}}}]);

package/browser/SpiralDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawSpiral } from "./Utils.js";
 const defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;
 export class SpiralDrawer {
-    constructor() {
-        this.validTypes = ["spiral"];
-    }
     draw(data) {
         drawSpiral(data);
     }

package/browser/index.js

@@ -1,7 +1,9 @@
 export async function loadSpiralShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { SpiralDrawer } = await import("./SpiralDrawer.js");
-        e.addShape(new SpiralDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["spiral"], async () => {
+            const { SpiralDrawer } = await import("./SpiralDrawer.js");
+            return new SpiralDrawer();
+        });
     });
 }

package/cjs/SpiralDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawSpiral } from "./Utils.js";
 const defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;
 export class SpiralDrawer {
-    constructor() {
-        this.validTypes = ["spiral"];
-    }
     draw(data) {
         drawSpiral(data);
     }

package/cjs/index.js

@@ -1,7 +1,9 @@
 export async function loadSpiralShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { SpiralDrawer } = await import("./SpiralDrawer.js");
-        e.addShape(new SpiralDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["spiral"], async () => {
+            const { SpiralDrawer } = await import("./SpiralDrawer.js");
+            return new SpiralDrawer();
+        });
     });
 }

package/dist_browser_SpiralDrawer_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.5
+ * v4.0.0-beta.0
  */
 "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 */   SpiralDrawer: () => (/* binding */ SpiralDrawer)\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 defaultInnerRadius = 1,\n  defaultLineSpacing = 1,\n  defaultWidthFactor = 10;\nclass SpiralDrawer {\n  constructor() {\n    this.validTypes = [\"spiral\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSpiral)(data);\n  }\n  particleInit(container, particle) {\n    const pixelRatio = container.retina.pixelRatio,\n      shapeData = particle.shapeData;\n    particle.spiralInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius) * pixelRatio;\n    particle.spiralLineSpacing = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.lineSpacing ?? defaultLineSpacing) * pixelRatio;\n    particle.spiralWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.widthFactor ?? defaultWidthFactor);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-spiral/./dist/browser/SpiralDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SpiralDrawer: () => (/* binding */ SpiralDrawer)\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 defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;\nclass SpiralDrawer {\n    draw(data) {\n        (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawSpiral)(data);\n    }\n    particleInit(container, particle) {\n        const pixelRatio = container.retina.pixelRatio, shapeData = particle.shapeData;\n        particle.spiralInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius) * pixelRatio;\n        particle.spiralLineSpacing = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.lineSpacing ?? defaultLineSpacing) * pixelRatio;\n        particle.spiralWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.widthFactor ?? defaultWidthFactor);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-spiral/./dist/browser/SpiralDrawer.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 */   drawSpiral: () => (/* binding */ drawSpiral)\n/* harmony export */ });\nfunction drawSpiral(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n    return;\n  }\n  const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing,\n    widthFactor = 10;\n  for (let i = 0; i < realWidth * widthFactor; i++) {\n    const angle = i / widthFactor,\n      factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle,\n      pos = {\n        x: factor * Math.cos(angle),\n        y: factor * Math.sin(angle)\n      };\n    context.lineTo(pos.x, pos.y);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-spiral/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawSpiral: () => (/* binding */ drawSpiral)\n/* harmony export */ });\nfunction drawSpiral(data) {\n    const { context, particle, radius } = data;\n    if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {\n        return;\n    }\n    const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing, widthFactor = 10;\n    for(let i = 0; i < realWidth * widthFactor; i++){\n        const angle = i / widthFactor, factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle, pos = {\n            x: factor * Math.cos(angle),\n            y: factor * Math.sin(angle)\n        };\n        context.lineTo(pos.x, pos.y);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-spiral/./dist/browser/Utils.js?\n}");
 
 /***/ }
 

package/esm/SpiralDrawer.js

@@ -2,9 +2,6 @@ import { getRangeValue } from "@tsparticles/engine";
 import { drawSpiral } from "./Utils.js";
 const defaultInnerRadius = 1, defaultLineSpacing = 1, defaultWidthFactor = 10;
 export class SpiralDrawer {
-    constructor() {
-        this.validTypes = ["spiral"];
-    }
     draw(data) {
         drawSpiral(data);
     }

package/esm/index.js

@@ -1,7 +1,9 @@
 export async function loadSpiralShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
-    await engine.register(async (e) => {
-        const { SpiralDrawer } = await import("./SpiralDrawer.js");
-        e.addShape(new SpiralDrawer());
+    engine.checkVersion("4.0.0-beta.0");
+    await engine.register(e => {
+        e.addShape(["spiral"], async () => {
+            const { SpiralDrawer } = await import("./SpiralDrawer.js");
+            return new SpiralDrawer();
+        });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-spiral",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles spiral shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.5"
+    "@tsparticles/engine": "4.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"