@tsparticles/shape-cards 4.3.1 → 4.4.0

package/browser/cards/CardDrawer.js

@@ -12,7 +12,7 @@ export class CardDrawer {
         }
         const defaultOpacity = context.globalAlpha, container = this.#container;
         context.globalAlpha = opacity;
-        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings);
+        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings, container.peakNits, container.hdrMode);
         context.globalAlpha = defaultOpacity;
     }
     particleInit(_container, particle) {

package/browser/cards/index.js

@@ -1,6 +1,6 @@
 import { CardDrawer } from "./CardDrawer.js";
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], container => Promise.resolve(new CardDrawer(container)));
     });

package/browser/cards/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], async (container) => {
             const { CardDrawer } = await import("./CardDrawer.js");

package/browser/clubs/index.js

@@ -1,6 +1,6 @@
 import { ClubDrawer } from "./ClubDrawer.js";
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], () => Promise.resolve(new ClubDrawer()));
     });

package/browser/clubs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], async () => {
             const { ClubDrawer } = await import("./ClubDrawer.js");

package/browser/diamonds/index.js

@@ -1,6 +1,6 @@
 import { DiamondDrawer } from "./DiamondDrawer.js";
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], () => Promise.resolve(new DiamondDrawer()));
     });

package/browser/diamonds/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], async () => {
             const { DiamondDrawer } = await import("./DiamondDrawer.js");

package/browser/hearts/index.js

@@ -1,6 +1,6 @@
 import { HeartDrawer } from "./HeartDrawer.js";
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], () => Promise.resolve(new HeartDrawer()));
     });

package/browser/hearts/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], async () => {
             const { HeartDrawer } = await import("./HeartDrawer.js");

package/browser/index.js

@@ -1,7 +1,7 @@
 import { loadCardSuitsShape } from "./suits.js";
 import { loadFullCardsShape } from "./cards/index.js";
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadFullCardsShape(engine),
         loadCardSuitsShape(engine),

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadFullCardsShape }, { loadCardSuitsShape }] = await Promise.all([
             import("./cards/index.lazy.js"),

package/browser/spades/index.js

@@ -1,6 +1,6 @@
 import { SpadeDrawer } from "./SpadeDrawer.js";
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], () => Promise.resolve(new SpadeDrawer()));
     });

package/browser/spades/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], async () => {
             const { SpadeDrawer } = await import("./SpadeDrawer.js");

package/browser/suits.js

@@ -3,7 +3,7 @@ import { loadDiamondsSuitShape } from "./diamonds/index.js";
 import { loadHeartsSuitShape } from "./hearts/index.js";
 import { loadSpadesSuitShape } from "./spades/index.js";
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadClubsSuitShape(engine),
         loadDiamondsSuitShape(engine),

package/browser/suits.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([
         import("./clubs/index.lazy.js"),
         import("./diamonds/index.lazy.js"),

package/browser/utils.js

@@ -1,20 +1,20 @@
-import { double, doublePI, getStyleFromRgb, half, originPoint, triple } from "@tsparticles/engine";
+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.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 };
-export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {
+export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings, peakNits, mode) {
     if (flipped) {
         drawRoundedCardBack(ctx, radius);
     }
     else {
-        const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
+        const cacheKey = getCacheKey(radius, hdr, cardData, peakNits, mode), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
         let cachedData = cardsCache.get(cacheKey);
         if (!cachedData) {
             const cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight), cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
             if (cacheCtx) {
                 cacheCtx.translate(halfWidth, halfHeight);
-                drawRoundedCardFront(cacheCtx, radius, cardData, hdr);
+                drawRoundedCardFront(cacheCtx, radius, cardData, hdr, peakNits, mode);
                 cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();
                 cardsCache.set(cacheKey, cachedData);
             }
@@ -23,23 +23,25 @@ export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSetti
             ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);
         }
         else {
-            drawRoundedCardFront(ctx, radius, cardData, hdr);
+            drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode);
         }
     }
 }
