@betorigami/games 3.4.1 → 3.4.2

package/dist/components/blackjack/blackjack.utils.d.ts

@@ -1,5 +1,5 @@
 import { BlackjackOutcome, Rank } from '@betorigami/game-calculations';
-type PillClassParams = {
+type HandClassParams = {
     outcome: BlackjackOutcome | null;
     isPlayerTurn: boolean;
     handIndex: number;
@@ -14,5 +14,6 @@ export declare const handDisplayValue: (cards: ReadonlyArray<{
 }>) => string;
 export declare const getCardClassFromOutcome: (outcome: BlackjackOutcome | null) => string;
 export declare const getOutcomePillClass: (outcome: BlackjackOutcome | null) => string;
-export declare const getPillClass: ({ outcome, isPlayerTurn, handIndex, activeHandIndex, handCount }: PillClassParams) => string;
+export declare const getPillClass: (params: HandClassParams) => string;
+export declare const getHandCardClass: (params: HandClassParams) => string;
 export {};

package/dist/index.mjs

@@ -11679,6 +11679,10 @@ const Gd = i$a`
     --card-border-color: var(--warning-color);
   }
 
+  .card--active {
+    --card-border-color: var(--info-color);
+  }
+
   .card-inner {
     position: relative;
     width: 100%;
@@ -18577,11 +18581,11 @@ const RANK_VALUE = { Ace: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10:
     default:
       return "";
   }
-}, getPillClass = ({ outcome: te, isPlayerTurn: ae, handIndex: Pe, activeHandIndex: Ct, handCount: _t }) => {
-  if (te === null) return ae && Pe === Ct && _t > 1 ? "bj-pill bj-pill--active" : "bj-pill";
-  const Rt = getOutcomePillClass(te);
-  return Rt === "" ? "bj-pill" : `bj-pill ${Rt}`;
-}, blackjackContentStyles = i$a`
+}, isActiveSplitHand = ({ isPlayerTurn: te, handIndex: ae, activeHandIndex: Pe, handCount: Ct }) => te && ae === Pe && Ct > 1, getPillClass = (te) => {
+  if (te.outcome === null) return isActiveSplitHand(te) ? "bj-pill bj-pill--active" : "bj-pill";
+  const ae = getOutcomePillClass(te.outcome);
+  return ae === "" ? "bj-pill" : `bj-pill ${ae}`;
+}, getHandCardClass = (te) => te.outcome !== null ? getCardClassFromOutcome(te.outcome) : isActiveSplitHand(te) ? "card--active" : "", blackjackContentStyles = i$a`
   :host {
     width: 100%;
     height: 100%;
@@ -18707,6 +18711,7 @@ const RANK_VALUE = { Ace: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10:
 
   .bj-flex-start-around {
     display: flex;
+    flex-direction: row-reverse;
     align-items: flex-start;
     justify-content: center;
 
@@ -18776,6 +18781,7 @@ const RANK_VALUE = { Ace: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10:
 
   .bj-player-sections {
     display: flex;
+    flex-direction: row-reverse;
     justify-content: center;
     gap: clamp(16px, 4vw, 48px);
     flex-wrap: wrap;
@@ -19018,7 +19024,7 @@ let BlackjackContent = class extends M {
 
           <div class="bj-flex-start-around">
             ${_t.length !== 0 && Ct ? _t.map((Ta, Cs) => {
-      const xs = Ta.filter((Bs, Ms) => this.revealedIds.has(`p-${Cs}-${Ms}`)), Xa = Cs === 0 ? this.resolvedMainHandOutcome : this.resolvedSplitHandOutcome, Za = Xa === null ? handDisplayValue(xs) : handBestValue(xs), As = getCardClassFromOutcome(Xa);
+      const xs = Ta.filter((Bs, Ms) => this.revealedIds.has(`p-${Cs}-${Ms}`)), Xa = Cs === 0 ? this.resolvedMainHandOutcome : this.resolvedSplitHandOutcome, Za = Xa === null ? handDisplayValue(xs) : handBestValue(xs), As = getHandCardClass({ outcome: Xa, isPlayerTurn: this.isPlayerTurn, handIndex: Cs, activeHandIndex: this.activeHandIndex, handCount: _t.length });
       return b$4`
                     <div class="bj-flex-col-center">
                       <div class="bj-row-wrapper">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betorigami/games",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "author": "",
   "license": "UNLICENSED",
   "description": "",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@betorigami/game-calculations": "10.1.0",
-    "@betorigami/game-ui-shared": "1.3.0",
+    "@betorigami/game-ui-shared": "1.3.1",
     "@betorigami/game-ui-wheel": "1.1.1",
     "@lit/context": "^1.1.5",
     "big.js": "^7.0.1",