@tsparticles/shape-rounded-rect 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.
- package/browser/RoundedRectDrawer.js +2 -2
- package/cjs/RoundedRectDrawer.js +2 -2
- package/esm/RoundedRectDrawer.js +2 -2
- package/package.json +2 -2
- package/report.html +2 -2
- package/tsparticles.shape.rounded-rect.js +8 -3
- package/tsparticles.shape.rounded-rect.min.js +1 -1
- package/tsparticles.shape.rounded-rect.min.js.LICENSE.txt +1 -1
- package/types/RoundedRectDrawer.d.ts +3 -3
- package/umd/RoundedRectDrawer.js +2 -2
|
@@ -17,8 +17,8 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
|
|
|
17
17
|
ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
|
|
18
18
|
};
|
|
19
19
|
export class RoundedRectDrawer {
|
|
20
|
-
draw(
|
|
21
|
-
const fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
20
|
+
draw(data) {
|
|
21
|
+
const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
22
22
|
if ("roundRect" in context) {
|
|
23
23
|
context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
|
|
24
24
|
}
|
package/cjs/RoundedRectDrawer.js
CHANGED
|
@@ -20,8 +20,8 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
|
|
|
20
20
|
ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
|
|
21
21
|
};
|
|
22
22
|
class RoundedRectDrawer {
|
|
23
|
-
draw(
|
|
24
|
-
const fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
23
|
+
draw(data) {
|
|
24
|
+
const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
25
25
|
if ("roundRect" in context) {
|
|
26
26
|
context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
|
|
27
27
|
}
|
package/esm/RoundedRectDrawer.js
CHANGED
|
@@ -17,8 +17,8 @@ const fixFactor = Math.sqrt(2), drawRoundedRect = (ctx, info, radius = {
|
|
|
17
17
|
ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
|
|
18
18
|
};
|
|
19
19
|
export class RoundedRectDrawer {
|
|
20
|
-
draw(
|
|
21
|
-
const fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
20
|
+
draw(data) {
|
|
21
|
+
const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
22
22
|
if ("roundRect" in context) {
|
|
23
23
|
context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
|
|
24
24
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/shape-rounded-rect",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.3",
|
|
4
4
|
"description": "tsParticles rounded rect 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.
|
|
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-rounded-rect [
|
|
6
|
+
<title>@tsparticles/shape-rounded-rect [20 Sep 2023 at 10:15]</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.rounded-rect.js","isAsset":true,"statSize":
|
|
52
|
+
window.chartData = [{"label":"tsparticles.shape.rounded-rect.js","isAsset":true,"statSize":1909,"parsedSize":5718,"gzipSize":1868,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":1867,"groups":[{"id":535,"label":"index.js + 1 modules (concatenated)","path":"./dist/browser/index.js + 1 modules (concatenated)","statSize":1867,"parsedSize":5718,"gzipSize":1868,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser","statSize":1867,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/index.js","statSize":205,"parsedSize":627,"gzipSize":205,"inaccurateSizes":true},{"id":null,"label":"RoundedRectDrawer.js","path":"./dist/browser/index.js + 1 modules (concatenated)/dist/browser/RoundedRectDrawer.js","statSize":1662,"parsedSize":5090,"gzipSize":1662,"inaccurateSizes":true}],"parsedSize":5718,"gzipSize":1868,"inaccurateSizes":true}]}],"parsedSize":5718,"gzipSize":1868},{"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.rounded-rect":true}}];
|
|
53
53
|
window.entrypoints = ["tsparticles.shape.rounded-rect","tsparticles.shape.rounded-rect.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.
|
|
7
|
+
* v3.0.0-beta.3
|
|
8
8
|
*/
|
|
9
9
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
10
10
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
@@ -124,8 +124,13 @@ const fixFactor = Math.sqrt(2),
|
|
|
124
124
|
ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
|
|
125
125
|
};
|
|
126
126
|
class RoundedRectDrawer {
|
|
127
|
-
draw(
|
|
128
|
-
const
|
|
127
|
+
draw(data) {
|
|
128
|
+
const {
|
|
129
|
+
context,
|
|
130
|
+
particle,
|
|
131
|
+
radius
|
|
132
|
+
} = data,
|
|
133
|
+
fixedRadius = radius / fixFactor,
|
|
129
134
|
fixedDiameter = fixedRadius * 2,
|
|
130
135
|
borderRadius = particle.borderRadius ?? 5;
|
|
131
136
|
if ("roundRect" in context) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.shape.rounded-rect.min.js.LICENSE.txt */
|
|
2
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var r in o)("object"==typeof exports?exports:t)[r]=o[r]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function r(t){var i=o[t];if(void 0!==i)return i.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,r),n.exports}r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{r.r(i),r.d(i,{loadRoundedRectShape:()=>n});var t=r(533);const e=Math.sqrt(2);class o{draw(t
|
|
2
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var r in o)("object"==typeof exports?exports:t)[r]=o[r]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function r(t){var i=o[t];if(void 0!==i)return i.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,r),n.exports}r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{r.r(i),r.d(i,{loadRoundedRectShape:()=>n});var t=r(533);const e=Math.sqrt(2);class o{draw(t){const{context:o,particle:r,radius:i}=t,n=i/e,a=2*n,p=r.borderRadius??5;"roundRect"in o?o.roundRect(-n,-n,a,a,p):((t,e,o={topRight:4,bottomRight:4,bottomLeft:4,topLeft:4})=>{const{x:r,y:i,width:n,height:a}=e,p=r+n,d=i+a;t.moveTo(r+o.topLeft,i),t.lineTo(p-o.topRight,i),t.quadraticCurveTo(p,i,p,i+o.topRight),t.lineTo(p,i+a-o.bottomRight),t.quadraticCurveTo(p,d,p-o.bottomRight,d),t.lineTo(r+o.bottomLeft,d),t.quadraticCurveTo(r,d,r,d-o.bottomLeft),t.lineTo(r,i+o.topLeft),t.quadraticCurveTo(r,i,r+o.topLeft,i)})(o,{x:-n,y:-n,height:a,width:a},{topLeft:p,topRight:p,bottomLeft:p,bottomRight:p})}particleInit(e,o){const r=o.shapeData;o.borderRadius=(0,t.getRangeValue)(r?.radius??5)*e.retina.pixelRatio}}async function n(t,e=!0){await t.addShape("rounded-rect",new o,e)}})(),i})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Rounded Rect Shape v3.0.0-beta.
|
|
1
|
+
/*! tsParticles Rounded Rect Shape v3.0.0-beta.3 by Matteo Bruni */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { Container, IShapeDrawer } from "@tsparticles/engine";
|
|
1
|
+
import type { Container, IShapeDrawData, IShapeDrawer } from "@tsparticles/engine";
|
|
2
2
|
import type { RoundedParticle } from "./RoundedParticle.js";
|
|
3
|
-
export declare class RoundedRectDrawer implements IShapeDrawer {
|
|
4
|
-
draw(
|
|
3
|
+
export declare class RoundedRectDrawer implements IShapeDrawer<RoundedParticle> {
|
|
4
|
+
draw(data: IShapeDrawData<RoundedParticle>): void;
|
|
5
5
|
particleInit(container: Container, particle: RoundedParticle): void;
|
|
6
6
|
}
|
package/umd/RoundedRectDrawer.js
CHANGED
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
|
|
30
30
|
};
|
|
31
31
|
class RoundedRectDrawer {
|
|
32
|
-
draw(
|
|
33
|
-
const fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
32
|
+
draw(data) {
|
|
33
|
+
const { context, particle, radius } = data, fixedRadius = radius / fixFactor, fixedDiameter = fixedRadius * 2, borderRadius = particle.borderRadius ?? 5;
|
|
34
34
|
if ("roundRect" in context) {
|
|
35
35
|
context.roundRect(-fixedRadius, -fixedRadius, fixedDiameter, fixedDiameter, borderRadius);
|
|
36
36
|
}
|