@tsparticles/shape-cards 3.0.0-beta.1 → 3.0.0-beta.3

package/tsparticles.shape.cards.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-beta.1
+ * v3.0.0-beta.3
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -61,18 +61,22 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 ;// CONCATENATED MODULE: ./dist/browser/Utils.js
-function drawPath(ctx, radius, path) {
+function drawPath(data, path) {
   if (!path.segments.length || !path.segments[0].values.length) {
     return;
   }
-  ctx.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
+  const {
+    context,
+    radius
+  } = data;
+  context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
   for (let i = 0; i < path.segments.length; i++) {
     const segment = path.segments[i];
-    ctx.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
+    context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
   }
   for (let i = path.segments.length - 1; i >= 0; i--) {
     const segment = path.segments[i];
-    ctx.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
+    context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
   }
 }
 const n = 1.0 / 2;
@@ -317,23 +321,23 @@ const paths = {
 ;// CONCATENATED MODULE: ./dist/browser/CardsSuitsDrawers.js
 
 class SpadeDrawer {
-  draw(context, _particle, radius) {
-    drawPath(context, radius, paths.spade);
+  draw(data) {
+    drawPath(data, paths.spade);
   }
 }
 class HeartDrawer {
-  draw(context, _particle, radius) {
-    drawPath(context, radius, paths.heart);
+  draw(data) {
+    drawPath(data, paths.heart);
   }
 }
 class DiamondDrawer {
-  draw(context, _particle, radius) {
-    drawPath(context, radius, paths.diamond);
+  draw(data) {
+    drawPath(data, paths.diamond);
   }
 }
 class ClubDrawer {
-  draw(context, _particle, radius) {
-    drawPath(context, radius, paths.club);
+  draw(data) {
+    drawPath(data, paths.club);
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js

package/tsparticles.shape.cards.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.shape.cards.min.js.LICENSE.txt */
-!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s();else if("function"==typeof define&&define.amd)define([],s);else{var y=s();for(var a in y)("object"==typeof exports?exports:e)[a]=y[a]}}(this,(()=>(()=>{"use strict";var e={d:(s,y)=>{for(var a in y)e.o(y,a)&&!e.o(s,a)&&Object.defineProperty(s,a,{enumerable:!0,get:y[a]})},o:(e,s)=>Object.prototype.hasOwnProperty.call(e,s),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},s={};function y(e,s,y){if(y.segments.length&&y.segments[0].values.length){e.moveTo(y.segments[0].values[0].x*s,y.segments[0].values[0].y*s);for(let a=0;a<y.segments.length;a++){const x=y.segments[a];e.bezierCurveTo(x.values[1].x*s,x.values[1].y*s,x.values[2].x*s,x.values[2].y*s,x.values[3].x*s,x.values[3].y*s)}for(let a=y.segments.length-1;a>=0;a--){const x=y.segments[a];e.bezierCurveTo(-x.values[2].x*s,x.values[2].y*s,-x.values[1].x*s,x.values[1].y*s,-x.values[0].x*s,x.values[0].y*s)}}}e.r(s),e.d(s,{loadCardsShape:()=>o});const a=.5,x={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}]}]}};class t{draw(e,s,a){y(e,a,x.spade)}}class l{draw(e,s,a){y(e,a,x.heart)}}class n{draw(e,s,a){y(e,a,x.diamond)}}class u{draw(e,s,a){y(e,a,x.club)}}async function o(e,s=!0){await e.addShape(["spade","spades"],new t,s),await e.addShape(["heart","hearts"],new l,s),await e.addShape(["diamond","diamonds"],new n,s),await e.addShape(["club","clubs"],new u,s)}return s})()));
+!function(e,s){if("object"==typeof exports&&"object"==typeof module)module.exports=s();else if("function"==typeof define&&define.amd)define([],s);else{var y=s();for(var a in y)("object"==typeof exports?exports:e)[a]=y[a]}}(this,(()=>(()=>{"use strict";var e={d:(s,y)=>{for(var a in y)e.o(y,a)&&!e.o(s,a)&&Object.defineProperty(s,a,{enumerable:!0,get:y[a]})},o:(e,s)=>Object.prototype.hasOwnProperty.call(e,s),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},s={};function y(e,s){if(!s.segments.length||!s.segments[0].values.length)return;const{context:y,radius:a}=e;y.moveTo(s.segments[0].values[0].x*a,s.segments[0].values[0].y*a);for(let e=0;e<s.segments.length;e++){const x=s.segments[e];y.bezierCurveTo(x.values[1].x*a,x.values[1].y*a,x.values[2].x*a,x.values[2].y*a,x.values[3].x*a,x.values[3].y*a)}for(let e=s.segments.length-1;e>=0;e--){const x=s.segments[e];y.bezierCurveTo(-x.values[2].x*a,x.values[2].y*a,-x.values[1].x*a,x.values[1].y*a,-x.values[0].x*a,x.values[0].y*a)}}e.r(s),e.d(s,{loadCardsShape:()=>o});const a=.5,x={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}]}]}};class t{draw(e){y(e,x.spade)}}class l{draw(e){y(e,x.heart)}}class n{draw(e){y(e,x.diamond)}}class u{draw(e){y(e,x.club)}}async function o(e,s=!0){await e.addShape(["spade","spades"],new t,s),await e.addShape(["heart","hearts"],new l,s),await e.addShape(["diamond","diamonds"],new n,s),await e.addShape(["club","clubs"],new u,s)}return s})()));

