@tsparticles/shape-cog 3.9.0 → 4.0.0-alpha.0

package/385.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 385.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_cog=this.webpackChunk_tsparticles_shape_cog||[]).push([[385],{385(e,o,a){a.d(o,{CogDrawer:()=>r});var t=a(303);const n=2*Math.PI,c=0,i=0;class r{constructor(){this.validTypes=["cog"]}afterDraw(e){!function(e){const{context:o,particle:a,radius:r}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const s=r*a.cogHoleRadius/t.percentDenominator;o.globalCompositeOperation="destination-out",o.beginPath(),o.moveTo(s,i),o.arc(c,i,s,0,n),o.closePath(),o.fill(),o.globalCompositeOperation="source-over"}(e)}draw(e){!function(e){const{context:o,particle:a,radius:c}=e;if(void 0===a.cogHoleRadius||void 0===a.cogInnerRadius||void 0===a.cogInnerTaper||void 0===a.cogNotches||void 0===a.cogOuterTaper)return;const i=n/(2*a.cogNotches),r=i*a.cogInnerTaper*.005,s=i*a.cogOuterTaper*.005,g=c*a.cogInnerRadius/t.percentDenominator;let u=i,l=!1;for(o.moveTo(c*Math.cos(s),c*Math.sin(s));u<=n;u+=i)l?(o.lineTo(g*Math.cos(u-r),g*Math.sin(u-r)),o.lineTo(c*Math.cos(u+s),c*Math.sin(u+s))):(o.lineTo(c*Math.cos(u-s),c*Math.sin(u-s)),o.lineTo(g*Math.cos(u+r),g*Math.sin(u+r))),l=!l}(e)}particleInit(e,o){const a=o.shapeData;o.cogHoleRadius=(0,t.getRangeValue)(a?.holeRadius??44),o.cogInnerRadius=(0,t.getRangeValue)(a?.innerRadius??72),o.cogInnerTaper=(0,t.getRangeValue)(a?.innerTaper??35),o.cogNotches=(0,t.getRangeValue)(a?.notches??7),o.cogOuterTaper=(0,t.getRangeValue)(a?.outerTaper??50)}}}}]);

package/385.min.js.LICENSE.txt

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

package/browser/CogDrawer.js