-function getCacheKey(radius, hdr, cardData) {
-    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${cardData.suit}-${cardData.value}`;
+function getCacheKey(radius, hdr, cardData, peakNits, mode) {
+    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${peakNits !== undefined ? peakNits.toFixed(fixedCacheKey) : "default"}-${mode ?? "default"}-${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(redSuitColor, hdr) : getStyleFromRgb(blackSuitColor, hdr);
+function drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode) {
+    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(redSuitColor, hdr, undefined, peakNits, mode)
+        : getStyleFromRgb(blackSuitColor, hdr, undefined, peakNits, mode);
     ctx.save();
     drawCardBody(ctx, radius);
-    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr);
+    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr, undefined, peakNits, mode);
     ctx.fill();
-    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr, undefined, peakNits, mode);
     ctx.stroke();
     ctx.fillStyle = color;
     ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;

package/cjs/cards/CardDrawer.js

@@ -12,7 +12,7 @@ export class CardDrawer {
         }
         const defaultOpacity = context.globalAlpha, container = this.#container;
         context.globalAlpha = opacity;
-        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings);
+        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings, container.peakNits, container.hdrMode);
         context.globalAlpha = defaultOpacity;
     }
     particleInit(_container, particle) {

package/cjs/cards/index.js

@@ -1,6 +1,6 @@
 import { CardDrawer } from "./CardDrawer.js";
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], container => Promise.resolve(new CardDrawer(container)));
     });

package/cjs/cards/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], async (container) => {
             const { CardDrawer } = await import("./CardDrawer.js");

package/cjs/clubs/index.js

@@ -1,6 +1,6 @@
 import { ClubDrawer } from "./ClubDrawer.js";
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], () => Promise.resolve(new ClubDrawer()));
     });

package/cjs/clubs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], async () => {
             const { ClubDrawer } = await import("./ClubDrawer.js");

package/cjs/diamonds/index.js

@@ -1,6 +1,6 @@
 import { DiamondDrawer } from "./DiamondDrawer.js";
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], () => Promise.resolve(new DiamondDrawer()));
     });

package/cjs/diamonds/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], async () => {
             const { DiamondDrawer } = await import("./DiamondDrawer.js");

package/cjs/hearts/index.js

@@ -1,6 +1,6 @@
 import { HeartDrawer } from "./HeartDrawer.js";
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], () => Promise.resolve(new HeartDrawer()));
     });

package/cjs/hearts/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], async () => {
             const { HeartDrawer } = await import("./HeartDrawer.js");

package/cjs/index.js

@@ -1,7 +1,7 @@
 import { loadCardSuitsShape } from "./suits.js";
 import { loadFullCardsShape } from "./cards/index.js";
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadFullCardsShape(engine),
         loadCardSuitsShape(engine),

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadFullCardsShape }, { loadCardSuitsShape }] = await Promise.all([
             import("./cards/index.lazy.js"),

package/cjs/spades/index.js

@@ -1,6 +1,6 @@
 import { SpadeDrawer } from "./SpadeDrawer.js";
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], () => Promise.resolve(new SpadeDrawer()));
     });

package/cjs/spades/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], async () => {
             const { SpadeDrawer } = await import("./SpadeDrawer.js");

package/cjs/suits.js

@@ -3,7 +3,7 @@ import { loadDiamondsSuitShape } from "./diamonds/index.js";
 import { loadHeartsSuitShape } from "./hearts/index.js";
 import { loadSpadesSuitShape } from "./spades/index.js";
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadClubsSuitShape(engine),
         loadDiamondsSuitShape(engine),

package/cjs/suits.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([
         import("./clubs/index.lazy.js"),
         import("./diamonds/index.lazy.js"),

package/cjs/utils.js

@@ -1,20 +1,20 @@
-import { double, doublePI, getStyleFromRgb, half, originPoint, triple } from "@tsparticles/engine";
+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.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 };
-export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {
+export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings, peakNits, mode) {
     if (flipped) {
         drawRoundedCardBack(ctx, radius);
     }
     else {
-        const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
+        const cacheKey = getCacheKey(radius, hdr, cardData, peakNits, mode), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
         let cachedData = cardsCache.get(cacheKey);
         if (!cachedData) {
             const cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight), cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
             if (cacheCtx) {
                 cacheCtx.translate(halfWidth, halfHeight);
-                drawRoundedCardFront(cacheCtx, radius, cardData, hdr);
+                drawRoundedCardFront(cacheCtx, radius, cardData, hdr, peakNits, mode);
                 cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();
                 cardsCache.set(cacheKey, cachedData);
             }
@@ -23,23 +23,25 @@ export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSetti
             ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);
         }
         else {
-            drawRoundedCardFront(ctx, radius, cardData, hdr);
+            drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode);
         }
     }
 }
-function getCacheKey(radius, hdr, cardData) {
-    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${cardData.suit}-${cardData.value}`;
+function getCacheKey(radius, hdr, cardData, peakNits, mode) {
+    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${peakNits !== undefined ? peakNits.toFixed(fixedCacheKey) : "default"}-${mode ?? "default"}-${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(redSuitColor, hdr) : getStyleFromRgb(blackSuitColor, hdr);
+function drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode) {
+    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(redSuitColor, hdr, undefined, peakNits, mode)
+        : getStyleFromRgb(blackSuitColor, hdr, undefined, peakNits, mode);
     ctx.save();
     drawCardBody(ctx, radius);
-    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr);
+    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr, undefined, peakNits, mode);
     ctx.fill();
-    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr, undefined, peakNits, mode);
     ctx.stroke();
     ctx.fillStyle = color;
     ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;

package/esm/cards/CardDrawer.js

@@ -12,7 +12,7 @@ export class CardDrawer {
         }
         const defaultOpacity = context.globalAlpha, container = this.#container;
         context.globalAlpha = opacity;
-        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings);
+        drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings, container.peakNits, container.hdrMode);
         context.globalAlpha = defaultOpacity;
     }
     particleInit(_container, particle) {

package/esm/cards/index.js

@@ -1,6 +1,6 @@
 import { CardDrawer } from "./CardDrawer.js";
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], container => Promise.resolve(new CardDrawer(container)));
     });

package/esm/cards/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadFullCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["card"], async (container) => {
             const { CardDrawer } = await import("./CardDrawer.js");

package/esm/clubs/index.js

@@ -1,6 +1,6 @@
 import { ClubDrawer } from "./ClubDrawer.js";
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], () => Promise.resolve(new ClubDrawer()));
     });

package/esm/clubs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadClubsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["club", "clubs"], async () => {
             const { ClubDrawer } = await import("./ClubDrawer.js");

package/esm/diamonds/index.js

@@ -1,6 +1,6 @@
 import { DiamondDrawer } from "./DiamondDrawer.js";
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], () => Promise.resolve(new DiamondDrawer()));
     });

package/esm/diamonds/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadDiamondsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["diamond", "diamonds"], async () => {
             const { DiamondDrawer } = await import("./DiamondDrawer.js");

package/esm/hearts/index.js

@@ -1,6 +1,6 @@
 import { HeartDrawer } from "./HeartDrawer.js";
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], () => Promise.resolve(new HeartDrawer()));
     });

