@tsparticles/shape-arrow 3.9.1 → 4.0.0-alpha.0

package/643.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 643.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_arrow=this.webpackChunk_tsparticles_shape_arrow||[]).push([[643],{643(a,t,h){h.d(t,{ArrowDrawer:()=>l});var e=h(303);const o=e.half,i=e.half;class l{constructor(){this.validTypes=["arrow"]}draw(a){!function(a){const{context:t,particle:h,radius:l}=a,r=l*e.double,n=r*(h.heightFactor??o),c=r*(h.headWidthFactor??.2),s=n*(h.bodyHeightFactor??i);t.moveTo(-r*e.half,e.originPoint.y),t.lineTo(-r*e.half,-s*e.half),t.lineTo(r*e.half-c,-s*e.half),t.lineTo(r*e.half-c,-n*e.half),t.lineTo(r*e.half+c,e.originPoint.y),t.lineTo(r*e.half-c,n*e.half),t.lineTo(r*e.half-c,s*e.half),t.lineTo(-r*e.half,s*e.half),t.lineTo(-r*e.half,e.originPoint.y)}(a)}particleInit(a,t){const h=t.shapeData;t.heightFactor=(0,e.getRangeValue)(h?.heightFactor??.5),t.headWidthFactor=(0,e.getRangeValue)(h?.headWidthFactor??.2),t.bodyHeightFactor=(0,e.getRangeValue)(h?.bodyHeightFactor??.5)}}}}]);

package/643.min.js.LICENSE.txt

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

package/browser/ArrowDrawer.js

@@ -8,7 +8,7 @@ export class ArrowDrawer {
     draw(data) {
         drawArrow(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
         particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? defaultHeightFactor);
         particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);

package/browser/Utils.js

@@ -1,16 +1,14 @@
-const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
-    x: 0,
-    y: 0,
-};
+import { double, half, originPoint } from "@tsparticles/engine";
+const defaultHeightFactor = half, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = half;
 export function drawArrow(data) {
     const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
-    context.moveTo(-width * half, origin.y);
+    context.moveTo(-width * half, originPoint.y);
     context.lineTo(-width * half, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -height * half);
-    context.lineTo(width * half + headWidth, origin.y);
+    context.lineTo(width * half + headWidth, originPoint.y);
     context.lineTo(width * half - headWidth, height * half);
     context.lineTo(width * half - headWidth, bodyHeight * half);
     context.lineTo(-width * half, bodyHeight * half);
-    context.lineTo(-width * half, origin.y);
+    context.lineTo(-width * half, originPoint.y);
 }

package/browser/index.js

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

package/cjs/ArrowDrawer.js

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowDrawer = void 0;
-const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
+import { getRangeValue } from "@tsparticles/engine";
+import { drawArrow } from "./Utils.js";
 const defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5;
