@tsparticles/shape-arrow 3.0.0-beta.2 → 3.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { getRangeValue } from "@tsparticles/engine";
2
2
  export class ArrowDrawer {
3
- draw(context, particle, radius) {
4
- const width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
3
+ draw(data) {
4
+ const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
5
5
  context.moveTo(-width / 2, 0);
6
6
  context.lineTo(-width / 2, -bodyHeight / 2);
7
7
  context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ArrowDrawer = void 0;
4
4
  const engine_1 = require("@tsparticles/engine");
5
5
  class ArrowDrawer {
6
- draw(context, particle, radius) {
7
- const width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
6
+ draw(data) {
7
+ const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
8
8
  context.moveTo(-width / 2, 0);
9
9
  context.lineTo(-width / 2, -bodyHeight / 2);
10
10
  context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
@@ -1,7 +1,7 @@
1
1
  import { getRangeValue } from "@tsparticles/engine";
2
2
  export class ArrowDrawer {
3
- draw(context, particle, radius) {
4
- const width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
3
+ draw(data) {
4
+ const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
5
5
  context.moveTo(-width / 2, 0);
6
6
  context.lineTo(-width / 2, -bodyHeight / 2);
7
7
  context.lineTo(width / 2 - headWidth, -bodyHeight / 2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/shape-arrow",
3
- "version": "3.0.0-beta.2",
3
+ "version": "3.0.0-beta.3",
4
4
  "description": "tsParticles arrow shape",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -100,7 +100,7 @@
100
100
  "./package.json": "./package.json"
101
101
  },
102
102
  "dependencies": {
103
- "@tsparticles/engine": "^3.0.0-beta.2"
103
+ "@tsparticles/engine": "^3.0.0-beta.3"
104
104
  },
105
105
  "publishConfig": {
106
106
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/shape-arrow [11 Sep 2023 at 10:18]</title>
6
+ <title>@tsparticles/shape-arrow [20 Sep 2023 at 10:14]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
@@ -49,7 +49,7 @@ var t="[object Symbol]",n=/[&<>"'`]/g,i=RegExp(n.source),r="object"==typeof self
49
49
  <body>
50
50
  <div id="app"></div>
51
51
  <script>
52
- window.chartData = [{"label":"tsparticles.shape.arrow.js","isAsset":true,"statSize":1426,"parsedSize":5277,"gzipSize":1638,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1384,"groups":[{"id":684,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1384,"parsedSize":5277,"gzipSize":1638,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1384,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":174,"parsedSize":663,"gzipSize":205,"inaccurateSizes":true},{"id":null,"label":"ArrowDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/ArrowDrawer.js","statSize":1210,"parsedSize":4613,"gzipSize":1432,"inaccurateSizes":true}],"parsedSize":5277,"gzipSize":1638,"inaccurateSizes":true}]}],"parsedSize":5277,"gzipSize":1638},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.shape.arrow":true}}];
52
+ window.chartData = [{"label":"tsparticles.shape.arrow.js","isAsset":true,"statSize":1479,"parsedSize":5330,"gzipSize":1649,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1437,"groups":[{"id":684,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1437,"parsedSize":5330,"gzipSize":1649,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1437,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":174,"parsedSize":645,"gzipSize":199,"inaccurateSizes":true},{"id":null,"label":"ArrowDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/ArrowDrawer.js","statSize":1263,"parsedSize":4684,"gzipSize":1449,"inaccurateSizes":true}],"parsedSize":5330,"gzipSize":1649,"inaccurateSizes":true}]}],"parsedSize":5330,"gzipSize":1649},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.shape.arrow":true}}];
53
53
  window.entrypoints = ["tsparticles.shape.arrow","tsparticles.shape.arrow.min"];
54
54
  window.defaultSizes = "parsed";
55
55
  </script>
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v3.0.0-beta.2
7
+ * v3.0.0-beta.3
8
8
  */
9
9
  (function webpackUniversalModuleDefinition(root, factory) {
10
10
  if(typeof exports === 'object' && typeof module === 'object')
@@ -99,8 +99,13 @@ var engine_root_window_ = __webpack_require__(533);
99
99
  ;// CONCATENATED MODULE: ./dist/browser/ArrowDrawer.js
100
100
 
101
101
  class ArrowDrawer {
102
- draw(context, particle, radius) {
103
- const width = radius * 2,
102
+ draw(data) {
103
+ const {
104
+ context,
105
+ particle,
106
+ radius
107
+ } = data,
108
+ width = radius * 2,
104
109
  heightFactor = particle.heightFactor ?? 0.5,
105
110
  headWidthFactor = particle.headWidthFactor ?? 0.2,
106
111
  bodyHeightFactor = particle.bodyHeightFactor ?? 0.5,
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see tsparticles.shape.arrow.min.js.LICENSE.txt */
2
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{loadArrowShape:()=>o});var e=r(533);class t{draw(e,t,o){const r=2*o,a=r*(t.heightFactor??.5),i=r*(t.headWidthFactor??.2),n=a*(t.bodyHeightFactor??.5);e.moveTo(-r/2,0),e.lineTo(-r/2,-n/2),e.lineTo(r/2-i,-n/2),e.lineTo(r/2-i,-a/2),e.lineTo(r/2+i,0),e.lineTo(r/2-i,a/2),e.lineTo(r/2-i,n/2),e.lineTo(-r/2,n/2),e.lineTo(-r/2,0)}particleInit(t,o){const r=o.shapeData;o.heightFactor=(0,e.getRangeValue)(r?.heightFactor??.5),o.headWidthFactor=(0,e.getRangeValue)(r?.headWidthFactor??.2),o.bodyHeightFactor=(0,e.getRangeValue)(r?.bodyHeightFactor??.5)}}async function o(e,o=!0){await e.addShape("arrow",new t,o)}})(),a})()));
2
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var a=o[e];if(void 0!==a)return a.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{loadArrowShape:()=>o});var e=r(533);class t{draw(e){const{context:t,particle:o,radius:r}=e,a=2*r,i=a*(o.heightFactor??.5),n=a*(o.headWidthFactor??.2),c=i*(o.bodyHeightFactor??.5);t.moveTo(-a/2,0),t.lineTo(-a/2,-c/2),t.lineTo(a/2-n,-c/2),t.lineTo(a/2-n,-i/2),t.lineTo(a/2+n,0),t.lineTo(a/2-n,i/2),t.lineTo(a/2-n,c/2),t.lineTo(-a/2,c/2),t.lineTo(-a/2,0)}particleInit(t,o){const r=o.shapeData;o.heightFactor=(0,e.getRangeValue)(r?.heightFactor??.5),o.headWidthFactor=(0,e.getRangeValue)(r?.headWidthFactor??.2),o.bodyHeightFactor=(0,e.getRangeValue)(r?.bodyHeightFactor??.5)}}async function o(e,o=!0){await e.addShape("arrow",new t,o)}})(),a})()));
@@ -1 +1 @@
1
- /*! tsParticles Arrow Shape v3.0.0-beta.2 by Matteo Bruni */
1
+ /*! tsParticles Arrow Shape v3.0.0-beta.3 by Matteo Bruni */
@@ -1,6 +1,6 @@
1
- import { type Container, type IShapeDrawer } from "@tsparticles/engine";
1
+ import { type Container, type IShapeDrawData, type IShapeDrawer } from "@tsparticles/engine";
2
2
  import type { ArrowParticle } from "./ArrowParticle.js";
3
- export declare class ArrowDrawer implements IShapeDrawer {
4
- draw(context: CanvasRenderingContext2D, particle: ArrowParticle, radius: number): void;
3
+ export declare class ArrowDrawer implements IShapeDrawer<ArrowParticle> {
4
+ draw(data: IShapeDrawData<ArrowParticle>): void;
5
5
  particleInit(container: Container, particle: ArrowParticle): void;
6
6
  }
@@ -12,8 +12,8 @@
12
12
  exports.ArrowDrawer = void 0;
13
13
  const engine_1 = require("@tsparticles/engine");
14
14
  class ArrowDrawer {
15
- draw(context, particle, radius) {
16
- const width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
15
+ draw(data) {
16
+ const { context, particle, radius } = data, width = radius * 2, heightFactor = particle.heightFactor ?? 0.5, headWidthFactor = particle.headWidthFactor ?? 0.2, bodyHeightFactor = particle.bodyHeightFactor ?? 0.5, height = width * heightFactor, headWidth = width * headWidthFactor, bodyHeight = height * bodyHeightFactor;
17
17
  context.moveTo(-width / 2, 0);
18
18
  context.lineTo(-width / 2, -bodyHeight / 2);
19
19
  context.lineTo(width / 2 - headWidth, -bodyHeight / 2);