package/esm/hearts/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadHeartsSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["heart", "hearts"], async () => {
             const { HeartDrawer } = await import("./HeartDrawer.js");

package/esm/index.js

@@ -1,7 +1,7 @@
 import { loadCardSuitsShape } from "./suits.js";
 import { loadFullCardsShape } from "./cards/index.js";
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadFullCardsShape(engine),
         loadCardSuitsShape(engine),

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(async (e) => {
         const [{ loadFullCardsShape }, { loadCardSuitsShape }] = await Promise.all([
             import("./cards/index.lazy.js"),

package/esm/spades/index.js

@@ -1,6 +1,6 @@
 import { SpadeDrawer } from "./SpadeDrawer.js";
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], () => Promise.resolve(new SpadeDrawer()));
     });

package/esm/spades/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadSpadesSuitShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await engine.pluginManager.register(e => {
         e.pluginManager.addShape(["spade", "spades"], async () => {
             const { SpadeDrawer } = await import("./SpadeDrawer.js");

package/esm/suits.js

@@ -3,7 +3,7 @@ import { loadDiamondsSuitShape } from "./diamonds/index.js";
 import { loadHeartsSuitShape } from "./hearts/index.js";
 import { loadSpadesSuitShape } from "./spades/index.js";
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     await Promise.all([
         loadClubsSuitShape(engine),
         loadDiamondsSuitShape(engine),

package/esm/suits.lazy.js

@@ -1,5 +1,5 @@
 export async function loadCardSuitsShape(engine) {
-    engine.checkVersion("4.3.1");
+    engine.checkVersion("4.4.0");
     const [{ loadClubsSuitShape }, { loadDiamondsSuitShape }, { loadHeartsSuitShape }, { loadSpadesSuitShape }] = await Promise.all([
         import("./clubs/index.lazy.js"),
         import("./diamonds/index.lazy.js"),

package/esm/utils.js

@@ -1,20 +1,20 @@
-import { double, doublePI, getStyleFromRgb, half, originPoint, triple } from "@tsparticles/engine";
+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.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 };
-export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings) {
+export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings, peakNits, mode) {
     if (flipped) {
         drawRoundedCardBack(ctx, radius);
     }
     else {
-        const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
+        const cacheKey = getCacheKey(radius, hdr, cardData, peakNits, mode), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * half, halfHeight = cardHeight * half;
         let cachedData = cardsCache.get(cacheKey);
         if (!cachedData) {
             const cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight), cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
             if (cacheCtx) {
                 cacheCtx.translate(halfWidth, halfHeight);
-                drawRoundedCardFront(cacheCtx, radius, cardData, hdr);
+                drawRoundedCardFront(cacheCtx, radius, cardData, hdr, peakNits, mode);
                 cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();
                 cardsCache.set(cacheKey, cachedData);
             }
@@ -23,23 +23,25 @@ export function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSetti
             ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);
         }
         else {
-            drawRoundedCardFront(ctx, radius, cardData, hdr);
+            drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode);
         }
     }
 }
-function getCacheKey(radius, hdr, cardData) {
-    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${cardData.suit}-${cardData.value}`;
+function getCacheKey(radius, hdr, cardData, peakNits, mode) {
+    return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${peakNits !== undefined ? peakNits.toFixed(fixedCacheKey) : "default"}-${mode ?? "default"}-${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(redSuitColor, hdr) : getStyleFromRgb(blackSuitColor, hdr);
+function drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode) {
+    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(redSuitColor, hdr, undefined, peakNits, mode)
+        : getStyleFromRgb(blackSuitColor, hdr, undefined, peakNits, mode);
     ctx.save();
     drawCardBody(ctx, radius);
-    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr);
+    ctx.fillStyle = getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr, undefined, peakNits, mode);
     ctx.fill();
-    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+    ctx.strokeStyle = getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr, undefined, peakNits, mode);
     ctx.stroke();
     ctx.fillStyle = color;
     ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-cards",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "description": "tsParticles cards shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -190,13 +190,13 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.3.1"
+    "@tsparticles/engine": "4.4.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
   "dependencies": {
-    "@tsparticles/path-utils": "4.3.1"
+    "@tsparticles/path-utils": "4.4.0"
   }
 }

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.shape.cards.js","children":[{"name":"dist/browser","children":[{"uid":"235e1c77-1","name":"SuitType.js"},{"uid":"235e1c77-3","name":"paths.js"},{"name":"clubs","children":[{"uid":"235e1c77-5","name":"ClubDrawer.js"},{"uid":"235e1c77-7","name":"index.js"}]},{"name":"diamonds","children":[{"uid":"235e1c77-9","name":"DiamondDrawer.js"},{"uid":"235e1c77-11","name":"index.js"}]},{"name":"hearts","children":[{"uid":"235e1c77-13","name":"HeartDrawer.js"},{"uid":"235e1c77-15","name":"index.js"}]},{"name":"spades","children":[{"uid":"235e1c77-17","name":"SpadeDrawer.js"},{"uid":"235e1c77-19","name":"index.js"}]},{"uid":"235e1c77-21","name":"suits.js"},{"uid":"235e1c77-23","name":"utils.js"},{"name":"cards","children":[{"uid":"235e1c77-25","name":"CardDrawer.js"},{"uid":"235e1c77-27","name":"index.js"}]},{"uid":"235e1c77-29","name":"index.js"},{"uid":"235e1c77-31","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"235e1c77-1":{"renderedLength":239,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-0"},"235e1c77-3":{"renderedLength":5744,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-2"},"235e1c77-5":{"renderedLength":167,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-4"},"235e1c77-7":{"renderedLength":252,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-6"},"235e1c77-9":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-8"},"235e1c77-11":{"renderedLength":264,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-10"},"235e1c77-13":{"renderedLength":169,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-12"},"235e1c77-15":{"renderedLength":256,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-14"},"235e1c77-17":{"renderedLength":169,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-16"},"235e1c77-19":{"renderedLength":256,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-18"},"235e1c77-21":{"renderedLength":296,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-20"},"235e1c77-23":{"renderedLength":5248,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-22"},"235e1c77-25":{"renderedLength":849,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-24"},"235e1c77-27":{"renderedLength":259,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-26"},"235e1c77-29":{"renderedLength":207,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-28"},"235e1c77-31":{"renderedLength":171,"gzipLength":0,"brotliLength":0,"metaUid":"235e1c77-30"}},"nodeMetas":{"235e1c77-0":{"id":"/dist/browser/SuitType.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-1"},"imported":[],"importedBy":[{"uid":"235e1c77-22"},{"uid":"235e1c77-2"}]},"235e1c77-2":{"id":"/dist/browser/paths.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-3"},"imported":[{"uid":"235e1c77-33"},{"uid":"235e1c77-32"},{"uid":"235e1c77-0"}],"importedBy":[{"uid":"235e1c77-4"},{"uid":"235e1c77-8"},{"uid":"235e1c77-12"},{"uid":"235e1c77-16"},{"uid":"235e1c77-22"}]},"235e1c77-4":{"id":"/dist/browser/clubs/ClubDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-5"},"imported":[{"uid":"235e1c77-33"},{"uid":"235e1c77-2"}],"importedBy":[{"uid":"235e1c77-6"}]},"235e1c77-6":{"id":"/dist/browser/clubs/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-7"},"imported":[{"uid":"235e1c77-4"}],"importedBy":[{"uid":"235e1c77-20"}]},"235e1c77-8":{"id":"/dist/browser/diamonds/DiamondDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-9"},"imported":[{"uid":"235e1c77-33"},{"uid":"235e1c77-2"}],"importedBy":[{"uid":"235e1c77-10"}]},"235e1c77-10":{"id":"/dist/browser/diamonds/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-11"},"imported":[{"uid":"235e1c77-8"}],"importedBy":[{"uid":"235e1c77-20"}]},"235e1c77-12":{"id":"/dist/browser/hearts/HeartDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-13"},"imported":[{"uid":"235e1c77-33"},{"uid":"235e1c77-2"}],"importedBy":[{"uid":"235e1c77-14"}]},"235e1c77-14":{"id":"/dist/browser/hearts/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-15"},"imported":[{"uid":"235e1c77-12"}],"importedBy":[{"uid":"235e1c77-20"}]},"235e1c77-16":{"id":"/dist/browser/spades/SpadeDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-17"},"imported":[{"uid":"235e1c77-33"},{"uid":"235e1c77-2"}],"importedBy":[{"uid":"235e1c77-18"}]},"235e1c77-18":{"id":"/dist/browser/spades/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-19"},"imported":[{"uid":"235e1c77-16"}],"importedBy":[{"uid":"235e1c77-20"}]},"235e1c77-20":{"id":"/dist/browser/suits.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-21"},"imported":[{"uid":"235e1c77-6"},{"uid":"235e1c77-10"},{"uid":"235e1c77-14"},{"uid":"235e1c77-18"}],"importedBy":[{"uid":"235e1c77-28"}]},"235e1c77-22":{"id":"/dist/browser/utils.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-23"},"imported":[{"uid":"235e1c77-32"},{"uid":"235e1c77-0"},{"uid":"235e1c77-33"},{"uid":"235e1c77-2"}],"importedBy":[{"uid":"235e1c77-24"}]},"235e1c77-24":{"id":"/dist/browser/cards/CardDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-25"},"imported":[{"uid":"235e1c77-32"},{"uid":"235e1c77-22"}],"importedBy":[{"uid":"235e1c77-26"}]},"235e1c77-26":{"id":"/dist/browser/cards/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-27"},"imported":[{"uid":"235e1c77-24"}],"importedBy":[{"uid":"235e1c77-28"}]},"235e1c77-28":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-29"},"imported":[{"uid":"235e1c77-20"},{"uid":"235e1c77-26"}],"importedBy":[{"uid":"235e1c77-30"}]},"235e1c77-30":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.shape.cards.js":"235e1c77-31"},"imported":[{"uid":"235e1c77-28"}],"importedBy":[],"isEntry":true},"235e1c77-32":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"235e1c77-24"},{"uid":"235e1c77-22"},{"uid":"235e1c77-2"}],"isExternal":true},"235e1c77-33":{"id":"@tsparticles/path-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"235e1c77-4"},{"uid":"235e1c77-8"},{"uid":"235e1c77-12"},{"uid":"235e1c77-16"},{"uid":"235e1c77-22"},{"uid":"235e1c77-2"}],"isExternal":true}},"env":{"rollup":"4.62.2"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.shape.cards.js","children":[{"name":"dist/browser","children":[{"uid":"4724c717-1","name":"SuitType.js"},{"uid":"4724c717-3","name":"paths.js"},{"name":"clubs","children":[{"uid":"4724c717-5","name":"ClubDrawer.js"},{"uid":"4724c717-7","name":"index.js"}]},{"name":"diamonds","children":[{"uid":"4724c717-9","name":"DiamondDrawer.js"},{"uid":"4724c717-11","name":"index.js"}]},{"name":"hearts","children":[{"uid":"4724c717-13","name":"HeartDrawer.js"},{"uid":"4724c717-15","name":"index.js"}]},{"name":"spades","children":[{"uid":"4724c717-17","name":"SpadeDrawer.js"},{"uid":"4724c717-19","name":"index.js"}]},{"uid":"4724c717-21","name":"suits.js"},{"uid":"4724c717-23","name":"utils.js"},{"name":"cards","children":[{"uid":"4724c717-25","name":"CardDrawer.js"},{"uid":"4724c717-27","name":"index.js"}]},{"uid":"4724c717-29","name":"index.js"},{"uid":"4724c717-31","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"4724c717-1":{"renderedLength":239,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-0"},"4724c717-3":{"renderedLength":5744,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-2"},"4724c717-5":{"renderedLength":167,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-4"},"4724c717-7":{"renderedLength":252,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-6"},"4724c717-9":{"renderedLength":173,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-8"},"4724c717-11":{"renderedLength":264,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-10"},"4724c717-13":{"renderedLength":169,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-12"},"4724c717-15":{"renderedLength":256,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-14"},"4724c717-17":{"renderedLength":169,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-16"},"4724c717-19":{"renderedLength":256,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-18"},"4724c717-21":{"renderedLength":296,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-20"},"4724c717-23":{"renderedLength":5569,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-22"},"4724c717-25":{"renderedLength":888,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-24"},"4724c717-27":{"renderedLength":259,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-26"},"4724c717-29":{"renderedLength":207,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-28"},"4724c717-31":{"renderedLength":171,"gzipLength":0,"brotliLength":0,"metaUid":"4724c717-30"}},"nodeMetas":{"4724c717-0":{"id":"/dist/browser/SuitType.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-1"},"imported":[],"importedBy":[{"uid":"4724c717-22"},{"uid":"4724c717-2"}]},"4724c717-2":{"id":"/dist/browser/paths.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-3"},"imported":[{"uid":"4724c717-33"},{"uid":"4724c717-32"},{"uid":"4724c717-0"}],"importedBy":[{"uid":"4724c717-4"},{"uid":"4724c717-8"},{"uid":"4724c717-12"},{"uid":"4724c717-16"},{"uid":"4724c717-22"}]},"4724c717-4":{"id":"/dist/browser/clubs/ClubDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-5"},"imported":[{"uid":"4724c717-33"},{"uid":"4724c717-2"}],"importedBy":[{"uid":"4724c717-6"}]},"4724c717-6":{"id":"/dist/browser/clubs/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-7"},"imported":[{"uid":"4724c717-4"}],"importedBy":[{"uid":"4724c717-20"}]},"4724c717-8":{"id":"/dist/browser/diamonds/DiamondDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-9"},"imported":[{"uid":"4724c717-33"},{"uid":"4724c717-2"}],"importedBy":[{"uid":"4724c717-10"}]},"4724c717-10":{"id":"/dist/browser/diamonds/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-11"},"imported":[{"uid":"4724c717-8"}],"importedBy":[{"uid":"4724c717-20"}]},"4724c717-12":{"id":"/dist/browser/hearts/HeartDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-13"},"imported":[{"uid":"4724c717-33"},{"uid":"4724c717-2"}],"importedBy":[{"uid":"4724c717-14"}]},"4724c717-14":{"id":"/dist/browser/hearts/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-15"},"imported":[{"uid":"4724c717-12"}],"importedBy":[{"uid":"4724c717-20"}]},"4724c717-16":{"id":"/dist/browser/spades/SpadeDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-17"},"imported":[{"uid":"4724c717-33"},{"uid":"4724c717-2"}],"importedBy":[{"uid":"4724c717-18"}]},"4724c717-18":{"id":"/dist/browser/spades/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-19"},"imported":[{"uid":"4724c717-16"}],"importedBy":[{"uid":"4724c717-20"}]},"4724c717-20":{"id":"/dist/browser/suits.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-21"},"imported":[{"uid":"4724c717-6"},{"uid":"4724c717-10"},{"uid":"4724c717-14"},{"uid":"4724c717-18"}],"importedBy":[{"uid":"4724c717-28"}]},"4724c717-22":{"id":"/dist/browser/utils.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-23"},"imported":[{"uid":"4724c717-32"},{"uid":"4724c717-0"},{"uid":"4724c717-33"},{"uid":"4724c717-2"}],"importedBy":[{"uid":"4724c717-24"}]},"4724c717-24":{"id":"/dist/browser/cards/CardDrawer.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-25"},"imported":[{"uid":"4724c717-32"},{"uid":"4724c717-22"}],"importedBy":[{"uid":"4724c717-26"}]},"4724c717-26":{"id":"/dist/browser/cards/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-27"},"imported":[{"uid":"4724c717-24"}],"importedBy":[{"uid":"4724c717-28"}]},"4724c717-28":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-29"},"imported":[{"uid":"4724c717-20"},{"uid":"4724c717-26"}],"importedBy":[{"uid":"4724c717-30"}]},"4724c717-30":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.shape.cards.js":"4724c717-31"},"imported":[{"uid":"4724c717-28"}],"importedBy":[],"isEntry":true},"4724c717-32":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"4724c717-24"},{"uid":"4724c717-22"},{"uid":"4724c717-2"}],"isExternal":true},"4724c717-33":{"id":"@tsparticles/path-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"4724c717-4"},{"uid":"4724c717-8"},{"uid":"4724c717-12"},{"uid":"4724c717-16"},{"uid":"4724c717-22"},{"uid":"4724c717-2"}],"isExternal":true}},"env":{"rollup":"4.63.1"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.shape.cards.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* Shape v4.3.1 */
+/* Shape v4.4.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/path-utils'), require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/path-utils', '@tsparticles/engine'], factory) :
@@ -194,7 +194,7 @@
     }
 
     async function loadClubsSuitShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["club", "clubs"], () => Promise.resolve(new ClubDrawer()));
         });
@@ -208,7 +208,7 @@
     }
 
     async function loadDiamondsSuitShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["diamond", "diamonds"], () => Promise.resolve(new DiamondDrawer()));
         });
@@ -222,7 +222,7 @@
     }
 
     async function loadHeartsSuitShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["heart", "hearts"], () => Promise.resolve(new HeartDrawer()));
         });
@@ -236,14 +236,14 @@
     }
 
     async function loadSpadesSuitShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["spade", "spades"], () => Promise.resolve(new SpadeDrawer()));
         });
     }
 
     async function loadCardSuitsShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await Promise.all([
             loadClubsSuitShape(engine),
             loadDiamondsSuitShape(engine),
@@ -253,18 +253,18 @@
     }
 
     const cardWidthRatio = (engine.double * engine.double) / engine.triple, cardHeightRatio = engine.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) {
+    function drawRoundedCard(ctx, radius, cardData, hdr, flipped, canvasSettings, peakNits, mode) {
         if (flipped) {
             drawRoundedCardBack(ctx, radius);
         }
         else {
-            const cacheKey = getCacheKey(radius, hdr, cardData), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * engine.half, halfHeight = cardHeight * engine.half;
+            const cacheKey = getCacheKey(radius, hdr, cardData, peakNits, mode), cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * engine.half, halfHeight = cardHeight * engine.half;
             let cachedData = cardsCache.get(cacheKey);
             if (!cachedData) {
                 const cacheCanvas = new OffscreenCanvas(cardWidth, cardHeight), cacheCtx = cacheCanvas.getContext("2d", canvasSettings);
                 if (cacheCtx) {
                     cacheCtx.translate(halfWidth, halfHeight);
-                    drawRoundedCardFront(cacheCtx, radius, cardData, hdr);
+                    drawRoundedCardFront(cacheCtx, radius, cardData, hdr, peakNits, mode);
                     cachedData = cacheCanvas instanceof HTMLCanvasElement ? cacheCanvas : cacheCanvas.transferToImageBitmap();
                     cardsCache.set(cacheKey, cachedData);
                 }
@@ -273,23 +273,25 @@
                 ctx.drawImage(cachedData, -halfWidth, -halfHeight, cardWidth, cardHeight);
             }
             else {
-                drawRoundedCardFront(ctx, radius, cardData, hdr);
+                drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode);
             }
         }
     }
-    function getCacheKey(radius, hdr, cardData) {
-        return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${cardData.suit}-${cardData.value}`;
+    function getCacheKey(radius, hdr, cardData, peakNits, mode) {
+        return `${radius.toFixed(fixedCacheKey)}-${hdr ? "hdr" : "sdr"}-${peakNits !== undefined ? peakNits.toFixed(fixedCacheKey) : "default"}-${mode ?? "default"}-${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.half, halfHeight = cardHeight * engine.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 ? engine.getStyleFromRgb(redSuitColor, hdr) : engine.getStyleFromRgb(blackSuitColor, hdr);
+    function drawRoundedCardFront(ctx, radius, cardData, hdr, peakNits, mode) {
+        const { suit, value } = cardData, cardWidth = radius * cardWidthRatio, cardHeight = radius * cardHeightRatio, halfWidth = cardWidth * engine.half, halfHeight = cardHeight * engine.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
+            ? engine.getStyleFromRgb(redSuitColor, hdr, undefined, peakNits, mode)
+            : engine.getStyleFromRgb(blackSuitColor, hdr, undefined, peakNits, mode);
         ctx.save();
         drawCardBody(ctx, radius);
-        ctx.fillStyle = engine.getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr);
+        ctx.fillStyle = engine.getStyleFromRgb({ r: 255, g: 255, b: 255 }, hdr, undefined, peakNits, mode);
         ctx.fill();
-        ctx.strokeStyle = engine.getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr);
+        ctx.strokeStyle = engine.getStyleFromRgb({ r: 0, g: 0, b: 0 }, hdr, undefined, peakNits, mode);
         ctx.stroke();
         ctx.fillStyle = color;
         ctx.font = `bold ${cornerFontSize.toString()}px Arial, serif`;
@@ -351,7 +353,7 @@
             }
             const defaultOpacity = context.globalAlpha, container = this.#container;
             context.globalAlpha = opacity;
-            drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings);
+            drawRoundedCard(context, radius, particle.cardData, container.hdr, particle.isShowingBack(), container.canvas.render.settings, container.peakNits, container.hdrMode);
             context.globalAlpha = defaultOpacity;
         }
         particleInit(_container, particle) {
@@ -364,14 +366,14 @@
     }
 
     async function loadFullCardsShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["card"], container => Promise.resolve(new CardDrawer(container)));
         });
     }
 
     async function loadCardsShape(engine) {
-        engine.checkVersion("4.3.1");
+        engine.checkVersion("4.4.0");
         await Promise.all([
             loadFullCardsShape(engine),
             loadCardSuitsShape(engine),

package/tsparticles.shape.cards.min.js

@@ -1 +1 @@
-!function(e){e.__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.effects=e.__tsParticlesInternals.effects||{},e.__tsParticlesInternals.engine=e.__tsParticlesInternals.engine||{},e.__tsParticlesInternals.interactions=e.__tsParticlesInternals.interactions||{},e.__tsParticlesInternals.palettes=e.__tsParticlesInternals.palettes||{},e.__tsParticlesInternals.paths=e.__tsParticlesInternals.paths||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins.emittersShapes=e.__tsParticlesInternals.plugins.emittersShapes||{},e.__tsParticlesInternals.presets=e.__tsParticlesInternals.presets||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.utils=e.__tsParticlesInternals.utils||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas.utils=e.__tsParticlesInternals.canvas.utils||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path.utils=e.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(e){return new Proxy(e,{get:function(e,t){return t in e||(e[t]={}),e[t]}})}:function(e){return e};e.__tsParticlesInternals.bundles=t(e.__tsParticlesInternals.bundles),e.__tsParticlesInternals.effects=t(e.__tsParticlesInternals.effects),e.__tsParticlesInternals.interactions=t(e.__tsParticlesInternals.interactions),e.__tsParticlesInternals.palettes=t(e.__tsParticlesInternals.palettes),e.__tsParticlesInternals.paths=t(e.__tsParticlesInternals.paths),e.__tsParticlesInternals.plugins=t(e.__tsParticlesInternals.plugins),e.__tsParticlesInternals.plugins.emittersShapes=t(e.__tsParticlesInternals.plugins.emittersShapes),e.__tsParticlesInternals.presets=t(e.__tsParticlesInternals.presets),e.__tsParticlesInternals.shapes=t(e.__tsParticlesInternals.shapes),e.__tsParticlesInternals.updaters=t(e.__tsParticlesInternals.updaters),e.__tsParticlesInternals.utils=t(e.__tsParticlesInternals.utils),e.__tsParticlesInternals.canvas=t(e.__tsParticlesInternals.canvas),e.__tsParticlesInternals.path=t(e.__tsParticlesInternals.path),e.tsparticlesInternalExports=e.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/path-utils"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/path-utils","@tsparticles/engine"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.shapes.cards=e.__tsParticlesInternals.shapes.cards||{}),e.__tsParticlesInternals.path.utils,e.__tsParticlesInternals.engine)}(this,function(e,t,s){"use strict";var a;!function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(a||(a={}));const n=s.quarter*s.half,r=s.half,l=r*s.half,i=-r,c=-l,p=r*n,o=r*s.threeQuarter,_={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:l,y:i},{x:l,y:c}]},{type:t.SegmentType.bezier,values:[{x:l,y:c},{x:l,y:c},{x:r,y:c},{x:r,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:r,y:s.empty},{x:r,y:s.empty},{x:r,y:l},{x:l,y:l}]},{type:t.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:l},{x:p,y:l},{x:p,y:p}]},{type:t.SegmentType.bezier,values:[{x:p,y:p},{x:p,y:l},{x:l,y:r},{x:l,y:r}]},{type:t.SegmentType.bezier,values:[{x:l,y:r},{x:l,y:r},{x:s.empty,y:r},{x:s.empty,y:r}]}]},y={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:r},{x:s.empty,y:r},{x:o,y:s.empty},{x:o,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:o,y:s.empty},{x:o,y:s.empty},{x:s.empty,y:i},{x:s.empty,y:i}]}]},u={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:r},{x:s.empty,y:r},{x:r,y:s.empty},{x:r,y:c}]},{type:t.SegmentType.bezier,values:[{x:r,y:c},{x:r,y:c},{x:r,y:i},{x:l,y:i}]},{type:t.SegmentType.bezier,values:[{x:l,y:i},{x:l,y:i},{x:s.empty,y:i},{x:s.empty,y:c}]}]},d={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:r,y:c},{x:r,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:r,y:s.empty},{x:r,y:s.empty},{x:r,y:l},{x:l,y:l}]},{type:t.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:l},{x:p,y:l},{x:p,y:p}]},{type:t.SegmentType.bezier,values:[{x:p,y:p},{x:p,y:l},{x:l,y:r},{x:l,y:r}]},{type:t.SegmentType.bezier,values:[{x:l,y:r},{x:l,y:r},{x:s.empty,y:r},{x:s.empty,y:r}]}]},P={[a.hearts]:u,[a.diamonds]:y,[a.clubs]:_,[a.spades]:d};class g{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.clubs)}}async function h(e){e.checkVersion("4.3.1"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["club","clubs"],()=>Promise.resolve(new g))})}class x{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.diamonds)}}async function I(e){e.checkVersion("4.3.1"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["diamond","diamonds"],()=>Promise.resolve(new x))})}class f{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.hearts)}}async function m(e){e.checkVersion("4.3.1"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["heart","hearts"],()=>Promise.resolve(new f))})}class b{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.spades)}}async function v(e){e.checkVersion("4.3.1"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["spade","spades"],()=>Promise.resolve(new b))})}async function S(e){e.checkVersion("4.3.1"),await Promise.all([h(e),I(e),m(e),v(e)])}const T=s.double*s.double/s.triple,w=s.double,z=new Map,M={r:215,g:20,b:20},C={r:18,g:18,b:18};function k(e,t,a,n,r,l){if(r)!function(e,t){V(e,t)}(e,t);else{const r=function(e,t,s){return`${e.toFixed(2)}-${t?"hdr":"sdr"}-${s.suit}-${s.value}`}(t,n,a),i=t*T,c=t*w,p=i*s.half,o=c*s.half;let _=z.get(r);if(!_){const e=new OffscreenCanvas(i,c),s=e.getContext("2d",l);s&&(s.translate(p,o),q(s,t,a,n),_=e instanceof HTMLCanvasElement?e:e.transferToImageBitmap(),z.set(r,_))}_?e.drawImage(_,-p,-o,i,c):q(e,t,a,n)}}function q(e,n,r,l){const{suit:i,value:c}=r,p=n*w,o=n*T*s.half,_=p*s.half,y=.2*n,u=.4*n,d=.3*n,g=.7*n,h=.25*n,x=.1*n,I=i===a.hearts||i===a.diamonds?s.getStyleFromRgb(M,l):s.getStyleFromRgb(C,l);e.save(),V(e,n),e.fillStyle=s.getStyleFromRgb({r:255,g:255,b:255},l),e.fill(),e.strokeStyle=s.getStyleFromRgb({r:0,g:0,b:0},l),e.stroke(),e.fillStyle=I,e.font=`bold ${u.toString()}px Arial, serif`,e.textAlign="left",e.textBaseline="middle";const f=-o+y+x,m=-_+y+u*s.half;e.save(),e.translate(f,m),e.beginPath(),t.drawPath(e,d,P[i]),e.fill(),e.restore(),e.fillText(c,f+h,m),e.save(),e.translate(o-y-x,_-y-u*s.half),e.rotate(Math.PI),e.save(),e.beginPath(),t.drawPath(e,d,P[i]),e.fill(),e.restore(),e.fillText(c,s.originPoint.x+h,s.originPoint.y),e.restore(),e.save(),e.beginPath(),t.drawPath(e,g,P[i]),e.fillStyle=I,e.fill(),e.restore(),e.beginPath(),e.arc(s.originPoint.x,s.originPoint.y,0,0,s.doublePI,!1),e.closePath(),e.restore()}function V(e,t){const a=t*w,n=t*T*s.half,r=a*s.half,l=.2*t;e.beginPath(),e.moveTo(-n+l,-r),e.lineTo(n-l,-r),e.quadraticCurveTo(n,-r,n,-r+l),e.lineTo(n,r-l),e.quadraticCurveTo(n,r,n-l,r),e.lineTo(-n+l,r),e.quadraticCurveTo(-n,r,-n,r-l),e.lineTo(-n,-r+l),e.quadraticCurveTo(-n,-r,-n+l,-r),e.closePath()}class A{#e;constructor(e){this.#e=e}draw(e){const{context:t,particle:s,opacity:a,radius:n}=e;if(!s.cardData)return;const r=t.globalAlpha,l=this.#e;t.globalAlpha=a,k(t,n,s.cardData,l.hdr,s.isShowingBack(),l.canvas.render.settings),t.globalAlpha=r}particleInit(e,t){const a=t.shapeData;a&&(t.cardData=s.deepExtend({},a))}}async function E(e){e.checkVersion("4.3.1"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["card"],e=>Promise.resolve(new A(e)))})}async function F(e){e.checkVersion("4.3.1"),await Promise.all([E(e),S(e)])}const $=globalThis;$.__tsParticlesInternals=$.__tsParticlesInternals??{},$.loadCardsShape=F,e.loadCardsShape=F}),Object.assign(globalThis.window||globalThis,{loadCardsShape:(globalThis.__tsParticlesInternals.shapes.cards||{}).loadCardsShape}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(e){e.__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.bundles=e.__tsParticlesInternals.bundles||{},e.__tsParticlesInternals.effects=e.__tsParticlesInternals.effects||{},e.__tsParticlesInternals.engine=e.__tsParticlesInternals.engine||{},e.__tsParticlesInternals.interactions=e.__tsParticlesInternals.interactions||{},e.__tsParticlesInternals.palettes=e.__tsParticlesInternals.palettes||{},e.__tsParticlesInternals.paths=e.__tsParticlesInternals.paths||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins=e.__tsParticlesInternals.plugins||{},e.__tsParticlesInternals.plugins.emittersShapes=e.__tsParticlesInternals.plugins.emittersShapes||{},e.__tsParticlesInternals.presets=e.__tsParticlesInternals.presets||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.updaters=e.__tsParticlesInternals.updaters||{},e.__tsParticlesInternals.utils=e.__tsParticlesInternals.utils||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas=e.__tsParticlesInternals.canvas||{},e.__tsParticlesInternals.canvas.utils=e.__tsParticlesInternals.canvas.utils||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path=e.__tsParticlesInternals.path||{},e.__tsParticlesInternals.path.utils=e.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(e){return new Proxy(e,{get:function(e,t){return t in e||(e[t]={}),e[t]}})}:function(e){return e};e.__tsParticlesInternals.bundles=t(e.__tsParticlesInternals.bundles),e.__tsParticlesInternals.effects=t(e.__tsParticlesInternals.effects),e.__tsParticlesInternals.interactions=t(e.__tsParticlesInternals.interactions),e.__tsParticlesInternals.palettes=t(e.__tsParticlesInternals.palettes),e.__tsParticlesInternals.paths=t(e.__tsParticlesInternals.paths),e.__tsParticlesInternals.plugins=t(e.__tsParticlesInternals.plugins),e.__tsParticlesInternals.plugins.emittersShapes=t(e.__tsParticlesInternals.plugins.emittersShapes),e.__tsParticlesInternals.presets=t(e.__tsParticlesInternals.presets),e.__tsParticlesInternals.shapes=t(e.__tsParticlesInternals.shapes),e.__tsParticlesInternals.updaters=t(e.__tsParticlesInternals.updaters),e.__tsParticlesInternals.utils=t(e.__tsParticlesInternals.utils),e.__tsParticlesInternals.canvas=t(e.__tsParticlesInternals.canvas),e.__tsParticlesInternals.path=t(e.__tsParticlesInternals.path),e.tsparticlesInternalExports=e.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/path-utils"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/path-utils","@tsparticles/engine"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).__tsParticlesInternals=e.__tsParticlesInternals||{},e.__tsParticlesInternals.shapes=e.__tsParticlesInternals.shapes||{},e.__tsParticlesInternals.shapes.cards=e.__tsParticlesInternals.shapes.cards||{}),e.__tsParticlesInternals.path.utils,e.__tsParticlesInternals.engine)}(this,function(e,t,s){"use strict";var a;!function(e){e.hearts="hearts",e.diamonds="diamonds",e.clubs="clubs",e.spades="spades"}(a||(a={}));const n=s.quarter*s.half,r=s.half,l=r*s.half,i=-r,c=-l,p=r*n,o=r*s.threeQuarter,_={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:l,y:i},{x:l,y:c}]},{type:t.SegmentType.bezier,values:[{x:l,y:c},{x:l,y:c},{x:r,y:c},{x:r,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:r,y:s.empty},{x:r,y:s.empty},{x:r,y:l},{x:l,y:l}]},{type:t.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:l},{x:p,y:l},{x:p,y:p}]},{type:t.SegmentType.bezier,values:[{x:p,y:p},{x:p,y:l},{x:l,y:r},{x:l,y:r}]},{type:t.SegmentType.bezier,values:[{x:l,y:r},{x:l,y:r},{x:s.empty,y:r},{x:s.empty,y:r}]}]},y={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:r},{x:s.empty,y:r},{x:o,y:s.empty},{x:o,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:o,y:s.empty},{x:o,y:s.empty},{x:s.empty,y:i},{x:s.empty,y:i}]}]},u={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:r},{x:s.empty,y:r},{x:r,y:s.empty},{x:r,y:c}]},{type:t.SegmentType.bezier,values:[{x:r,y:c},{x:r,y:c},{x:r,y:i},{x:l,y:i}]},{type:t.SegmentType.bezier,values:[{x:l,y:i},{x:l,y:i},{x:s.empty,y:i},{x:s.empty,y:c}]}]},d={half:!0,segments:[{type:t.SegmentType.bezier,values:[{x:s.empty,y:i},{x:s.empty,y:i},{x:r,y:c},{x:r,y:s.empty}]},{type:t.SegmentType.bezier,values:[{x:r,y:s.empty},{x:r,y:s.empty},{x:r,y:l},{x:l,y:l}]},{type:t.SegmentType.bezier,values:[{x:l,y:l},{x:l,y:l},{x:p,y:l},{x:p,y:p}]},{type:t.SegmentType.bezier,values:[{x:p,y:p},{x:p,y:l},{x:l,y:r},{x:l,y:r}]},{type:t.SegmentType.bezier,values:[{x:l,y:r},{x:l,y:r},{x:s.empty,y:r},{x:s.empty,y:r}]}]},P={[a.hearts]:u,[a.diamonds]:y,[a.clubs]:_,[a.spades]:d};class g{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.clubs)}}async function h(e){e.checkVersion("4.4.0"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["club","clubs"],()=>Promise.resolve(new g))})}class x{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.diamonds)}}async function I(e){e.checkVersion("4.4.0"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["diamond","diamonds"],()=>Promise.resolve(new x))})}class f{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.hearts)}}async function m(e){e.checkVersion("4.4.0"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["heart","hearts"],()=>Promise.resolve(new f))})}class b{draw(e){const{context:s,radius:a}=e;t.drawPath(s,a,P.spades)}}async function v(e){e.checkVersion("4.4.0"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["spade","spades"],()=>Promise.resolve(new b))})}async function S(e){e.checkVersion("4.4.0"),await Promise.all([h(e),I(e),m(e),v(e)])}const T=s.double*s.double/s.triple,w=s.double,z=new Map,M={r:215,g:20,b:20},k={r:18,g:18,b:18};function C(e,t,a,n,r,l,i,c){if(r)!function(e,t){V(e,t)}(e,t);else{const r=function(e,t,s,a,n){return`${e.toFixed(2)}-${t?"hdr":"sdr"}-${void 0!==a?a.toFixed(2):"default"}-${n??"default"}-${s.suit}-${s.value}`}(t,n,a,i,c),p=t*T,o=t*w,_=p*s.half,y=o*s.half;let u=z.get(r);if(!u){const e=new OffscreenCanvas(p,o),s=e.getContext("2d",l);s&&(s.translate(_,y),q(s,t,a,n,i,c),u=e instanceof HTMLCanvasElement?e:e.transferToImageBitmap(),z.set(r,u))}u?e.drawImage(u,-_,-y,p,o):q(e,t,a,n,i,c)}}function q(e,n,r,l,i,c){const{suit:p,value:o}=r,_=n*w,y=n*T*s.half,u=_*s.half,d=.2*n,g=.4*n,h=.3*n,x=.7*n,I=.25*n,f=.1*n,m=p===a.hearts||p===a.diamonds?s.getStyleFromRgb(M,l,void 0,i,c):s.getStyleFromRgb(k,l,void 0,i,c);e.save(),V(e,n),e.fillStyle=s.getStyleFromRgb({r:255,g:255,b:255},l,void 0,i,c),e.fill(),e.strokeStyle=s.getStyleFromRgb({r:0,g:0,b:0},l,void 0,i,c),e.stroke(),e.fillStyle=m,e.font=`bold ${g.toString()}px Arial, serif`,e.textAlign="left",e.textBaseline="middle";const b=-y+d+f,v=-u+d+g*s.half;e.save(),e.translate(b,v),e.beginPath(),t.drawPath(e,h,P[p]),e.fill(),e.restore(),e.fillText(o,b+I,v),e.save(),e.translate(y-d-f,u-d-g*s.half),e.rotate(Math.PI),e.save(),e.beginPath(),t.drawPath(e,h,P[p]),e.fill(),e.restore(),e.fillText(o,s.originPoint.x+I,s.originPoint.y),e.restore(),e.save(),e.beginPath(),t.drawPath(e,x,P[p]),e.fillStyle=m,e.fill(),e.restore(),e.beginPath(),e.arc(s.originPoint.x,s.originPoint.y,0,0,s.doublePI,!1),e.closePath(),e.restore()}function V(e,t){const a=t*w,n=t*T*s.half,r=a*s.half,l=.2*t;e.beginPath(),e.moveTo(-n+l,-r),e.lineTo(n-l,-r),e.quadraticCurveTo(n,-r,n,-r+l),e.lineTo(n,r-l),e.quadraticCurveTo(n,r,n-l,r),e.lineTo(-n+l,r),e.quadraticCurveTo(-n,r,-n,r-l),e.lineTo(-n,-r+l),e.quadraticCurveTo(-n,-r,-n+l,-r),e.closePath()}class ${#e;constructor(e){this.#e=e}draw(e){const{context:t,particle:s,opacity:a,radius:n}=e;if(!s.cardData)return;const r=t.globalAlpha,l=this.#e;t.globalAlpha=a,C(t,n,s.cardData,l.hdr,s.isShowingBack(),l.canvas.render.settings,l.peakNits,l.hdrMode),t.globalAlpha=r}particleInit(e,t){const a=t.shapeData;a&&(t.cardData=s.deepExtend({},a))}}async function F(e){e.checkVersion("4.4.0"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["card"],e=>Promise.resolve(new $(e)))})}async function A(e){e.checkVersion("4.4.0"),await Promise.all([F(e),S(e)])}const E=globalThis;E.__tsParticlesInternals=E.__tsParticlesInternals??{},E.loadCardsShape=A,e.loadCardsShape=A}),Object.assign(globalThis.window||globalThis,{loadCardsShape:(globalThis.__tsParticlesInternals.shapes.cards||{}).loadCardsShape}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/utils.d.ts

@@ -1,2 +1,3 @@
+import { type HdrMode } from "@tsparticles/engine";
 import type { ICardData } from "./ICardData.js";
-export declare function drawRoundedCard(ctx: OffscreenCanvasRenderingContext2D, radius: number, cardData: ICardData, hdr: boolean, flipped: boolean, canvasSettings?: CanvasRenderingContext2DSettings): void;
+export declare function drawRoundedCard(ctx: OffscreenCanvasRenderingContext2D, radius: number, cardData: ICardData, hdr: boolean, flipped: boolean, canvasSettings?: CanvasRenderingContext2DSettings, peakNits?: number, mode?: HdrMode): void;