@@ -11,7 +11,7 @@ export class CogDrawer {
     draw(data) {
         drawCog(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
         particle.cogHoleRadius = getRangeValue(shapeData?.holeRadius ?? defaultHoleRadius);
         particle.cogInnerRadius = getRangeValue(shapeData?.innerRadius ?? defaultInnerRadius);

package/browser/index.js

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

package/cjs/CogDrawer.js

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CogDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { getRangeValue } from "@tsparticles/engine";
+import { drawCog, drawCogHole } from "./Utils.js";
 const defaultHoleRadius = 44, defaultInnerRadius = 72, defaultInnerTaper = 35, defaultNotches = 7, defaultOuterTaper = 50;
-class CogDrawer {
+export class CogDrawer {
     constructor() {
         this.validTypes = ["cog"];
     }
     afterDraw(data) {
-        (0, Utils_js_1.drawCogHole)(data);
+        drawCogHole(data);
     }
     draw(data) {
-        (0, Utils_js_1.drawCog)(data);
+        drawCog(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
-        particle.cogHoleRadius = (0, engine_1.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);
-        particle.cogInnerRadius = (0, engine_1.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);
-        particle.cogInnerTaper = (0, engine_1.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);
-        particle.cogNotches = (0, engine_1.getRangeValue)(shapeData?.notches ?? defaultNotches);
-        particle.cogOuterTaper = (0, engine_1.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);
+        particle.cogHoleRadius = getRangeValue(shapeData?.holeRadius ?? defaultHoleRadius);
+        particle.cogInnerRadius = getRangeValue(shapeData?.innerRadius ?? defaultInnerRadius);
+        particle.cogInnerTaper = getRangeValue(shapeData?.innerTaper ?? defaultInnerTaper);
+        particle.cogNotches = getRangeValue(shapeData?.notches ?? defaultNotches);
+        particle.cogOuterTaper = getRangeValue(shapeData?.outerTaper ?? defaultOuterTaper);
     }
 }
-exports.CogDrawer = CogDrawer;

package/cjs/CogParticle.js

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

package/cjs/ICogData.js

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

package/cjs/Utils.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawCogHole = drawCogHole;
-exports.drawCog = drawCog;
-const engine_1 = require("@tsparticles/engine");
+import { percentDenominator } from "@tsparticles/engine";
 const double = 2, doublePI = Math.PI * double, minAngle = 0, origin = { x: 0, y: 0 }, taperFactor = 0.005;
-function drawCogHole(data) {
+export function drawCogHole(data) {
     const { context, particle, radius } = data;
     if (particle.cogHoleRadius === undefined ||
         particle.cogInnerRadius === undefined ||
@@ -13,7 +9,7 @@ function drawCogHole(data) {
         particle.cogOuterTaper === undefined) {
         return;
     }
-    const holeRadius = (radius * particle.cogHoleRadius) / engine_1.percentDenominator;
+    const holeRadius = (radius * particle.cogHoleRadius) / percentDenominator;
     context.globalCompositeOperation = "destination-out";
     context.beginPath();
     context.moveTo(holeRadius, origin.y);
@@ -22,7 +18,7 @@ function drawCogHole(data) {
     context.fill();
     context.globalCompositeOperation = "source-over";
 }
-function drawCog(data) {
+export function drawCog(data) {
     const { context, particle, radius } = data;
     if (particle.cogHoleRadius === undefined ||
         particle.cogInnerRadius === undefined ||
@@ -31,7 +27,7 @@ function drawCog(data) {
         particle.cogOuterTaper === undefined) {
         return;
     }
-    const angle = doublePI / (particle.cogNotches * double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = (radius * particle.cogInnerRadius) / engine_1.percentDenominator;
+    const angle = doublePI / (particle.cogNotches * double), taperAI = angle * particle.cogInnerTaper * taperFactor, taperAO = angle * particle.cogOuterTaper * taperFactor, innerRadius = (radius * particle.cogInnerRadius) / percentDenominator;
     let a = angle, toggle = false;
     context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));
     for (; a <= doublePI; a += angle) {

package/cjs/index.js

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

package/dist_browser_CogDrawer_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.0
+ */
+"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_cog"] = this["webpackChunk_tsparticles_shape_cog"] || []).push([["dist_browser_CogDrawer_js"],{
+
+/***/ "./dist/browser/CogDrawer.js"
+/*!***********************************!*\
+  !*** ./dist/browser/CogDrawer.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 */   CogDrawer: () => (/* binding */ CogDrawer)\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 defaultHoleRadius = 44,\n  defaultInnerRadius = 72,\n  defaultInnerTaper = 35,\n  defaultNotches = 7,\n  defaultOuterTaper = 50;\nclass CogDrawer {\n  constructor() {\n    this.validTypes = [\"cog\"];\n  }\n  afterDraw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCogHole)(data);\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawCog)(data);\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    particle.cogHoleRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.holeRadius ?? defaultHoleRadius);\n    particle.cogInnerRadius = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerRadius ?? defaultInnerRadius);\n    particle.cogInnerTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.innerTaper ?? defaultInnerTaper);\n    particle.cogNotches = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.notches ?? defaultNotches);\n    particle.cogOuterTaper = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.outerTaper ?? defaultOuterTaper);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/CogDrawer.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 */   drawCog: () => (/* binding */ drawCog),\n/* harmony export */   drawCogHole: () => (/* binding */ drawCogHole)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst double = 2,\n  doublePI = Math.PI * double,\n  minAngle = 0,\n  origin = {\n    x: 0,\n    y: 0\n  },\n  taperFactor = 0.005;\nfunction drawCogHole(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const holeRadius = radius * particle.cogHoleRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  context.globalCompositeOperation = \"destination-out\";\n  context.beginPath();\n  context.moveTo(holeRadius, origin.y);\n  context.arc(origin.x, origin.y, holeRadius, minAngle, doublePI);\n  context.closePath();\n  context.fill();\n  context.globalCompositeOperation = \"source-over\";\n}\nfunction drawCog(data) {\n  const {\n    context,\n    particle,\n    radius\n  } = data;\n  if (particle.cogHoleRadius === undefined || particle.cogInnerRadius === undefined || particle.cogInnerTaper === undefined || particle.cogNotches === undefined || particle.cogOuterTaper === undefined) {\n    return;\n  }\n  const angle = doublePI / (particle.cogNotches * double),\n    taperAI = angle * particle.cogInnerTaper * taperFactor,\n    taperAO = angle * particle.cogOuterTaper * taperFactor,\n    innerRadius = radius * particle.cogInnerRadius / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n  let a = angle,\n    toggle = false;\n  context.moveTo(radius * Math.cos(taperAO), radius * Math.sin(taperAO));\n  for (; a <= doublePI; a += angle) {\n    if (toggle) {\n      context.lineTo(innerRadius * Math.cos(a - taperAI), innerRadius * Math.sin(a - taperAI));\n      context.lineTo(radius * Math.cos(a + taperAO), radius * Math.sin(a + taperAO));\n    } else {\n      context.lineTo(radius * Math.cos(a - taperAO), radius * Math.sin(a - taperAO));\n      context.lineTo(innerRadius * Math.cos(a + taperAI), innerRadius * Math.sin(a + taperAI));\n    }\n    toggle = !toggle;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-cog/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/CogDrawer.js

@@ -11,7 +11,7 @@ export class CogDrawer {
     draw(data) {
         drawCog(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
         particle.cogHoleRadius = getRangeValue(shapeData?.holeRadius ?? defaultHoleRadius);
         particle.cogInnerRadius = getRangeValue(shapeData?.innerRadius ?? defaultInnerRadius);

package/esm/index.js

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

package/package.json

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