@tsparticles/shape-cards 4.0.0-alpha.5 → 4.0.0-alpha.8

package/35.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 35.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[35],{35(e,t,y){y.d(t,{CardDrawer:()=>u});var a=y(303),s=y(355),r=y(580),l=y(792);const i=a.double*a.double/a.triple,n=a.double,p=new Map;function x(e,t,y,s,r){if(r)!function(e,t){m(e,t)}(e,t);else{const r=function(e,t){return`${e.toFixed(2)}-${t.suit}-${t.value}`}(t,y),l=t*i,x=t*n,m=l*a.half,u=x*a.half;if(!p.has(r)){const e=new OffscreenCanvas(l,x),a=e.getContext("2d");a&&(a.translate(m,u),o(a,t,y,s),p.set(r,e))}const g=p.get(r);g?e.drawImage(g,-m,-u,l,x):o(e,t,y,s)}}function o(e,t,y,p){const{suit:x,value:o}=y,u=t*n,g=t*i*a.half,c=u*a.half,d=.2*t,h=.4*t,f=.3*t,b=.9*t,v=.25*t,T=.1*t,S=x===s.U.hearts||x===s.U.diamonds?(0,a.getStyleFromRgb)({r:255,g:0,b:0},p):(0,a.getStyleFromRgb)({r:0,g:0,b:0},p);e.save(),m(e,t),e.fillStyle=(0,a.getStyleFromRgb)({r:255,g:255,b:255},p),e.fill(),e.strokeStyle=(0,a.getStyleFromRgb)({r:0,g:0,b:0},p),e.stroke(),e.fillStyle=S,e.font=`bold ${h.toString()}px Arial, serif`,e.textAlign="left",e.textBaseline="middle";const z=-g+d+T,P=-c+d+h*a.half;e.save(),e.translate(z,P),e.beginPath(),(0,r.drawPath)(e,f,l.f0[x]),e.fill(),e.restore(),e.fillText(o,z+v,P),e.save(),e.translate(g-d-T,c-d-h*a.half),e.rotate(Math.PI),e.save(),e.beginPath(),(0,r.drawPath)(e,f,l.f0[x]),e.fill(),e.restore(),e.fillText(o,a.originPoint.x+v,a.originPoint.y),e.restore(),e.save(),e.beginPath(),(0,r.drawPath)(e,b,l.f0[x]),e.fillStyle=S,e.fill(),e.restore(),e.beginPath(),e.arc(a.originPoint.x,a.originPoint.y,0,0,a.doublePI,!1),e.closePath(),e.restore()}function m(e,t){const y=t*n,s=t*i*a.half,r=y*a.half,l=.2*t;e.beginPath(),e.moveTo(-s+l,-r),e.lineTo(s-l,-r),e.quadraticCurveTo(s,-r,s,-r+l),e.lineTo(s,r-l),e.quadraticCurveTo(s,r,s-l,r),e.lineTo(-s+l,r),e.quadraticCurveTo(-s,r,-s,r-l),e.lineTo(-s,-r+l),e.quadraticCurveTo(-s,-r,-s+l,-r),e.closePath()}class u{constructor(){this.validTypes=["card"]}draw(e){const{context:t,particle:y,radius:a}=e;y.cardData&&x(t,a,y.cardData,y.container.hdr,y.isShowingBack())}particleInit(e,t){const y=t.shapeData;y&&(t.cardData=(0,a.deepExtend)({},y))}}},355(e,t,y){var a;y.d(t,{U:()=>a}),function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(a||(a={}))},792(e,t,y){y.d(t,{f0:()=>h});var a=y(580),s=y(303),r=y(355);const l=s.quarter*s.half,i=s.half,n=i*s.half,p=-i,x=-n,o=i*l,m=i*s.threeQuarter,u={half:!0,segments:[{type:a.SegmentType.bezier,values:[{x:s.empty,y:p},{x:s.empty,y:p},{x:n,y:p},{x:n,y:x}]},{type:a.SegmentType.bezier,values:[{x:n,y:x},{x:n,y:x},{x:i,y:x},{x:i,y:s.empty}]},{type:a.SegmentType.bezier,values:[{x:i,y:s.empty},{x:i,y:s.empty},{x:i,y:n},{x:n,y:n}]},{type:a.SegmentType.bezier,values:[{x:n,y:n},{x:n,y:n},{x:o,y:n},{x:o,y:o}]},{type:a.SegmentType.bezier,values:[{x:o,y:o},{x:o,y:n},{x:n,y:i},{x:n,y:i}]},{type:a.SegmentType.bezier,values:[{x:n,y:i},{x:n,y:i},{x:s.empty,y:i},{x:s.empty,y:i}]}]},g={half:!0,segments:[{type:a.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:m,y:s.empty},{x:m,y:s.empty}]},{type:a.SegmentType.bezier,values:[{x:m,y:s.empty},{x:m,y:s.empty},{x:s.empty,y:p},{x:s.empty,y:p}]}]},c={half:!0,segments:[{type:a.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:i,y:s.empty},{x:i,y:x}]},{type:a.SegmentType.bezier,values:[{x:i,y:x},{x:i,y:x},{x:i,y:p},{x:n,y:p}]},{type:a.SegmentType.bezier,values:[{x:n,y:p},{x:n,y:p},{x:s.empty,y:p},{x:s.empty,y:x}]}]},d={half:!0,segments:[{type:a.SegmentType.bezier,values:[{x:s.empty,y:p},{x:s.empty,y:p},{x:i,y:x},{x:i,y:s.empty}]},{type:a.SegmentType.bezier,values:[{x:i,y:s.empty},{x:i,y:s.empty},{x:i,y:n},{x:n,y:n}]},{type:a.SegmentType.bezier,values:[{x:n,y:n},{x:n,y:n},{x:o,y:n},{x:o,y:o}]},{type:a.SegmentType.bezier,values:[{x:o,y:o},{x:o,y:n},{x:n,y:i},{x:n,y:i}]},{type:a.SegmentType.bezier,values:[{x:n,y:i},{x:n,y:i},{x:s.empty,y:i},{x:s.empty,y:i}]}]},h={[r.U.hearts]:c,[r.U.diamonds]:g,[r.U.clubs]:u,[r.U.spades]:d}}}]);