package/tsparticles.shape.cards.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Cards Shape v3.0.0-beta.1 by Matteo Bruni */
+/*! tsParticles Cards Shape v3.0.0-beta.3 by Matteo Bruni */

package/types/CardsSuitsDrawers.d.ts

@@ -1,13 +1,13 @@
-import type { IParticle, IShapeDrawer } from "@tsparticles/engine";
+import type { IShapeDrawData, IShapeDrawer } from "@tsparticles/engine";
 export declare class SpadeDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, _particle: IParticle, radius: number): void;
+    draw(data: IShapeDrawData): void;
 }
 export declare class HeartDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, _particle: IParticle, radius: number): void;
+    draw(data: IShapeDrawData): void;
 }
 export declare class DiamondDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, _particle: IParticle, radius: number): void;
+    draw(data: IShapeDrawData): void;
 }
 export declare class ClubDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, _particle: IParticle, radius: number): void;
+    draw(data: IShapeDrawData): void;
 }

package/types/Utils.d.ts

@@ -1,3 +1,4 @@
 import type { ICardsPath, IPath } from "./ICardsPath.js";
-export declare function drawPath(ctx: CanvasRenderingContext2D, radius: number, path: IPath): void;
+import type { IShapeDrawData } from "@tsparticles/engine";
+export declare function drawPath(data: IShapeDrawData, path: IPath): void;
 export declare const paths: ICardsPath;

package/umd/CardsSuitsDrawers.js

@@ -12,26 +12,26 @@
     exports.ClubDrawer = exports.DiamondDrawer = exports.HeartDrawer = exports.SpadeDrawer = void 0;
     const Utils_js_1 = require("./Utils.js");
     class SpadeDrawer {
-        draw(context, _particle, radius) {
-            (0, Utils_js_1.drawPath)(context, radius, Utils_js_1.paths.spade);
+        draw(data) {
+            (0, Utils_js_1.drawPath)(data, Utils_js_1.paths.spade);
         }
     }
     exports.SpadeDrawer = SpadeDrawer;
     class HeartDrawer {
-        draw(context, _particle, radius) {
-            (0, Utils_js_1.drawPath)(context, radius, Utils_js_1.paths.heart);
+        draw(data) {
+            (0, Utils_js_1.drawPath)(data, Utils_js_1.paths.heart);
         }
     }
     exports.HeartDrawer = HeartDrawer;
     class DiamondDrawer {
-        draw(context, _particle, radius) {
-            (0, Utils_js_1.drawPath)(context, radius, Utils_js_1.paths.diamond);
+        draw(data) {
+            (0, Utils_js_1.drawPath)(data, Utils_js_1.paths.diamond);
         }
     }
     exports.DiamondDrawer = DiamondDrawer;
     class ClubDrawer {
-        draw(context, _particle, radius) {
-            (0, Utils_js_1.drawPath)(context, radius, Utils_js_1.paths.club);
+        draw(data) {
+            (0, Utils_js_1.drawPath)(data, Utils_js_1.paths.club);
         }
     }
     exports.ClubDrawer = ClubDrawer;

package/umd/Utils.js

@@ -10,18 +10,19 @@
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.paths = exports.drawPath = void 0;
-    function drawPath(ctx, radius, path) {
+    function drawPath(data, path) {
         if (!path.segments.length || !path.segments[0].values.length) {
             return;
         }
-        ctx.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
+        const { context, radius } = data;
+        context.moveTo(path.segments[0].values[0].x * radius, path.segments[0].values[0].y * radius);
         for (let i = 0; i < path.segments.length; i++) {
             const segment = path.segments[i];
-            ctx.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
+            context.bezierCurveTo(segment.values[1].x * radius, segment.values[1].y * radius, segment.values[2].x * radius, segment.values[2].y * radius, segment.values[3].x * radius, segment.values[3].y * radius);
         }
         for (let i = path.segments.length - 1; i >= 0; i--) {
             const segment = path.segments[i];
-            ctx.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
+            context.bezierCurveTo(-segment.values[2].x * radius, segment.values[2].y * radius, -segment.values[1].x * radius, segment.values[1].y * radius, -segment.values[0].x * radius, segment.values[0].y * radius);
         }
     }
     exports.drawPath = drawPath;