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

package/umd/paths.js

@@ -1,187 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/path-utils", "@tsparticles/engine", "./SuitType.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.paths = exports.spade = exports.heart = exports.diamond = exports.club = void 0;
-    const path_utils_1 = require("@tsparticles/path-utils");
-    const engine_1 = require("@tsparticles/engine");
-    const SuitType_js_1 = require("./SuitType.js");
-    const eighth = engine_1.quarter * engine_1.half, n = engine_1.half, halfN = n * engine_1.half, oppositeN = -n, oppositeHalfN = -halfN, eighthN = n * eighth, threeQuarterN = n * engine_1.threeQuarter;
-    exports.club = {
-        half: true,
-        segments: [
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: halfN, y: oppositeN },
-                    { x: halfN, y: oppositeHalfN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: oppositeHalfN },
-                    { x: halfN, y: oppositeHalfN },
-                    { x: n, y: oppositeHalfN },
-                    { x: n, y: engine_1.empty },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: n, y: engine_1.empty },
-                    { x: n, y: engine_1.empty },
-                    { x: n, y: halfN },
-                    { x: halfN, y: halfN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: halfN },
-                    { x: halfN, y: halfN },
-                    { x: eighthN, y: halfN },
-                    { x: eighthN, y: eighthN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: eighthN, y: eighthN },
-                    { x: eighthN, y: halfN },
-                    { x: halfN, y: n },
-                    { x: halfN, y: n },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: n },
-                    { x: halfN, y: n },
-                    { x: engine_1.empty, y: n },
-                    { x: engine_1.empty, y: n },
-                ],
-            },
-        ],
-    };
-    exports.diamond = {
-        half: true,
-        segments: [
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: engine_1.empty, y: n },
-                    { x: engine_1.empty, y: n },
-                    { x: threeQuarterN, y: engine_1.empty },
-                    { x: threeQuarterN, y: engine_1.empty },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: threeQuarterN, y: engine_1.empty },
-                    { x: threeQuarterN, y: engine_1.empty },
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: engine_1.empty, y: oppositeN },
-                ],
-            },
-        ],
-    };
-    exports.heart = {
-        half: true,
-        segments: [
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: engine_1.empty, y: n },
-                    { x: engine_1.empty, y: n },
-                    { x: n, y: engine_1.empty },
-                    { x: n, y: oppositeHalfN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: n, y: oppositeHalfN },
-                    { x: n, y: oppositeHalfN },
-                    { x: n, y: oppositeN },
-                    { x: halfN, y: oppositeN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: oppositeN },
-                    { x: halfN, y: oppositeN },
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: engine_1.empty, y: oppositeHalfN },
-                ],
-            },
-        ],
-    };
-    exports.spade = {
-        half: true,
-        segments: [
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: engine_1.empty, y: oppositeN },
-                    { x: n, y: oppositeHalfN },
-                    { x: n, y: engine_1.empty },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: n, y: engine_1.empty },
-                    { x: n, y: engine_1.empty },
-                    { x: n, y: halfN },
-                    { x: halfN, y: halfN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: halfN },
-                    { x: halfN, y: halfN },
-                    { x: eighthN, y: halfN },
-                    { x: eighthN, y: eighthN },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: eighthN, y: eighthN },
-                    { x: eighthN, y: halfN },
-                    { x: halfN, y: n },
-                    { x: halfN, y: n },
-                ],
-            },
-            {
-                type: path_utils_1.SegmentType.bezier,
-                values: [
-                    { x: halfN, y: n },
-                    { x: halfN, y: n },
-                    { x: engine_1.empty, y: n },
-                    { x: engine_1.empty, y: n },
-                ],
-            },
-        ],
-    };
-    exports.paths = {
-        [SuitType_js_1.SuitType.hearts]: exports.heart,
-        [SuitType_js_1.SuitType.diamonds]: exports.diamond,
-        [SuitType_js_1.SuitType.clubs]: exports.club,
-        [SuitType_js_1.SuitType.spades]: exports.spade,
-    };
-});

package/umd/spades/SpadeDrawer.js

@@ -1,22 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/path-utils", "../paths.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.SpadeDrawer = void 0;
-    const path_utils_1 = require("@tsparticles/path-utils");
-    const paths_js_1 = require("../paths.js");
-    class SpadeDrawer {
-        draw(data) {
-            const { context, radius } = data;
-            (0, path_utils_1.drawPath)(context, radius, paths_js_1.paths.spades);
-        }
-    }
-    exports.SpadeDrawer = SpadeDrawer;
-});

package/umd/spades/index.js

@@ -1,56 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadSpadesSuitShape = loadSpadesSuitShape;
-    async function loadSpadesSuitShape(engine) {
-        engine.checkVersion("4.0.0-beta.1");
-        await engine.pluginManager.register(e => {
-            e.pluginManager.addShape(["spade", "spades"], async () => {
-                const { SpadeDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./SpadeDrawer.js"))) : new Promise((resolve_1, reject_1) => { require(["./SpadeDrawer.js"], resolve_1, reject_1); }).then(__importStar));
-                return new SpadeDrawer();
-            });
-        });
-    }
-});