package/35.min.js.LICENSE.txt

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

package/475.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 475.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[475],{413(e,s,x){function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:x,radius:y}=e;x.moveTo(s.segments[0].values[0].x*y,s.segments[0].values[0].y*y);for(const e of s.segments)x.bezierCurveTo(e.values[1].x*y,e.values[1].y*y,e.values[2].x*y,e.values[2].y*y,e.values[3].x*y,e.values[3].y*y);for(let e=s.segments.length-1;e>=0;e--){const a=s.segments[e];x.bezierCurveTo(-a.values[2].x*y,a.values[2].y*y,-a.values[1].x*y,a.values[1].y*y,-a.values[0].x*y,a.values[0].y*y)}}x.d(s,{f:()=>u,k:()=>y});const a=.5,u={heart:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:a,y:0},{x:a,y:-a/2}]},{values:[{x:a,y:-a/2},{x:a,y:-a/2},{x:a,y:-a},{x:a/2,y:-a}]},{values:[{x:a/2,y:-a},{x:a/2,y:-a},{x:0,y:-a},{x:0,y:-a/2}]}]},diamond:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:.375,y:0},{x:.375,y:0}]},{values:[{x:.375,y:0},{x:.375,y:0},{x:0,y:-a},{x:0,y:-a}]}]},club:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a/2,y:-a},{x:a/2,y:-a/2}]},{values:[{x:a/2,y:-a/2},{x:a/2,y:-a/2},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]},spade:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]}}},475(e,s,x){x.d(s,{SpadeDrawer:()=>a});var y=x(413);class a{constructor(){this.validTypes=["spade","spades"]}draw(e){(0,y.k)(e,y.f.spade)}}}}]);
+(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[475],{355(e,y,t){var p;t.d(y,{U:()=>p}),function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(p||(p={}))},475(e,y,t){t.d(y,{SpadeDrawer:()=>s});var p=t(580),x=t(792);class s{constructor(){this.validTypes=["spade","spades"]}draw(e){const{context:y,radius:t}=e;(0,p.drawPath)(y,t,x.f0.spades)}}},792(e,y,t){t.d(y,{f0:()=>v});var p=t(580),x=t(303),s=t(355);const a=x.quarter*x.half,m=x.half,r=m*x.half,n=-m,l=-r,i=m*a,u=m*x.threeQuarter,d={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:r,y:n},{x:r,y:l}]},{type:p.SegmentType.bezier,values:[{x:r,y:l},{x:r,y:l},{x:m,y:l},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:i,y:r},{x:i,y:i}]},{type:p.SegmentType.bezier,values:[{x:i,y:i},{x:i,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},b={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:u,y:x.empty},{x:u,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:u,y:x.empty},{x:u,y:x.empty},{x:x.empty,y:n},{x:x.empty,y:n}]}]},g={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:m,y:x.empty},{x:m,y:l}]},{type:p.SegmentType.bezier,values:[{x:m,y:l},{x:m,y:l},{x:m,y:n},{x:r,y:n}]},{type:p.SegmentType.bezier,values:[{x:r,y:n},{x:r,y:n},{x:x.empty,y:n},{x:x.empty,y:l}]}]},h={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:m,y:l},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:i,y:r},{x:i,y:i}]},{type:p.SegmentType.bezier,values:[{x:i,y:i},{x:i,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},v={[s.U.hearts]:g,[s.U.diamonds]:b,[s.U.clubs]:d,[s.U.spades]:h}}}]);

package/475.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cards Shape v4.0.0-alpha.5 by Matteo Bruni */
+/*! tsParticles Cards Shape v4.0.0-alpha.8 by Matteo Bruni */