-class ArrowDrawer {
+export class ArrowDrawer {
     constructor() {
         this.validTypes = ["arrow"];
     }
     draw(data) {
-        (0, Utils_js_1.drawArrow)(data);
+        drawArrow(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
-        particle.heightFactor = (0, engine_1.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);
-        particle.headWidthFactor = (0, engine_1.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
-        particle.bodyHeightFactor = (0, engine_1.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
+        particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? defaultHeightFactor);
+        particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);
+        particle.bodyHeightFactor = getRangeValue(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);
     }
 }
-exports.ArrowDrawer = ArrowDrawer;

package/cjs/ArrowParticle.js

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

package/cjs/IArrowData.js

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

package/cjs/Utils.js

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawArrow = drawArrow;
-const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
-    x: 0,
-    y: 0,
-};
-function drawArrow(data) {
+import { double, half, originPoint } from "@tsparticles/engine";
+const defaultHeightFactor = half, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = half;
+export function drawArrow(data) {
     const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
-    context.moveTo(-width * half, origin.y);
+    context.moveTo(-width * half, originPoint.y);
     context.lineTo(-width * half, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -height * half);
-    context.lineTo(width * half + headWidth, origin.y);
+    context.lineTo(width * half + headWidth, originPoint.y);
     context.lineTo(width * half - headWidth, height * half);
     context.lineTo(width * half - headWidth, bodyHeight * half);
     context.lineTo(-width * half, bodyHeight * half);
-    context.lineTo(-width * half, origin.y);
+    context.lineTo(-width * half, originPoint.y);
 }

package/cjs/index.js

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

package/dist_browser_ArrowDrawer_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_arrow"] = this["webpackChunk_tsparticles_shape_arrow"] || []).push([["dist_browser_ArrowDrawer_js"],{
+
+/***/ "./dist/browser/ArrowDrawer.js"
+/*!*************************************!*\
+  !*** ./dist/browser/ArrowDrawer.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 */   ArrowDrawer: () => (/* binding */ ArrowDrawer)\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 defaultHeightFactor = 0.5,\n  defaultHeadWidthFactor = 0.2,\n  defaultBodyHeightFactor = 0.5;\nclass ArrowDrawer {\n  constructor() {\n    this.validTypes = [\"arrow\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawArrow)(data);\n  }\n  particleInit(_container, particle) {\n    const shapeData = particle.shapeData;\n    particle.heightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.heightFactor ?? defaultHeightFactor);\n    particle.headWidthFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);\n    particle.bodyHeightFactor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(shapeData?.bodyHeightFactor ?? defaultBodyHeightFactor);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-arrow/./dist/browser/ArrowDrawer.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 */   drawArrow: () => (/* binding */ drawArrow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n  defaultHeadWidthFactor = 0.2,\n  defaultBodyHeightFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nfunction drawArrow(data) {\n  const {\n      context,\n      particle,\n      radius\n    } = data,\n    width = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n    heightFactor = particle.heightFactor ?? defaultHeightFactor,\n    headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor,\n    bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor,\n    height = width * heightFactor,\n    headWidth = width * headWidthFactor,\n    bodyHeight = height * bodyHeightFactor;\n  context.moveTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, -height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half + headWidth, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half - headWidth, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, bodyHeight * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half);\n  context.lineTo(-width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n}\n\n//# sourceURL=webpack://@tsparticles/shape-arrow/./dist/browser/Utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/ArrowDrawer.js

@@ -8,7 +8,7 @@ export class ArrowDrawer {
     draw(data) {
         drawArrow(data);
     }
-    particleInit(container, particle) {
+    particleInit(_container, particle) {
         const shapeData = particle.shapeData;
         particle.heightFactor = getRangeValue(shapeData?.heightFactor ?? defaultHeightFactor);
         particle.headWidthFactor = getRangeValue(shapeData?.headWidthFactor ?? defaultHeadWidthFactor);

package/esm/Utils.js

@@ -1,16 +1,14 @@
-const double = 2, defaultHeightFactor = 0.5, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = 0.5, half = 0.5, origin = {
-    x: 0,
-    y: 0,
-};
+import { double, half, originPoint } from "@tsparticles/engine";
+const defaultHeightFactor = half, defaultHeadWidthFactor = 0.2, defaultBodyHeightFactor = half;
 export function drawArrow(data) {
     const { context, particle, radius } = data, width = radius * double, heightFactor = particle.heightFactor ?? defaultHeightFactor, headWidthFactor = particle.headWidthFactor ?? defaultHeadWidthFactor, bodyHeightFactor = particle.bodyHeightFactor ?? defaultBodyHeightFactor, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
-    context.moveTo(-width * half, origin.y);
+    context.moveTo(-width * half, originPoint.y);
     context.lineTo(-width * half, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -bodyHeight * half);
     context.lineTo(width * half - headWidth, -height * half);
-    context.lineTo(width * half + headWidth, origin.y);
+    context.lineTo(width * half + headWidth, originPoint.y);
     context.lineTo(width * half - headWidth, height * half);
     context.lineTo(width * half - headWidth, bodyHeight * half);
     context.lineTo(-width * half, bodyHeight * half);
-    context.lineTo(-width * half, origin.y);
+    context.lineTo(-width * half, originPoint.y);
 }

package/esm/index.js

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

package/package.json

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