package/umd/utils.js

@@ -1,113 +0,0 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./SuitType.js", "@tsparticles/path-utils", "./paths.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.drawRoundedCard = drawRoundedCard;
-    const engine_1 = require("@tsparticles/engine");
-    const SuitType_js_1 = require("./SuitType.js");
-    const path_utils_1 = require("@tsparticles/path-utils");
-    const paths_js_1 = require("./paths.js");
-    const cardWidthRatio = (engine_1.double * engine_1.double) / engine_1.triple, cardHeightRatio = engine_1.double, cornerRadiusRatio = 0.2, cornerFontRatio = 0.4, cornerSuitRatio = 0.3, centerSuitRatio = 0.7, cornerPaddingRatio = 0.2, textHorizontalOffsetRatio = 0.25, minRadius = 0, minAngle = 0, suitEdgeBufferFactor = 0.1, fixedCacheKey = 2, cardsCache = new Map(), redSuitColor = { r: 215, g: 20, b: 20 }, blackSuitColor = { r: 18, g: 18, b: 18 };
-    function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {
-        if (flipped) {
-            drawRoundedCardBack(ctx, radius);
-        }
-        else {
-            const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * engine_1.half, halfHeight = cardHeight * engine_1.half;
-            let cachedData = cardsCache.get(cacheKey);
-            if (!cachedData) {
-                let cacheCanvas, cacheCtx;
-                if (typeof OffscreenCanvas === "undefined") {
-                    cacheCanvas = (0, engine_1.safeDocument)().createElement("canvas");
-                    cacheCanvas.width = cardWidth;
-                    cacheCanvas.height = cardHeight;
-                    cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
-                }
-                else {
-                    cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight);
-                    cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
-                }
-                if (cacheCtx) {
-                    cacheCtx.translate(halfWidth, halfHeight);
-                    drawRoundedCardFront(cacheCtx, radius, cardData, hdr);
-                    cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();
-                    cardsCache.set(cacheKey, cachedData);
-                }
-            }
-            if (cachedData) {
-                ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);
-            }
-            else {
-                drawRoundedCardFront(ctx, radius, cardData, hdr);
-            }
-        }
-    }
-    function getCacheKey(radius, hdr, cardData) {
-        return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${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 * engine_1.half, halfHeight = cardHeight * engine_1.half, cornerPadding = radius * cornerPaddingRatio, cornerFontSize = radius * cornerFontRatio, cornerSuitSize = radius * cornerSuitRatio, centerSuitSize = radius * centerSuitRatio, textOffset = radius * textHorizontalOffsetRatio, suitEdgeBuffer = radius * suitEdgeBufferFactor, isRed = suit === SuitType_js_1.SuitType.hearts || suit === SuitType_js_1.SuitType.diamonds, color = isRed ? (0, engine_1.getStyleFromRgb)(redSuitColor, hdr) : (0, engine_1.getStyleFromRgb)(blackSuitColor, hdr);
-        ctx.save();
-        drawCardBody(ctx, radius);
-        ctx.fillStyle = (0, engine_1.getStyleFromRgb)({ r: 255, g: 255, b: 255 }, hdr);
-        ctx.fill();
-        ctx.strokeStyle = (0, engine_1.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, topLeftY = -halfHeight + cornerPadding + cornerFontSize * engine_1.half;
-        ctx.save();
-        ctx.translate(topLeftX, topLeftY);
-        ctx.beginPath();
-        (0, path_utils_1.drawPath)(ctx, cornerSuitSize, paths_js_1.paths[suit]);
-        ctx.fill();
-        ctx.restore();
-        ctx.fillText(value, topLeftX + textOffset, topLeftY);
-        ctx.save();
-        ctx.translate(halfWidth - cornerPadding - suitEdgeBuffer, halfHeight - cornerPadding - cornerFontSize * engine_1.half);
-        ctx.rotate(Math.PI);
-        ctx.save();
-        ctx.beginPath();
-        (0, path_utils_1.drawPath)(ctx, cornerSuitSize, paths_js_1.paths[suit]);
-        ctx.fill();
-        ctx.restore();
-        ctx.fillText(value, engine_1.originPoint.x + textOffset, engine_1.originPoint.y);
-        ctx.restore();
-        ctx.save();
-        ctx.beginPath();
-        (0, path_utils_1.drawPath)(ctx, centerSuitSize, paths_js_1.paths[suit]);
-        ctx.fillStyle = color;
-        ctx.fill();
-        ctx.restore();
-        ctx.beginPath();
-        ctx.arc(engine_1.originPoint.x, engine_1.originPoint.y, minRadius, minAngle, engine_1.doublePI, false);
-        ctx.closePath();
-        ctx.restore();
-    }
-    function drawCardBody(ctx, radius) {
-        const cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * engine_1.half, halfHeight = cardHeight * engine_1.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();
-    }
-});