package/505.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 505.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[505],{413(e,s,x){function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:x,radius:y}=e;x.moveTo(s.segments[0].values[0].x*y,s.segments[0].values[0].y*y);for(const e of s.segments)x.bezierCurveTo(e.values[1].x*y,e.values[1].y*y,e.values[2].x*y,e.values[2].y*y,e.values[3].x*y,e.values[3].y*y);for(let e=s.segments.length-1;e>=0;e--){const a=s.segments[e];x.bezierCurveTo(-a.values[2].x*y,a.values[2].y*y,-a.values[1].x*y,a.values[1].y*y,-a.values[0].x*y,a.values[0].y*y)}}x.d(s,{f:()=>u,k:()=>y});const a=.5,u={heart:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:a,y:0},{x:a,y:-a/2}]},{values:[{x:a,y:-a/2},{x:a,y:-a/2},{x:a,y:-a},{x:a/2,y:-a}]},{values:[{x:a/2,y:-a},{x:a/2,y:-a},{x:0,y:-a},{x:0,y:-a/2}]}]},diamond:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:.375,y:0},{x:.375,y:0}]},{values:[{x:.375,y:0},{x:.375,y:0},{x:0,y:-a},{x:0,y:-a}]}]},club:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a/2,y:-a},{x:a/2,y:-a/2}]},{values:[{x:a/2,y:-a/2},{x:a/2,y:-a/2},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]},spade:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]}}},505(e,s,x){x.d(s,{DiamondDrawer:()=>a});var y=x(413);class a{constructor(){this.validTypes=["diamond","diamonds"]}draw(e){(0,y.k)(e,y.f.diamond)}}}}]);
+(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[505],{355(e,y,t){var p;t.d(y,{U:()=>p}),function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(p||(p={}))},505(e,y,t){t.d(y,{DiamondDrawer:()=>s});var p=t(580),x=t(792);class s{constructor(){this.validTypes=["diamond","diamonds"]}draw(e){const{context:y,radius:t}=e;(0,p.drawPath)(y,t,x.f0.diamonds)}}},792(e,y,t){t.d(y,{f0:()=>v});var p=t(580),x=t(303),s=t(355);const a=x.quarter*x.half,m=x.half,r=m*x.half,n=-m,i=-r,l=m*a,u=m*x.threeQuarter,d={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:r,y:n},{x:r,y:i}]},{type:p.SegmentType.bezier,values:[{x:r,y:i},{x:r,y:i},{x:m,y:i},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:l,y:r},{x:l,y:l}]},{type:p.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},b={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:u,y:x.empty},{x:u,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:u,y:x.empty},{x:u,y:x.empty},{x:x.empty,y:n},{x:x.empty,y:n}]}]},g={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:m,y:x.empty},{x:m,y:i}]},{type:p.SegmentType.bezier,values:[{x:m,y:i},{x:m,y:i},{x:m,y:n},{x:r,y:n}]},{type:p.SegmentType.bezier,values:[{x:r,y:n},{x:r,y:n},{x:x.empty,y:n},{x:x.empty,y:i}]}]},h={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:m,y:i},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:l,y:r},{x:l,y:l}]},{type:p.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},v={[s.U.hearts]:g,[s.U.diamonds]:b,[s.U.clubs]:d,[s.U.spades]:h}}}]);

package/505.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cards Shape v4.0.0-alpha.5 by Matteo Bruni */
+/*! tsParticles Cards Shape v4.0.0-alpha.8 by Matteo Bruni */

