valtech-components 4.0.427 → 4.0.429

package/fesm2022/valtech-components.mjs

@@ -58,7 +58,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.427';
+const VERSION = '4.0.429';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -62471,6 +62471,7 @@ const MINI_GAMES_I18N = {
         christianityEmpty: 'Vacío',
         christianityYourHand: 'Tu mano',
         christianityCost: 'Coste',
+        christianityOfferingCard: 'Ofrenda',
         christianityEndTurn: 'Terminar turno',
         christianityPlayCard: 'Jugar carta',
         christianityReset: 'Reiniciar mock',
@@ -62875,6 +62876,7 @@ const MINI_GAMES_I18N = {
         christianityEmpty: 'Empty',
         christianityYourHand: 'Your hand',
         christianityCost: 'Cost',
+        christianityOfferingCard: 'Offering',
         christianityEndTurn: 'End turn',
         christianityPlayCard: 'Play card',
         christianityReset: 'Reset mock',
@@ -64361,6 +64363,7 @@ class ChessimalsGameComponent {
         });
         this.botThinking = signal(false);
         this.confirmAction = signal(undefined);
+        this.confirmedAction = signal(undefined);
         this.onlineJoinCode = signal('');
         this.onlineLoading = signal(false);
         this.onlineAction = signal(undefined);
@@ -65135,13 +65138,12 @@ class ChessimalsGameComponent {
     closeConfirmModal() {
         this.confirmAction.set(undefined);
     }
-    confirmPendingAction(token) {
-        if (token !== 'confirm') {
-            this.closeConfirmModal();
-            return;
-        }
-        const action = this.confirmAction();
+    handleConfirmModalDismissed() {
         this.confirmAction.set(undefined);
+        const action = this.confirmedAction();
+        this.confirmedAction.set(undefined);
+        if (!action)
+            return;
         if (action === 'restart') {
             this.restartGame();
             return;
@@ -65158,6 +65160,15 @@ class ChessimalsGameComponent {
             this.resignGame();
         }
     }
+    confirmPendingAction(token) {
+        if (token !== 'confirm') {
+            this.closeConfirmModal();
+            return;
+        }
+        const action = this.confirmAction();
+        this.confirmedAction.set(action);
+        this.confirmAction.set(undefined);
+    }
     resignGame() {
         const game = this.game();
         if (game.status === 'finished')
@@ -67005,7 +67016,7 @@ class ChessimalsGameComponent {
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -67846,7 +67857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -67873,11 +67884,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 const STARTER_CARDS = {
-    p_scout: { id: 'p_scout', name: 'Scout', cost: 1, attack: 1, life: 1 },
-    p_guard: { id: 'p_guard', name: 'Guard', cost: 2, attack: 1, life: 3 },
-    p_warrior: { id: 'p_warrior', name: 'Warrior', cost: 2, attack: 2, life: 2 },
-    p_elder: { id: 'p_elder', name: 'Elder', cost: 3, attack: 2, life: 4 },
-    p_champion: { id: 'p_champion', name: 'Champion', cost: 4, attack: 4, life: 4 },
+    o_simple: { id: 'o_simple', name: 'Ofrenda simple', type: 'offering', cost: 0, attack: 0, life: 1 },
+    p_scout: { id: 'p_scout', name: 'Scout', type: 'character', cost: 1, attack: 1, life: 1 },
+    p_guard: { id: 'p_guard', name: 'Guard', type: 'character', cost: 2, attack: 1, life: 3 },
+    p_warrior: { id: 'p_warrior', name: 'Warrior', type: 'character', cost: 2, attack: 2, life: 2 },
+    p_elder: { id: 'p_elder', name: 'Elder', type: 'character', cost: 3, attack: 2, life: 4 },
+    p_champion: { id: 'p_champion', name: 'Champion', type: 'character', cost: 4, attack: 4, life: 4 },
 };
 const STARTING_GAME = {
     gameId: 'mock-christianity',
@@ -67895,9 +67907,9 @@ const STARTING_GAME = {
             leaderName: 'Adam',
             leaderHp: 15,
             leaderMaxHp: 15,
-            maxOfferings: 3,
-            offeringPoints: 3,
-            hand: ['p_scout', 'p_warrior', 'p_guard', 'p_elder'],
+            offerings: [{ instanceId: 'p1_offering_001', cardId: 'o_simple', name: 'Ofrenda simple', owner: 'P1', ready: true, value: 1 }],
+            offeringPlayedThisTurn: false,
+            hand: ['o_simple', 'p_scout', 'p_warrior', 'p_guard'],
             battleZone: [],
         },
         P2: {
@@ -67906,8 +67918,8 @@ const STARTING_GAME = {
             leaderName: 'Noah',
             leaderHp: 15,
             leaderMaxHp: 15,
-            maxOfferings: 3,
-            offeringPoints: 3,
+            offerings: [{ instanceId: 'p2_offering_001', cardId: 'o_simple', name: 'Ofrenda simple', owner: 'P2', ready: true, value: 1 }],
+            offeringPlayedThisTurn: false,
             handCount: 4,
             battleZone: [
                 {
@@ -67969,8 +67981,15 @@ class ChristianityGameComponent {
             card: cards[index],
         }));
     }
+    readyOfferings(player) {
+        return player.offerings.reduce((total, offering) => total + (offering.ready ? offering.value : 0), 0);
+    }
     canPlay(card) {
-        return this.isOwnTurn() && this.player().offeringPoints >= card.cost && this.player().battleZone.length < 5;
+        if (!this.isOwnTurn())
+            return false;
+        if (card.type === 'offering')
+            return !this.player().offeringPlayedThisTurn;
+        return this.readyOfferings(this.player()) >= card.cost && this.player().battleZone.length < 5;
     }
     canPlaySelected() {
         const selected = this.selectedHandCard();
@@ -67994,20 +68013,36 @@ class ChristianityGameComponent {
             if (handIndex < 0 || !player.hand)
                 return game;
             player.hand.splice(handIndex, 1);
-            player.offeringPoints -= card.cost;
-            player.battleZone.push({
-                instanceId: `p1_${next.revision + 1}_${player.battleZone.length}`,
-                cardId: card.id,
-                name: card.name,
-                owner: 'P1',
-                controller: 'P1',
-                attack: card.attack,
-                currentHp: card.life,
-                maxHp: card.life,
-                canAttack: false,
-            });
+            if (card.type === 'offering') {
+                player.offerings.push({
+                    instanceId: `p1_offering_${next.revision + 1}`,
+                    cardId: card.id,
+                    name: card.name,
+                    owner: 'P1',
+                    ready: true,
+                    value: card.life,
+                });
+                player.offeringPlayedThisTurn = true;
+            }
+            else {
+                this.spendOfferings(player, card.cost);
+                player.battleZone.push({
+                    instanceId: `p1_${next.revision + 1}_${player.battleZone.length}`,
+                    cardId: card.id,
+                    name: card.name,
+                    owner: 'P1',
+                    controller: 'P1',
+                    attack: card.attack,
+                    currentHp: card.life,
+                    maxHp: card.life,
+                    canAttack: false,
+                });
+            }
             next.revision++;
-            next.log = [`${card.name} entra en batalla.`, ...next.log].slice(0, 4);
+            next.log = [
+                card.type === 'offering' ? `${card.name} queda lista como ofrenda.` : `${card.name} entra en batalla.`,
+                ...next.log,
+            ].slice(0, 4);
             return next;
         });
         this.selectedHandCard.set(null);
@@ -68064,8 +68099,8 @@ class ChristianityGameComponent {
             next.turnOwner = next.turnOwner === 'P1' ? 'P2' : 'P1';
             next.turnCount++;
             const current = next.players[next.turnOwner];
-            current.maxOfferings = Math.min(10, current.maxOfferings + 1);
-            current.offeringPoints = current.maxOfferings;
+            current.offeringPlayedThisTurn = false;
+            current.offerings = current.offerings.map(offering => ({ ...offering, ready: true }));
             current.battleZone = current.battleZone.map(card => ({ ...card, canAttack: true }));
             next.revision++;
             next.log = [`Turno de ${current.displayName}.`, ...next.log].slice(0, 4);
@@ -68089,6 +68124,15 @@ class ChristianityGameComponent {
         game.historyZone.push(...destroyed.map(card => card.cardId));
         player.battleZone = player.battleZone.filter(card => card.currentHp > 0);
     }
+    spendOfferings(player, cost) {
+        let remaining = cost;
+        player.offerings = player.offerings.map(offering => {
+            if (remaining <= 0 || !offering.ready)
+                return offering;
+            remaining -= offering.value;
+            return { ...offering, ready: false };
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChristianityGameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChristianityGameComponent, isStandalone: true, selector: "val-christianity-game", ngImport: i0, template: `
     <main class="christianity-shell">
@@ -68112,7 +68156,12 @@ class ChristianityGameComponent {
             </div>
             <div class="christianity-offerings">
               <span>{{ t('christianityOfferings') }}</span>
-              <strong>{{ opponent().offeringPoints }}/{{ opponent().maxOfferings }}</strong>
+              <strong>{{ readyOfferings(opponent()) }}/{{ opponent().offerings.length }}</strong>
+              <div class="christianity-offering-cards" aria-hidden="true">
+                @for (offering of opponent().offerings; track offering.instanceId) {
+                  <i [class.is-used]="!offering.ready"></i>
+                }
+              </div>
             </div>
             <div class="christianity-hidden-hand">
               <span>{{ t('christianityHand') }}</span>
@@ -68175,9 +68224,14 @@ class ChristianityGameComponent {
           <div class="christianity-player__summary">
             <div class="christianity-offerings">
               <span>{{ t('christianityOfferings') }}</span>
-              <strong>{{ player().offeringPoints }}/{{ player().maxOfferings }}</strong>
+              <strong>{{ readyOfferings(player()) }}/{{ player().offerings.length }}</strong>
+              <div class="christianity-offering-cards" aria-hidden="true">
+                @for (offering of player().offerings; track offering.instanceId) {
+                  <i [class.is-used]="!offering.ready"></i>
+                }
+              </div>
             </div>
-            <button type="button" class="christianity-leader Christianity-leader--target" (click)="attackLeader()">
+            <button type="button" class="christianity-leader christianity-leader--target" (click)="attackLeader()">
               <span>{{ player().leaderName }}</span>
               <strong>{{ player().leaderHp }}/{{ player().leaderMaxHp }}</strong>
             </button>
@@ -68198,9 +68252,21 @@ class ChristianityGameComponent {
             [class.is-disabled]="!canPlay(card)"
             (click)="selectHandCard(cardId)"
           >
-            <small>{{ t('christianityCost') }} {{ card.cost }}</small>
+            <small>
+              @if (card.type === 'offering') {
+                {{ t('christianityOfferingCard') }}
+              } @else {
+                {{ t('christianityCost') }} {{ card.cost }}
+              }
+            </small>
             <span>{{ card.name }}</span>
-            <strong>{{ card.attack }} / {{ card.life }}</strong>
+            <strong>
+              @if (card.type === 'offering') {
+                +{{ card.life }}
+              } @else {
+                {{ card.attack }} / {{ card.life }}
+              }
+            </strong>
           </button>
         }
       </section>
@@ -68228,7 +68294,7 @@ class ChristianityGameComponent {
         </section>
       }
     </main>
-  `, isInline: true, styles: [":host{display:block;color:var(--val-text-color, #1f2933)}.christianity-shell{display:grid;gap:.875rem;padding:1rem;border:1px solid rgba(36,48,68,.12);border-radius:.75rem;background:#f6f8fb}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.christianity-header h1,.christianity-header p,.christianity-history h2,.christianity-actions p{margin:0}.christianity-header h1{font-size:1.35rem;line-height:1.1}.christianity-header p,.christianity-turn span,.christianity-offerings span,.christianity-hidden-hand span,.christianity-deck span,.christianity-place span,.christianity-pile span,.christianity-leader span{color:#1f2933a3;font-size:.75rem}.christianity-turn,.christianity-leader,.christianity-offerings,.christianity-hidden-hand,.christianity-pile,.christianity-deck,.christianity-place{display:grid;gap:.15rem;min-width:5.25rem;padding:.55rem .65rem;border:1px solid rgba(36,48,68,.12);border-radius:.5rem;background:#fff}.christianity-turn.is-own-turn{border-color:#12806c59;background:#ecfdf5}.christianity-table{display:grid;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#dceafb}.christianity-player{display:grid;gap:.65rem}.christianity-battle-zone{display:grid;grid-template-columns:repeat(5,minmax(4.2rem,1fr));gap:.5rem;min-height:7rem;padding:.65rem;border-radius:.75rem;background:#ffffffc2}.christianity-shared-zone{padding:.65rem;border-radius:.75rem;background:#ffffffe6}.christianity-card,.christianity-end-turn,.christianity-actions button,.christianity-pile,.christianity-leader--target{border:1px solid rgba(36,48,68,.16);border-radius:.5rem;background:#fff;color:inherit;font:inherit}.christianity-card{display:grid;align-content:space-between;min-height:5.8rem;padding:.5rem;text-align:left;box-shadow:0 .5rem 1.25rem #24304414}.christianity-card span{font-weight:700}.christianity-card strong{justify-self:end;padding:.15rem .35rem;border-radius:999px;background:#edf2f7;font-size:.8rem}.christianity-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb29}.christianity-card.is-disabled,.christianity-card.is-exhausted{opacity:.55}.christianity-card.is-target{border-color:#dc2626}.christianity-slot{min-height:5.8rem;border:1px dashed rgba(36,48,68,.22);border-radius:.5rem;background:#ffffff73}.christianity-hand{display:grid;grid-auto-columns:minmax(6rem,8rem);grid-auto-flow:column;gap:.55rem;overflow-x:auto;padding-bottom:.25rem}.christianity-actions{align-items:flex-start;padding:.75rem;border-radius:.75rem;background:#fff}.christianity-actions div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.christianity-actions button,.christianity-end-turn{min-height:2.4rem;padding:0 .75rem;font-weight:700}.christianity-actions button:not(:disabled),.christianity-end-turn{background:#102a43;color:#fff}.christianity-history{padding:.75rem;border-radius:.75rem;background:#fff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:.1875rem solid rgba(37,99,235,.24);outline-offset:.125rem}@media (max-width: 720px){.christianity-shell{padding:.75rem}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{align-items:stretch;flex-direction:column}.christianity-battle-zone{grid-template-columns:repeat(5,minmax(3.8rem,1fr));overflow-x:auto}}\n"] }); }
+  `, isInline: true, styles: [":host{display:block;color:var(--val-text-color, #1f2933)}.christianity-shell{display:grid;gap:.875rem;padding:.75rem .25rem;border:1px solid rgba(36,48,68,.12);border-radius:.75rem;background:#f6f8fb}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.christianity-header h1,.christianity-header p,.christianity-history h2,.christianity-actions p{margin:0}.christianity-header h1{font-size:1.35rem;line-height:1.1}.christianity-header p,.christianity-turn span,.christianity-offerings span,.christianity-hidden-hand span,.christianity-deck span,.christianity-place span,.christianity-pile span,.christianity-leader span{color:#1f2933a3;font-size:.75rem}.christianity-turn,.christianity-leader,.christianity-offerings,.christianity-hidden-hand,.christianity-pile,.christianity-deck,.christianity-place{display:grid;gap:.15rem;min-width:5.25rem;padding:.55rem .65rem;border:1px solid rgba(36,48,68,.12);border-radius:.5rem;background:#fff}.christianity-turn.is-own-turn{border-color:#12806c59;background:#ecfdf5}.christianity-table{display:grid;gap:.75rem;padding:.55rem .35rem;border-radius:.75rem;background:#dceafb}.christianity-player{display:grid;gap:.65rem}.christianity-battle-zone{display:grid;grid-template-columns:repeat(5,minmax(4.2rem,1fr));gap:.5rem;min-height:7rem;padding:.55rem .4rem;border-radius:.75rem;background:#ffffffc2}.christianity-shared-zone{padding:.55rem .4rem;border-radius:.75rem;background:#ffffffe6}.christianity-card,.christianity-end-turn,.christianity-actions button,.christianity-pile,.christianity-leader--target{border:1px solid rgba(36,48,68,.16);border-radius:.5rem;background:#fff;color:inherit;font:inherit}.christianity-card{display:grid;align-content:space-between;min-height:5.8rem;padding:.5rem;text-align:left;box-shadow:0 .5rem 1.25rem #24304414}.christianity-card span{font-weight:700}.christianity-card strong{justify-self:end;padding:.15rem .35rem;border-radius:999px;background:#edf2f7;font-size:.8rem}.christianity-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb29}.christianity-card.is-disabled,.christianity-card.is-exhausted{opacity:.55}.christianity-card.is-target{border-color:#dc2626}.christianity-offering-cards{display:grid;grid-auto-flow:column;grid-auto-columns:.7rem;gap:.16rem;align-items:end;min-height:1.05rem}.christianity-offering-cards i{display:block;width:.65rem;height:.95rem;border:1px solid rgba(16,42,67,.22);border-radius:.18rem;background:#f8fafc}.christianity-offering-cards i.is-used{background:#cbd5e1;transform:rotate(90deg);transform-origin:center}.christianity-slot{min-height:5.8rem;border:1px dashed rgba(36,48,68,.22);border-radius:.5rem;background:#ffffff73}.christianity-hand{display:grid;grid-auto-columns:minmax(6rem,8rem);grid-auto-flow:column;gap:.55rem;overflow-x:auto;padding-bottom:.25rem}.christianity-actions{align-items:flex-start;padding:.75rem;border-radius:.75rem;background:#fff}.christianity-actions div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.christianity-actions button,.christianity-end-turn{min-height:2.4rem;padding:0 .75rem;font-weight:700}.christianity-actions button:not(:disabled),.christianity-end-turn{background:#102a43;color:#fff}.christianity-history{padding:.75rem;border-radius:.75rem;background:#fff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:.1875rem solid rgba(37,99,235,.24);outline-offset:.125rem}@media (max-width: 720px){.christianity-shell{padding:.55rem 0;border-right:0;border-left:0;border-radius:0}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{align-items:stretch;flex-direction:column}.christianity-battle-zone{grid-template-columns:repeat(5,minmax(3.8rem,1fr));overflow-x:auto}}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChristianityGameComponent, decorators: [{
             type: Component,
@@ -68254,7 +68320,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             </div>
             <div class="christianity-offerings">
               <span>{{ t('christianityOfferings') }}</span>
-              <strong>{{ opponent().offeringPoints }}/{{ opponent().maxOfferings }}</strong>
+              <strong>{{ readyOfferings(opponent()) }}/{{ opponent().offerings.length }}</strong>
+              <div class="christianity-offering-cards" aria-hidden="true">
+                @for (offering of opponent().offerings; track offering.instanceId) {
+                  <i [class.is-used]="!offering.ready"></i>
+                }
+              </div>
             </div>
             <div class="christianity-hidden-hand">
               <span>{{ t('christianityHand') }}</span>
@@ -68317,9 +68388,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <div class="christianity-player__summary">
             <div class="christianity-offerings">
               <span>{{ t('christianityOfferings') }}</span>
-              <strong>{{ player().offeringPoints }}/{{ player().maxOfferings }}</strong>
+              <strong>{{ readyOfferings(player()) }}/{{ player().offerings.length }}</strong>
+              <div class="christianity-offering-cards" aria-hidden="true">
+                @for (offering of player().offerings; track offering.instanceId) {
+                  <i [class.is-used]="!offering.ready"></i>
+                }
+              </div>
             </div>
-            <button type="button" class="christianity-leader Christianity-leader--target" (click)="attackLeader()">
+            <button type="button" class="christianity-leader christianity-leader--target" (click)="attackLeader()">
               <span>{{ player().leaderName }}</span>
               <strong>{{ player().leaderHp }}/{{ player().leaderMaxHp }}</strong>
             </button>
@@ -68340,9 +68416,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [class.is-disabled]="!canPlay(card)"
             (click)="selectHandCard(cardId)"
           >
-            <small>{{ t('christianityCost') }} {{ card.cost }}</small>
+            <small>
+              @if (card.type === 'offering') {
+                {{ t('christianityOfferingCard') }}
+              } @else {
+                {{ t('christianityCost') }} {{ card.cost }}
+              }
+            </small>
             <span>{{ card.name }}</span>
-            <strong>{{ card.attack }} / {{ card.life }}</strong>
+            <strong>
+              @if (card.type === 'offering') {
+                +{{ card.life }}
+              } @else {
+                {{ card.attack }} / {{ card.life }}
+              }
+            </strong>
           </button>
         }
       </section>
@@ -68370,7 +68458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </section>
       }
     </main>
-  `, styles: [":host{display:block;color:var(--val-text-color, #1f2933)}.christianity-shell{display:grid;gap:.875rem;padding:1rem;border:1px solid rgba(36,48,68,.12);border-radius:.75rem;background:#f6f8fb}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.christianity-header h1,.christianity-header p,.christianity-history h2,.christianity-actions p{margin:0}.christianity-header h1{font-size:1.35rem;line-height:1.1}.christianity-header p,.christianity-turn span,.christianity-offerings span,.christianity-hidden-hand span,.christianity-deck span,.christianity-place span,.christianity-pile span,.christianity-leader span{color:#1f2933a3;font-size:.75rem}.christianity-turn,.christianity-leader,.christianity-offerings,.christianity-hidden-hand,.christianity-pile,.christianity-deck,.christianity-place{display:grid;gap:.15rem;min-width:5.25rem;padding:.55rem .65rem;border:1px solid rgba(36,48,68,.12);border-radius:.5rem;background:#fff}.christianity-turn.is-own-turn{border-color:#12806c59;background:#ecfdf5}.christianity-table{display:grid;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#dceafb}.christianity-player{display:grid;gap:.65rem}.christianity-battle-zone{display:grid;grid-template-columns:repeat(5,minmax(4.2rem,1fr));gap:.5rem;min-height:7rem;padding:.65rem;border-radius:.75rem;background:#ffffffc2}.christianity-shared-zone{padding:.65rem;border-radius:.75rem;background:#ffffffe6}.christianity-card,.christianity-end-turn,.christianity-actions button,.christianity-pile,.christianity-leader--target{border:1px solid rgba(36,48,68,.16);border-radius:.5rem;background:#fff;color:inherit;font:inherit}.christianity-card{display:grid;align-content:space-between;min-height:5.8rem;padding:.5rem;text-align:left;box-shadow:0 .5rem 1.25rem #24304414}.christianity-card span{font-weight:700}.christianity-card strong{justify-self:end;padding:.15rem .35rem;border-radius:999px;background:#edf2f7;font-size:.8rem}.christianity-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb29}.christianity-card.is-disabled,.christianity-card.is-exhausted{opacity:.55}.christianity-card.is-target{border-color:#dc2626}.christianity-slot{min-height:5.8rem;border:1px dashed rgba(36,48,68,.22);border-radius:.5rem;background:#ffffff73}.christianity-hand{display:grid;grid-auto-columns:minmax(6rem,8rem);grid-auto-flow:column;gap:.55rem;overflow-x:auto;padding-bottom:.25rem}.christianity-actions{align-items:flex-start;padding:.75rem;border-radius:.75rem;background:#fff}.christianity-actions div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.christianity-actions button,.christianity-end-turn{min-height:2.4rem;padding:0 .75rem;font-weight:700}.christianity-actions button:not(:disabled),.christianity-end-turn{background:#102a43;color:#fff}.christianity-history{padding:.75rem;border-radius:.75rem;background:#fff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:.1875rem solid rgba(37,99,235,.24);outline-offset:.125rem}@media (max-width: 720px){.christianity-shell{padding:.75rem}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{align-items:stretch;flex-direction:column}.christianity-battle-zone{grid-template-columns:repeat(5,minmax(3.8rem,1fr));overflow-x:auto}}\n"] }]
+  `, styles: [":host{display:block;color:var(--val-text-color, #1f2933)}.christianity-shell{display:grid;gap:.875rem;padding:.75rem .25rem;border:1px solid rgba(36,48,68,.12);border-radius:.75rem;background:#f6f8fb}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.christianity-header h1,.christianity-header p,.christianity-history h2,.christianity-actions p{margin:0}.christianity-header h1{font-size:1.35rem;line-height:1.1}.christianity-header p,.christianity-turn span,.christianity-offerings span,.christianity-hidden-hand span,.christianity-deck span,.christianity-place span,.christianity-pile span,.christianity-leader span{color:#1f2933a3;font-size:.75rem}.christianity-turn,.christianity-leader,.christianity-offerings,.christianity-hidden-hand,.christianity-pile,.christianity-deck,.christianity-place{display:grid;gap:.15rem;min-width:5.25rem;padding:.55rem .65rem;border:1px solid rgba(36,48,68,.12);border-radius:.5rem;background:#fff}.christianity-turn.is-own-turn{border-color:#12806c59;background:#ecfdf5}.christianity-table{display:grid;gap:.75rem;padding:.55rem .35rem;border-radius:.75rem;background:#dceafb}.christianity-player{display:grid;gap:.65rem}.christianity-battle-zone{display:grid;grid-template-columns:repeat(5,minmax(4.2rem,1fr));gap:.5rem;min-height:7rem;padding:.55rem .4rem;border-radius:.75rem;background:#ffffffc2}.christianity-shared-zone{padding:.55rem .4rem;border-radius:.75rem;background:#ffffffe6}.christianity-card,.christianity-end-turn,.christianity-actions button,.christianity-pile,.christianity-leader--target{border:1px solid rgba(36,48,68,.16);border-radius:.5rem;background:#fff;color:inherit;font:inherit}.christianity-card{display:grid;align-content:space-between;min-height:5.8rem;padding:.5rem;text-align:left;box-shadow:0 .5rem 1.25rem #24304414}.christianity-card span{font-weight:700}.christianity-card strong{justify-self:end;padding:.15rem .35rem;border-radius:999px;background:#edf2f7;font-size:.8rem}.christianity-card.is-selected{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb29}.christianity-card.is-disabled,.christianity-card.is-exhausted{opacity:.55}.christianity-card.is-target{border-color:#dc2626}.christianity-offering-cards{display:grid;grid-auto-flow:column;grid-auto-columns:.7rem;gap:.16rem;align-items:end;min-height:1.05rem}.christianity-offering-cards i{display:block;width:.65rem;height:.95rem;border:1px solid rgba(16,42,67,.22);border-radius:.18rem;background:#f8fafc}.christianity-offering-cards i.is-used{background:#cbd5e1;transform:rotate(90deg);transform-origin:center}.christianity-slot{min-height:5.8rem;border:1px dashed rgba(36,48,68,.22);border-radius:.5rem;background:#ffffff73}.christianity-hand{display:grid;grid-auto-columns:minmax(6rem,8rem);grid-auto-flow:column;gap:.55rem;overflow-x:auto;padding-bottom:.25rem}.christianity-actions{align-items:flex-start;padding:.75rem;border-radius:.75rem;background:#fff}.christianity-actions div{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.christianity-actions button,.christianity-end-turn{min-height:2.4rem;padding:0 .75rem;font-weight:700}.christianity-actions button:not(:disabled),.christianity-end-turn{background:#102a43;color:#fff}.christianity-history{padding:.75rem;border-radius:.75rem;background:#fff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible{outline:.1875rem solid rgba(37,99,235,.24);outline-offset:.125rem}@media (max-width: 720px){.christianity-shell{padding:.55rem 0;border-right:0;border-left:0;border-radius:0}.christianity-header,.christianity-player__summary,.christianity-shared-zone,.christianity-actions{align-items:stretch;flex-direction:column}.christianity-battle-zone{grid-template-columns:repeat(5,minmax(3.8rem,1fr));overflow-x:auto}}\n"] }]
         }], ctorParameters: () => [] });
 
 addIcons({ refreshOutline, sparklesOutline, trophyOutline });
@@ -68429,6 +68517,7 @@ class BubbleBlitzGameComponent {
         this.animating = signal(false);
         this.leaderboard = signal(this.readLeaderboard());
         this.confirmAction = signal(undefined);
+        this.confirmedAction = signal(undefined);
         this.config = computed(() => MODE_CONFIG[this.mode()]);
         this.feverReady = computed(() => this.fever() >= this.config().feverTarget);
         this.feverProgress = computed(() => Math.min(100, Math.round((this.fever() / this.config().feverTarget) * 100)));
@@ -68608,13 +68697,12 @@ class BubbleBlitzGameComponent {
     closeConfirmModal() {
         this.confirmAction.set(undefined);
     }
-    confirmPendingAction(token) {
-        if (token !== 'confirm') {
-            this.closeConfirmModal();
-            return;
-        }
-        const action = this.confirmAction();
+    handleConfirmModalDismissed() {
         this.confirmAction.set(undefined);
+        const action = this.confirmedAction();
+        this.confirmedAction.set(undefined);
+        if (!action)
+            return;
         if (action === 'restart') {
             this.start();
             return;
@@ -68627,6 +68715,15 @@ class BubbleBlitzGameComponent {
             this.resetToGamesMenu();
         }
     }
+    confirmPendingAction(token) {
+        if (token !== 'confirm') {
+            this.closeConfirmModal();
+            return;
+        }
+        const action = this.confirmAction();
+        this.confirmedAction.set(action);
+        this.confirmAction.set(undefined);
+    }
     startTimer() {
         this.stopTimer();
         this.timer = window.setInterval(() => {
@@ -68930,7 +69027,7 @@ class BubbleBlitzGameComponent {
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -69080,7 +69177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -69144,6 +69241,7 @@ class MemoryGameComponent {
         this.lockBoard = signal(false);
         this.leaderboard = signal(this.readLeaderboard());
         this.confirmAction = signal(undefined);
+        this.confirmedAction = signal(undefined);
         this.profileConfig = computed(() => PROFILE_CONFIG[this.profile()]);
         this.pairCount = computed(() => this.profileConfig().pairs);
         this.boardClass = computed(() => `memory-board ${this.profileConfig().boardClass}`);
@@ -69281,13 +69379,12 @@ class MemoryGameComponent {
     closeConfirmModal() {
         this.confirmAction.set(undefined);
     }
-    confirmPendingAction(token) {
-        if (token !== 'confirm') {
-            this.closeConfirmModal();
-            return;
-        }
-        const action = this.confirmAction();
+    handleConfirmModalDismissed() {
         this.confirmAction.set(undefined);
+        const action = this.confirmedAction();
+        this.confirmedAction.set(undefined);
+        if (!action)
+            return;
         if (action === 'restart') {
             this.start();
             return;
@@ -69300,6 +69397,15 @@ class MemoryGameComponent {
             this.resetToGamesMenu();
         }
     }
+    confirmPendingAction(token) {
+        if (token !== 'confirm') {
+            this.closeConfirmModal();
+            return;
+        }
+        const action = this.confirmAction();
+        this.confirmedAction.set(action);
+        this.confirmAction.set(undefined);
+    }
     flip(card) {
         if (this.lockBoard() || card.flipped || card.matched || this.won() || this.failed())
             return;
@@ -69614,7 +69720,7 @@ class MemoryGameComponent {
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -69772,7 +69878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -70118,6 +70224,7 @@ class SimonGameComponent {
         this.activePad = signal(undefined);
         this.leaderboard = signal(this.readLeaderboard());
         this.confirmAction = signal(undefined);
+        this.confirmedAction = signal(undefined);
         this.modeConfig = computed(() => SIMON_MODES[this.mode()]);
         this.bestRound = computed(() => this.modeLeaderboard()[0]?.round ?? 0);
         this.modeLeaderboard = computed(() => this.leaderboard()
@@ -70217,13 +70324,12 @@ class SimonGameComponent {
     closeConfirmModal() {
         this.confirmAction.set(undefined);
     }
-    confirmPendingAction(token) {
-        if (token !== 'confirm') {
-            this.closeConfirmModal();
-            return;
-        }
-        const action = this.confirmAction();
+    handleConfirmModalDismissed() {
         this.confirmAction.set(undefined);
+        const action = this.confirmedAction();
+        this.confirmedAction.set(undefined);
+        if (!action)
+            return;
         if (action === 'restart') {
             this.start();
             return;
@@ -70236,6 +70342,15 @@ class SimonGameComponent {
             this.resetToGamesMenu();
         }
     }
+    confirmPendingAction(token) {
+        if (token !== 'confirm') {
+            this.closeConfirmModal();
+            return;
+        }
+        const action = this.confirmAction();
+        this.confirmedAction.set(action);
+        this.confirmAction.set(undefined);
+    }
     tap(pad) {
         if (this.phase() !== 'waiting' || !this.acceptingInput)
             return;
@@ -70479,7 +70594,7 @@ class SimonGameComponent {
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout
@@ -70609,7 +70724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     <ion-modal
       [isOpen]="!!confirmAction()"
       cssClass="val-modal-adaptive"
-      (didDismiss)="closeConfirmModal()"
+      (didDismiss)="handleConfirmModalDismissed()"
     >
       <ng-template>
         <val-modal-layout