valtech-components 4.0.565 → 4.0.567

package/lib/components/organisms/mini-games/chessimals-game.component.d.ts

@@ -16,6 +16,7 @@ interface ChessimalsAnimalView {
 type ChessimalsConfirmAction = 'restart' | 'mode' | 'games' | 'resign' | 'challenge-new';
 type ChessimalsRematchState = 'none' | 'requested' | 'incoming';
 type ChessimalsChallengePhase = 'idle' | 'playing' | 'between' | 'completed' | 'failed';
+type ChessimalsBotDifficultyChoice = ChessimalsBotDifficulty | 'nightmare';
 interface ChessimalsMovingPieceView {
     color: ChessimalsPlayerColor;
     fromRow: number;
@@ -116,16 +117,16 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private boardAnchor?;
     readonly boardSizes: ChessimalsBoardSize[];
     readonly localModes: ChessimalsLocalMode[];
-    readonly botDifficulties: ChessimalsBotDifficulty[];
-    readonly nightmareModes: ChessimalsNightmareMode[];
+    readonly botDifficulties: ChessimalsBotDifficultyChoice[];
+    readonly nightmareRivals: Exclude<ChessimalsNightmareMode, 'none'>[];
     readonly botProfiles: ChessimalsBotProfile[];
     readonly challengeLadder: ChessimalsChallengeBot[];
     readonly animals: ChessimalsAnimalView[];
-    readonly valtechComponentsVersion = "4.0.565";
+    readonly valtechComponentsVersion = "4.0.567";
     readonly screen: import("@angular/core").WritableSignal<"home" | "challenge" | "path" | "game">;
     readonly selectedBoardSize: import("@angular/core").WritableSignal<ChessimalsBoardSize>;
     readonly selectedLocalMode: import("@angular/core").WritableSignal<ChessimalsLocalMode>;
-    readonly selectedBotDifficulty: import("@angular/core").WritableSignal<ChessimalsBotDifficulty>;
+    readonly selectedBotDifficulty: import("@angular/core").WritableSignal<ChessimalsBotDifficultyChoice>;
     readonly selectedNightmareMode: import("@angular/core").WritableSignal<ChessimalsNightmareMode>;
     readonly selectedBotProfileId: import("@angular/core").WritableSignal<ChessimalsBotProfileId>;
     readonly gameBotProfileId: import("@angular/core").WritableSignal<ChessimalsBotProfileId>;
@@ -431,13 +432,16 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     unlockedLabel(color: ChessimalsPlayerColor): string;
     localModeLabel(mode: ChessimalsLocalMode): string;
     localModeDescription(mode: ChessimalsLocalMode): string;
-    selectBotDifficulty(difficulty: ChessimalsBotDifficulty): void;
+    selectBotDifficulty(difficulty: ChessimalsBotDifficultyChoice): void;
+    selectNightmareRival(mode: Exclude<ChessimalsNightmareMode, 'none'>): void;
+    private activeNightmareMode;
+    private engineBotDifficulty;
     nightmareModeLabel(mode: ChessimalsNightmareMode): string;
     nightmareModeDescription(mode: ChessimalsNightmareMode): string;
     nightmareModeAssetSrc(mode: ChessimalsNightmareMode): string;
     nightmareModeGlyph(mode: ChessimalsNightmareMode): string;
     powerUsesLabel(animal: ChessimalsAnimalType): string;
-    botDifficultyLabel(difficulty: ChessimalsBotDifficulty): string;
+    botDifficultyLabel(difficulty: ChessimalsBotDifficultyChoice): string;
     botProfileLabel(profile: ChessimalsBotProfile): string;
     botProfileDescription(profile: ChessimalsBotProfile): string;
     botProfileTendency(profile: ChessimalsBotProfile): string;

package/lib/components/organisms/mini-games/christianity-card.component.d.ts

@@ -41,6 +41,8 @@ export declare class ChristianityCardComponent {
     }>;
     protected readonly cardStatsText: import("@angular/core").Signal<string>;
     protected readonly leaderLifeText: import("@angular/core").Signal<string>;
+    protected readonly leaderLifeValue: import("@angular/core").Signal<number>;
+    protected readonly isRulesOnlyCard: import("@angular/core").Signal<boolean>;
     protected offeringPips(value: number | undefined): unknown[];
     protected isLongText(text: string | undefined, threshold: number): boolean;
     private iconName;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.565";
+export declare const VERSION = "4.0.567";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.565",
+  "version": "4.0.567",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/src/lib/components/styles/overrides.scss

@@ -209,6 +209,120 @@ ion-back-button {
   font-family: var(--ion-default-font), Arial, sans-serif;
 }
 
+ion-modal.chessimals-themed-modal {
+  --chessimals-primary: #2e6f3e;
+  --chessimals-primary-rgb: 46, 111, 62;
+  --chessimals-primary-contrast: #fffaf0;
+  --chessimals-modal-surface: #ffffff;
+  --chessimals-modal-card: #ffffff;
+  --chessimals-modal-card-strong: #f8fbf5;
+  --chessimals-modal-text: #2e3a2c;
+  --chessimals-modal-muted: #5f6f50;
+  --chessimals-modal-border: rgba(46, 58, 44, 0.18);
+  --ion-background-color: var(--chessimals-modal-surface);
+  --ion-card-background: var(--chessimals-modal-card);
+  --ion-text-color: var(--chessimals-modal-text);
+  --ion-color-dark: var(--chessimals-modal-text);
+  --ion-color-dark-rgb: 46, 58, 44;
+  --ion-color-medium: var(--chessimals-modal-muted);
+  --ion-color-medium-rgb: 95, 111, 80;
+  --ion-border-color: var(--chessimals-modal-border);
+  --ion-color-primary: var(--chessimals-primary);
+  --ion-color-primary-rgb: var(--chessimals-primary-rgb);
+  --ion-color-primary-contrast: var(--chessimals-primary-contrast);
+  --ion-color-primary-shade: #285f36;
+  --ion-color-primary-tint: #43804f;
+}
+
+@media (prefers-color-scheme: dark) {
+  ion-modal.chessimals-themed-modal {
+    --chessimals-modal-surface: #121811;
+    --chessimals-modal-card: #182217;
+    --chessimals-modal-card-strong: #1d2a1c;
+    --chessimals-modal-text: #f6f3e9;
+    --chessimals-modal-muted: #c8cfb1;
+    --chessimals-modal-border: rgba(246, 227, 213, 0.2);
+    --ion-color-dark-rgb: 246, 243, 233;
+    --ion-color-medium-rgb: 200, 207, 177;
+  }
+}
+
+html.ion-palette-dark ion-modal.chessimals-themed-modal,
+body.dark ion-modal.chessimals-themed-modal,
+body[data-theme='dark'] ion-modal.chessimals-themed-modal {
+  --chessimals-modal-surface: #121811;
+  --chessimals-modal-card: #182217;
+  --chessimals-modal-card-strong: #1d2a1c;
+  --chessimals-modal-text: #f6f3e9;
+  --chessimals-modal-muted: #c8cfb1;
+  --chessimals-modal-border: rgba(246, 227, 213, 0.2);
+  --ion-color-dark-rgb: 246, 243, 233;
+  --ion-color-medium-rgb: 200, 207, 177;
+}
+
+ion-modal.chessimals-themed-modal val-modal-shell ion-header,
+ion-modal.chessimals-themed-modal val-modal-shell ion-toolbar,
+ion-modal.chessimals-themed-modal .val-modal-layout__footer {
+  --background: var(--chessimals-modal-surface) !important;
+  --color: var(--chessimals-modal-text) !important;
+  background: var(--chessimals-modal-surface) !important;
+  color: var(--chessimals-modal-text) !important;
+  border-color: var(--chessimals-modal-border) !important;
+}
+
+ion-modal.chessimals-themed-modal val-modal-shell ion-content {
+  --background: var(--chessimals-modal-surface) !important;
+  color: var(--chessimals-modal-text) !important;
+}
+
+ion-modal.chessimals-themed-modal val-modal-shell ion-button {
+  --color: var(--chessimals-modal-text) !important;
+  --color-hover: var(--chessimals-modal-text) !important;
+  --color-activated: var(--chessimals-modal-text) !important;
+}
+
+ion-modal.chessimals-themed-modal val-display ion-text,
+ion-modal.chessimals-themed-modal val-title ion-text,
+ion-modal.chessimals-themed-modal val-display p {
+  color: var(--chessimals-modal-text) !important;
+}
+
+ion-modal.chessimals-themed-modal val-title p {
+  color: var(--chessimals-modal-muted) !important;
+}
+
+ion-modal.chessimals-themed-modal val-button.val-modal-layout__button ion-button,
+ion-modal.chessimals-themed-modal val-button.chessimals-rules__action ion-button {
+  min-height: 3.45rem;
+  font-weight: 950;
+  --border-radius: 999px;
+  --padding-bottom: 0.85rem;
+  --padding-end: 1.35rem;
+  --padding-start: 1.35rem;
+  --padding-top: 0.85rem;
+}
+
+ion-modal.chessimals-themed-modal val-button.val-modal-layout__button ion-button.button-solid,
+ion-modal.chessimals-themed-modal val-button.chessimals-rules__action--primary ion-button {
+  --background: var(--chessimals-primary) !important;
+  --background-hover: color-mix(in srgb, var(--chessimals-primary) 92%, #fff) !important;
+  --background-activated: color-mix(in srgb, var(--chessimals-primary) 88%, #000) !important;
+  --box-shadow: 0 1rem 2rem rgba(var(--chessimals-primary-rgb), 0.22) !important;
+  --color: var(--chessimals-primary-contrast) !important;
+  --color-activated: var(--chessimals-primary-contrast) !important;
+  --color-hover: var(--chessimals-primary-contrast) !important;
+}
+
+ion-modal.chessimals-themed-modal val-button.val-modal-layout__button ion-button.button-outline,
+ion-modal.chessimals-themed-modal val-button.chessimals-rules__action--secondary ion-button {
+  --background: transparent !important;
+  --border-color: var(--chessimals-modal-border) !important;
+  --border-width: 1px !important;
+  --color: var(--chessimals-modal-text) !important;
+  --color-activated: var(--chessimals-modal-text) !important;
+  --color-hover: var(--chessimals-modal-text) !important;
+}
+
 // ion-modal .date-picker-custom {
 //   max-width: 340px;
 //   max-height: 390px;
@@ -281,11 +395,7 @@ ion-modal ion-content {
  * Variante .val-modal-adaptive--wide disponible para contenido más ancho.
  * ─────────────────────────────────────────────────────────────────────────── */
 ion-modal.val-modal-adaptive {
-  --background: #ffffff;
-  --ion-background-color: #ffffff;
-  --ion-card-background: #ffffff;
-  --ion-item-background: #ffffff;
-  --ion-toolbar-background: #ffffff;
+  --background: var(--ion-background-color, #ffffff);
   --border-radius: 0;
   --width: 100%;
   --height: 100%;