package/657.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 657.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[657],{413(e,s,x){function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:x,radius:y}=e;x.moveTo(s.segments[0].values[0].x*y,s.segments[0].values[0].y*y);for(const e of s.segments)x.bezierCurveTo(e.values[1].x*y,e.values[1].y*y,e.values[2].x*y,e.values[2].y*y,e.values[3].x*y,e.values[3].y*y);for(let e=s.segments.length-1;e>=0;e--){const a=s.segments[e];x.bezierCurveTo(-a.values[2].x*y,a.values[2].y*y,-a.values[1].x*y,a.values[1].y*y,-a.values[0].x*y,a.values[0].y*y)}}x.d(s,{f:()=>u,k:()=>y});const a=.5,u={heart:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:a,y:0},{x:a,y:-a/2}]},{values:[{x:a,y:-a/2},{x:a,y:-a/2},{x:a,y:-a},{x:a/2,y:-a}]},{values:[{x:a/2,y:-a},{x:a/2,y:-a},{x:0,y:-a},{x:0,y:-a/2}]}]},diamond:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:.375,y:0},{x:.375,y:0}]},{values:[{x:.375,y:0},{x:.375,y:0},{x:0,y:-a},{x:0,y:-a}]}]},club:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a/2,y:-a},{x:a/2,y:-a/2}]},{values:[{x:a/2,y:-a/2},{x:a/2,y:-a/2},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]},spade:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]}}},657(e,s,x){x.d(s,{HeartDrawer:()=>a});var y=x(413);class a{constructor(){this.validTypes=["heart","hearts"]}draw(e){(0,y.k)(e,y.f.heart)}}}}]);
+(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[657],{355(e,y,t){var p;t.d(y,{U:()=>p}),function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(p||(p={}))},657(e,y,t){t.d(y,{HeartDrawer:()=>s});var p=t(580),x=t(792);class s{constructor(){this.validTypes=["heart","hearts"]}draw(e){const{context:y,radius:t}=e;(0,p.drawPath)(y,t,x.f0.hearts)}}},792(e,y,t){t.d(y,{f0:()=>d});var p=t(580),x=t(303),s=t(355);const a=x.quarter*x.half,m=x.half,r=m*x.half,n=-m,l=-r,i=m*a,u=m*x.threeQuarter,h={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:r,y:n},{x:r,y:l}]},{type:p.SegmentType.bezier,values:[{x:r,y:l},{x:r,y:l},{x:m,y:l},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:i,y:r},{x:i,y:i}]},{type:p.SegmentType.bezier,values:[{x:i,y:i},{x:i,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},b={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:u,y:x.empty},{x:u,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:u,y:x.empty},{x:u,y:x.empty},{x:x.empty,y:n},{x:x.empty,y:n}]}]},g={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:m,y:x.empty},{x:m,y:l}]},{type:p.SegmentType.bezier,values:[{x:m,y:l},{x:m,y:l},{x:m,y:n},{x:r,y:n}]},{type:p.SegmentType.bezier,values:[{x:r,y:n},{x:r,y:n},{x:x.empty,y:n},{x:x.empty,y:l}]}]},v={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:n},{x:x.empty,y:n},{x:m,y:l},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:i,y:r},{x:i,y:i}]},{type:p.SegmentType.bezier,values:[{x:i,y:i},{x:i,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},d={[s.U.hearts]:g,[s.U.diamonds]:b,[s.U.clubs]:h,[s.U.spades]:v}}}]);

package/657.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cards Shape v4.0.0-alpha.5 by Matteo Bruni */
+/*! tsParticles Cards Shape v4.0.0-alpha.8 by Matteo Bruni */

package/741.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 741.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[741],{413(e,s,x){function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:x,radius:y}=e;x.moveTo(s.segments[0].values[0].x*y,s.segments[0].values[0].y*y);for(const e of s.segments)x.bezierCurveTo(e.values[1].x*y,e.values[1].y*y,e.values[2].x*y,e.values[2].y*y,e.values[3].x*y,e.values[3].y*y);for(let e=s.segments.length-1;e>=0;e--){const a=s.segments[e];x.bezierCurveTo(-a.values[2].x*y,a.values[2].y*y,-a.values[1].x*y,a.values[1].y*y,-a.values[0].x*y,a.values[0].y*y)}}x.d(s,{f:()=>u,k:()=>y});const a=.5,u={heart:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:a,y:0},{x:a,y:-a/2}]},{values:[{x:a,y:-a/2},{x:a,y:-a/2},{x:a,y:-a},{x:a/2,y:-a}]},{values:[{x:a/2,y:-a},{x:a/2,y:-a},{x:0,y:-a},{x:0,y:-a/2}]}]},diamond:{segments:[{values:[{x:0,y:a},{x:0,y:a},{x:.375,y:0},{x:.375,y:0}]},{values:[{x:.375,y:0},{x:.375,y:0},{x:0,y:-a},{x:0,y:-a}]}]},club:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a/2,y:-a},{x:a/2,y:-a/2}]},{values:[{x:a/2,y:-a/2},{x:a/2,y:-a/2},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]},spade:{segments:[{values:[{x:0,y:-a},{x:0,y:-a},{x:a,y:-a/2},{x:a,y:0}]},{values:[{x:a,y:0},{x:a,y:0},{x:a,y:a/2},{x:a/2,y:a/2}]},{values:[{x:a/2,y:a/2},{x:a/2,y:a/2},{x:a/8,y:a/2},{x:a/8,y:a/8}]},{values:[{x:a/8,y:a/8},{x:a/8,y:a/2},{x:a/2,y:a},{x:a/2,y:a}]},{values:[{x:a/2,y:a},{x:a/2,y:a},{x:0,y:a},{x:0,y:a}]}]}}},741(e,s,x){x.d(s,{ClubDrawer:()=>a});var y=x(413);class a{constructor(){this.validTypes=["club","clubs"]}draw(e){(0,y.k)(e,y.f.club)}}}}]);
+(this.webpackChunk_tsparticles_shape_cards=this.webpackChunk_tsparticles_shape_cards||[]).push([[741],{355(e,y,t){var p;t.d(y,{U:()=>p}),function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(p||(p={}))},741(e,y,t){t.d(y,{ClubDrawer:()=>s});var p=t(580),x=t(792);class s{constructor(){this.validTypes=["club","clubs"]}draw(e){const{context:y,radius:t}=e;(0,p.drawPath)(y,t,x.f0.clubs)}}},792(e,y,t){t.d(y,{f0:()=>c});var p=t(580),x=t(303),s=t(355);const a=x.quarter*x.half,m=x.half,r=m*x.half,l=-m,n=-r,u=m*a,i=m*x.threeQuarter,b={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:l},{x:x.empty,y:l},{x:r,y:l},{x:r,y:n}]},{type:p.SegmentType.bezier,values:[{x:r,y:n},{x:r,y:n},{x:m,y:n},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:u,y:r},{x:u,y:u}]},{type:p.SegmentType.bezier,values:[{x:u,y:u},{x:u,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},g={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:i,y:x.empty},{x:i,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:i,y:x.empty},{x:i,y:x.empty},{x:x.empty,y:l},{x:x.empty,y:l}]}]},h={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:m},{x:x.empty,y:m},{x:m,y:x.empty},{x:m,y:n}]},{type:p.SegmentType.bezier,values:[{x:m,y:n},{x:m,y:n},{x:m,y:l},{x:r,y:l}]},{type:p.SegmentType.bezier,values:[{x:r,y:l},{x:r,y:l},{x:x.empty,y:l},{x:x.empty,y:n}]}]},v={half:!0,segments:[{type:p.SegmentType.bezier,values:[{x:x.empty,y:l},{x:x.empty,y:l},{x:m,y:n},{x:m,y:x.empty}]},{type:p.SegmentType.bezier,values:[{x:m,y:x.empty},{x:m,y:x.empty},{x:m,y:r},{x:r,y:r}]},{type:p.SegmentType.bezier,values:[{x:r,y:r},{x:r,y:r},{x:u,y:r},{x:u,y:u}]},{type:p.SegmentType.bezier,values:[{x:u,y:u},{x:u,y:r},{x:r,y:m},{x:r,y:m}]},{type:p.SegmentType.bezier,values:[{x:r,y:m},{x:r,y:m},{x:x.empty,y:m},{x:x.empty,y:m}]}]},c={[s.U.hearts]:h,[s.U.diamonds]:g,[s.U.clubs]:b,[s.U.spades]:v}}}]);

package/741.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cards Shape v4.0.0-alpha.5 by Matteo Bruni */
+/*! tsParticles Cards Shape v4.0.0-alpha.8 by Matteo Bruni */

package/README.md

@@ -26,7 +26,7 @@ Once the scripts are loaded you can set up `tsParticles` and the shape like this
 
 ```javascript
 (async () => {
-  await loadCardsShape(tsParticles);
+  await loadFullCardsShape(tsParticles);
 
   await tsParticles.load({
     id: "tsparticles",

package/browser/CardValue.js

@@ -0,0 +1,16 @@
+export var CardValue;
+(function (CardValue) {
+    CardValue["ace"] = "A";
+    CardValue["two"] = "2";
+    CardValue["three"] = "3";
+    CardValue["four"] = "4";
+    CardValue["five"] = "5";
+    CardValue["six"] = "6";
+    CardValue["seven"] = "7";
+    CardValue["eight"] = "8";
+    CardValue["nine"] = "9";
+    CardValue["ten"] = "10";
+    CardValue["jack"] = "J";
+    CardValue["queen"] = "Q";
+    CardValue["king"] = "K";
+})(CardValue || (CardValue = {}));

package/browser/SuitType.js

@@ -0,0 +1,7 @@
+export var SuitType;
+(function (SuitType) {
+    SuitType["hearts"] = "hearts";
+    SuitType["diamonds"] = "diamonds";
+    SuitType["clubs"] = "clubs";
+    SuitType["spades"] = "spades";
+})(SuitType || (SuitType = {}));

package/browser/cards/CardDrawer.js

@@ -0,0 +1,21 @@
+import { deepExtend } from "@tsparticles/engine";
+import { drawRoundedCard } from "../utils.js";
+export class CardDrawer {
+    constructor() {
+        this.validTypes = ["card"];
+    }
+    draw(data) {
+        const { context, particle, radius } = data;
+        if (!particle.cardData) {
+            return;
+        }
+        drawRoundedCard(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack());
+    }
+    particleInit(_container, particle) {
+        const shape = particle.shapeData;
+        if (!shape) {
+            return;
+        }
+        particle.cardData = deepExtend({}, shape);
+    }
+}

package/browser/cards/index.js

@@ -0,0 +1,7 @@
+export async function loadFullCardsShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
+    await engine.register(async (e) => {
+        const { CardDrawer } = await import("./CardDrawer.js");
+        e.addShape(new CardDrawer());
+    });
+}

package/browser/clubs/ClubDrawer.js

@@ -1,9 +1,11 @@
-import { drawPath, paths } from "../Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
+import { paths } from "../paths.js";
 export class ClubDrawer {
     constructor() {
         this.validTypes = ["club", "clubs"];
     }
     draw(data) {
-        drawPath(data, paths.club);
+        const { context, radius } = data;
+        drawPath(context, radius, paths.clubs);
     }
 }

package/browser/clubs/index.js

@@ -1,5 +1,5 @@
-export async function loadClubsCardsShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+export async function loadClubsSuitShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
     await engine.register(async (e) => {
         const { ClubDrawer } = await import("./ClubDrawer.js");
         e.addShape(new ClubDrawer());

package/browser/diamonds/DiamondDrawer.js

@@ -1,9 +1,11 @@
-import { drawPath, paths } from "../Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
+import { paths } from "../paths.js";
 export class DiamondDrawer {
     constructor() {
         this.validTypes = ["diamond", "diamonds"];
     }
     draw(data) {
-        drawPath(data, paths.diamond);
+        const { context, radius } = data;
+        drawPath(context, radius, paths.diamonds);
     }
 }

package/browser/diamonds/index.js

@@ -1,5 +1,5 @@
-export async function loadDiamondsCardsShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+export async function loadDiamondsSuitShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
     await engine.register(async (e) => {
         const { DiamondDrawer } = await import("./DiamondDrawer.js");
         e.addShape(new DiamondDrawer());

package/browser/hearts/HeartDrawer.js

@@ -1,9 +1,11 @@
-import { drawPath, paths } from "../Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
+import { paths } from "../paths.js";
 export class HeartDrawer {
     constructor() {
         this.validTypes = ["heart", "hearts"];
     }
     draw(data) {
-        drawPath(data, paths.heart);
+        const { context, radius } = data;
+        drawPath(context, radius, paths.hearts);
     }
 }

package/browser/hearts/index.js

@@ -1,5 +1,5 @@
-export async function loadHeartsCardsShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+export async function loadHeartsSuitShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
     await engine.register(async (e) => {
         const { HeartDrawer } = await import("./HeartDrawer.js");
         e.addShape(new HeartDrawer());

package/browser/index.js

@@ -1,13 +1,22 @@
+export async function loadCardSuitsShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
+    await engine.register(async (e) => {
+        const { loadClubsSuitShape } = await import("./clubs/index.js"), { loadDiamondsSuitShape } = await import("./diamonds/index.js"), { loadHeartsSuitShape } = await import("./hearts/index.js"), { loadSpadesSuitShape } = await import("./spades/index.js");
+        await loadClubsSuitShape(e);
+        await loadDiamondsSuitShape(e);
+        await loadHeartsSuitShape(e);
+        await loadSpadesSuitShape(e);
+    });
+}
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+    engine.checkVersion("4.0.0-alpha.8");
     await engine.register(async (e) => {
-        const { loadClubsCardsShape } = await import("./clubs/index.js"), { loadDiamondsCardsShape } = await import("./diamonds/index.js"), { loadHeartsCardsShape } = await import("./hearts/index.js"), { loadSpadesCardsShape } = await import("./spades/index.js");
-        await loadClubsCardsShape(e);
-        await loadDiamondsCardsShape(e);
-        await loadHeartsCardsShape(e);
-        await loadSpadesCardsShape(e);
+        const { loadFullCardsShape } = await import("./cards/index.js");
+        await loadFullCardsShape(e);
+        await loadCardSuitsShape(e);
     });
 }
+export * from "./cards/index.js";
 export * from "./clubs/index.js";
 export * from "./diamonds/index.js";
 export * from "./hearts/index.js";

package/browser/paths.js

@@ -0,0 +1,174 @@
+import { SegmentType } from "@tsparticles/path-utils";
+import { empty, half, quarter, threeQuarter } from "@tsparticles/engine";
+import { SuitType } from "./SuitType.js";
+const eighth = quarter * half, n = half, halfN = n * half, oppositeN = -n, oppositeHalfN = -halfN, eighthN = n * eighth, threeQuarterN = n * threeQuarter;
+export const club = {
+    half: true,
+    segments: [
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: empty, y: oppositeN },
+                { x: empty, y: oppositeN },
+                { x: halfN, y: oppositeN },
+                { x: halfN, y: oppositeHalfN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: oppositeHalfN },
+                { x: halfN, y: oppositeHalfN },
+                { x: n, y: oppositeHalfN },
+                { x: n, y: empty },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: n, y: empty },
+                { x: n, y: empty },
+                { x: n, y: halfN },
+                { x: halfN, y: halfN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: halfN },
+                { x: halfN, y: halfN },
+                { x: eighthN, y: halfN },
+                { x: eighthN, y: eighthN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: eighthN, y: eighthN },
+                { x: eighthN, y: halfN },
+                { x: halfN, y: n },
+                { x: halfN, y: n },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: n },
+                { x: halfN, y: n },
+                { x: empty, y: n },
+                { x: empty, y: n },
+            ],
+        },
+    ],
+};
+export const diamond = {
+    half: true,
+    segments: [
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: empty, y: n },
+                { x: empty, y: n },
+                { x: threeQuarterN, y: empty },
+                { x: threeQuarterN, y: empty },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: threeQuarterN, y: empty },
+                { x: threeQuarterN, y: empty },
+                { x: empty, y: oppositeN },
+                { x: empty, y: oppositeN },
+            ],
+        },
+    ],
+};
+export const heart = {
+    half: true,
+    segments: [
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: empty, y: n },
+                { x: empty, y: n },
+                { x: n, y: empty },
+                { x: n, y: oppositeHalfN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: n, y: oppositeHalfN },
+                { x: n, y: oppositeHalfN },
+                { x: n, y: oppositeN },
+                { x: halfN, y: oppositeN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: oppositeN },
+                { x: halfN, y: oppositeN },
+                { x: empty, y: oppositeN },
+                { x: empty, y: oppositeHalfN },
+            ],
+        },
+    ],
+};
+export const spade = {
+    half: true,
+    segments: [
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: empty, y: oppositeN },
+                { x: empty, y: oppositeN },
+                { x: n, y: oppositeHalfN },
+                { x: n, y: empty },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: n, y: empty },
+                { x: n, y: empty },
+                { x: n, y: halfN },
+                { x: halfN, y: halfN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: halfN },
+                { x: halfN, y: halfN },
+                { x: eighthN, y: halfN },
+                { x: eighthN, y: eighthN },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: eighthN, y: eighthN },
+                { x: eighthN, y: halfN },
+                { x: halfN, y: n },
+                { x: halfN, y: n },
+            ],
+        },
+        {
+            type: SegmentType.bezier,
+            values: [
+                { x: halfN, y: n },
+                { x: halfN, y: n },
+                { x: empty, y: n },
+                { x: empty, y: n },
+            ],
+        },
+    ],
+};
+export const paths = {
+    [SuitType.hearts]: heart,
+    [SuitType.diamonds]: diamond,
+    [SuitType.clubs]: club,
+    [SuitType.spades]: spade,
+};

package/browser/spades/SpadeDrawer.js

@@ -1,9 +1,11 @@
-import { drawPath, paths } from "../Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
+import { paths } from "../paths.js";
 export class SpadeDrawer {
     constructor() {
         this.validTypes = ["spade", "spades"];
     }
     draw(data) {
-        drawPath(data, paths.spade);
+        const { context, radius } = data;
+        drawPath(context, radius, paths.spades);
     }
 }

package/browser/spades/index.js

@@ -1,5 +1,5 @@
-export async function loadSpadesCardsShape(engine) {
-    engine.checkVersion("4.0.0-alpha.5");
+export async function loadSpadesSuitShape(engine) {
+    engine.checkVersion("4.0.0-alpha.8");
     await engine.register(async (e) => {
         const { SpadeDrawer } = await import("./SpadeDrawer.js");
         e.addShape(new SpadeDrawer());

package/browser/utils.js

@@ -0,0 +1,90 @@
+import { double, doublePI, getStyleFromRgb, half, originPoint, triple } from "@tsparticles/engine";
+import { SuitType } from "./SuitType.js";
+import { drawPath } from "@tsparticles/path-utils";
+import { paths } from "./paths.js";
+const cardWidthRatio = (double * double) / triple, cardHeightRatio = double, cornerRadiusRatio = 0.2, cornerFontRatio = 0.4, cornerSuitRatio = 0.3, centerSuitRatio = 0.9, cornerPaddingRatio = 0.2, textHorizontalOffsetRatio = 0.25, minRadius = 0, minAngle = 0, suitEdgeBufferFactor = 0.1, fixedCacheKey = 2, cardsCache = new Map();
+export function drawRoundedCard(ctx, radius, cardData, hdr, flipped) {
+    if (flipped) {
+        drawRoundedCardBack(ctx, radius);
+    }
+    else {
+        const cacheKey = getCacheKey(radius, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
+        if (!cardsCache.has(cacheKey)) {
+            const canvas = new OffscreenCanvas(cardWidth, cardHeight), offCtx = canvas.getContext("2d");
+            if (offCtx) {
+                offCtx.translate(halfWidth, halfHeight);
+                drawRoundedCardFront(offCtx, radius, cardData, hdr);
+                cardsCache.set(cacheKey, canvas);
+            }
+        }
+        const cachedCanvas = cardsCache.get(cacheKey);
+        if (cachedCanvas) {
+            ctx.drawImage(cachedCanvas, -halfWidth, -halfHeight, cardWidth, cardHeight);
+        }
+        else {
+            drawRoundedCardFront(ctx, radius, cardData, hdr);
+        }
+    }
+}
+function getCacheKey(radius, cardData) {
+    return `${radius.toFixed(fixedCacheKey)}-${cardData.suit}-${cardData.value}`;
+}
+function drawRoundedCardBack(ctx, radius) {
+    drawCardBody(ctx, radius);
+}
+function drawRoundedCardFront(ctx, radius, cardData, hdr) {
+    const { suit, value } = cardData, cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half, cornerPadding = radius * cornerPaddingRatio, cornerFontSize = radius * cornerFontRatio, cornerSuitSize = radius * cornerSuitRatio, centerSuitSize = radius * centerSuitRatio, textOffset = radius * textHorizontalOffsetRatio, suitEdgeBuffer = radius * suitEdgeBufferFactor, isRed = suit === SuitType.hearts || suit === SuitType.diamonds, color = isRed ? getStyleFromRgb({ r: 255, g: 0, b: 0 }, hdr) : getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+    ctx.save();
+    drawCardBody(ctx, radius);
+    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr);
+    ctx.fill();
+    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+    ctx.stroke();
+    ctx.fillStyle = color;
+    ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;
+    ctx.textAlign = "left";
+    ctx.textBaseline = "middle";
+    const topLeftX = -halfWidth + cornerPadding + suitEdgeBuffer;
+    const topLeftY = -halfHeight + cornerPadding + cornerFontSize * half;
+    ctx.save();
+    ctx.translate(topLeftX, topLeftY);
+    ctx.beginPath();
+    drawPath(ctx, cornerSuitSize, paths[suit]);
+    ctx.fill();
+    ctx.restore();
+    ctx.fillText(value, topLeftX + textOffset, topLeftY);
+    ctx.save();
+    ctx.translate(halfWidth - cornerPadding - suitEdgeBuffer, halfHeight - cornerPadding - cornerFontSize * half);
+    ctx.rotate(Math.PI);
+    ctx.save();
+    ctx.beginPath();
+    drawPath(ctx, cornerSuitSize, paths[suit]);
+    ctx.fill();
+    ctx.restore();
+    ctx.fillText(value, originPoint.x + textOffset, originPoint.y);
+    ctx.restore();
+    ctx.save();
+    ctx.beginPath();
+    drawPath(ctx, centerSuitSize, paths[suit]);
+    ctx.fillStyle = color;
+    ctx.fill();
+    ctx.restore();
+    ctx.beginPath();
+    ctx.arc(originPoint.x, originPoint.y, minRadius, minAngle, doublePI, false);
+    ctx.closePath();
+    ctx.restore();
+}
+function drawCardBody(ctx, radius) {
+    const cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half, cornerRadius = radius * cornerRadiusRatio;
+    ctx.beginPath();
+    ctx.moveTo(-halfWidth + cornerRadius, -halfHeight);
+    ctx.lineTo(halfWidth - cornerRadius, -halfHeight);
+    ctx.quadraticCurveTo(halfWidth, -halfHeight, halfWidth, -halfHeight + cornerRadius);
+    ctx.lineTo(halfWidth, halfHeight - cornerRadius);
+    ctx.quadraticCurveTo(halfWidth, halfHeight, halfWidth - cornerRadius, halfHeight);
+    ctx.lineTo(-halfWidth + cornerRadius, halfHeight);
+    ctx.quadraticCurveTo(-halfWidth, halfHeight, -halfWidth, halfHeight - cornerRadius);
+    ctx.lineTo(-halfWidth, -halfHeight + cornerRadius);
+    ctx.quadraticCurveTo(-halfWidth, -halfHeight, -halfWidth + cornerRadius, -halfHeight);
+    ctx.closePath();
+}

package/cjs/CardParticle.js

@@ -0,0 +1 @@
+export {};

package/cjs/CardValue.js

@@ -0,0 +1,16 @@
+export var CardValue;
+(function (CardValue) {
+    CardValue["ace"] = "A";
+    CardValue["two"] = "2";
+    CardValue["three"] = "3";
+    CardValue["four"] = "4";
+    CardValue["five"] = "5";
+    CardValue["six"] = "6";
+    CardValue["seven"] = "7";
+    CardValue["eight"] = "8";
+    CardValue["nine"] = "9";
+    CardValue["ten"] = "10";
+    CardValue["jack"] = "J";
+    CardValue["queen"] = "Q";
+    CardValue["king"] = "K";
+})(CardValue || (CardValue = {}));

package/cjs/ICardData.js

@@ -0,0 +1 @@
+export {};

package/cjs/ICardSuitsPath.js

@@ -0,0 +1 @@
+export {};

package/cjs/SuitType.js

@@ -0,0 +1,7 @@
+export var SuitType;
+(function (SuitType) {
+    SuitType["hearts"] = "hearts";
+    SuitType["diamonds"] = "diamonds";
+    SuitType["clubs"] = "clubs";
+    SuitType["spades"] = "spades";
+})(SuitType || (SuitType = {}));

package/cjs/cards/CardDrawer.js

@@ -0,0 +1,21 @@
+import { deepExtend } from "@tsparticles/engine";
+import { drawRoundedCard } from "../utils.js";
+export class CardDrawer {
+    constructor() {
+        this.validTypes = ["card"];
+    }
+    draw(data) {
+        const { context, particle, radius } = data;
+        if (!particle.cardData) {
+            return;
+        }
+        drawRoundedCard(context, radius, particle.cardData, particle.container.hdr, particle.isShowingBack());
+    }
+    particleInit(_container, particle) {
+        const shape = particle.shapeData;
+        if (!shape) {
+            return;
+        }
+        particle.cardData = deepExtend({}, shape);
+    }
+}