valtech-components 4.0.414 → 4.0.416

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
+    propsAlign: import("@angular/core").Signal<"center" | "left" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"medium" | "xsmall" | "small" | "large" | "xlarge">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,8 +41,8 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "small" | "medium" | "large";
-        alignment: "center" | "start";
+        gap: "medium" | "small" | "large";
+        alignment: "start" | "center";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
+    readonly size: import("@angular/core").Signal<"small" | "large" | "default">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

package/lib/components/molecules/operation-reference/operation-reference.component.d.ts

@@ -6,7 +6,7 @@ export declare class OperationReferenceComponent {
     protected label: import("@angular/core").Signal<string>;
     protected copiedLabel: import("@angular/core").Signal<string>;
     protected copyAriaLabel: import("@angular/core").Signal<string>;
-    protected align: import("@angular/core").Signal<"center" | "start" | "end">;
+    protected align: import("@angular/core").Signal<"start" | "end" | "center">;
     protected copyValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperationReferenceComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OperationReferenceComponent, "val-operation-reference", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/components/molecules/phone-display/phone-display.component.d.ts

@@ -6,7 +6,7 @@ export declare class PhoneDisplayComponent {
     props: PhoneDisplayMetadata;
     onClick: EventEmitter<string>;
     protected rawPhone: import("@angular/core").Signal<string>;
-    protected mode: import("@angular/core").Signal<"link" | "text" | "button">;
+    protected mode: import("@angular/core").Signal<"button" | "link" | "text">;
     protected formatted: import("@angular/core").Signal<string>;
     protected href: import("@angular/core").Signal<string>;
     protected ariaLabel: import("@angular/core").Signal<string>;

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -57,11 +57,11 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "left" | "center" | "right";
+        alignment?: "center" | "left" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "full" | "block";
+        expand?: "block" | "full";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -94,9 +94,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
-        fill?: "default" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        size?: "small" | "large" | "default";
+        fill?: "outline" | "clear" | "solid" | "default";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

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

@@ -64,16 +64,20 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly botDifficulties: ChessimalsBotDifficulty[];
     readonly botProfiles: ChessimalsBotProfile[];
     readonly animals: ChessimalsAnimalView[];
+    readonly valtechComponentsVersion = "4.0.416";
     readonly screen: import("@angular/core").WritableSignal<"home" | "game">;
     readonly selectedBoardSize: import("@angular/core").WritableSignal<ChessimalsBoardSize>;
     readonly selectedLocalMode: import("@angular/core").WritableSignal<ChessimalsLocalMode>;
     readonly selectedBotDifficulty: import("@angular/core").WritableSignal<ChessimalsBotDifficulty>;
     readonly selectedBotProfileId: import("@angular/core").WritableSignal<ChessimalsBotProfileId>;
+    readonly gameBotProfileId: import("@angular/core").WritableSignal<ChessimalsBotProfileId>;
     readonly game: import("@angular/core").WritableSignal<ChessimalsGameState>;
     readonly selectedPieceId: import("@angular/core").WritableSignal<string>;
     readonly selectedAnimal: import("@angular/core").WritableSignal<ChessimalsAnimalType>;
     readonly isRulesModalOpen: import("@angular/core").WritableSignal<boolean>;
     readonly isSettingsModalOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly isAboutModalOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly tutorialMode: import("@angular/core").WritableSignal<boolean>;
     readonly isBoardOrienting: import("@angular/core").WritableSignal<boolean>;
     readonly movingPiece: import("@angular/core").WritableSignal<ChessimalsMovingPieceView>;
     readonly moveEffect: import("@angular/core").WritableSignal<ChessimalsMoveEffectView>;
@@ -83,13 +87,14 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly confirmAction: import("@angular/core").WritableSignal<ChessimalsConfirmAction>;
     readonly onlineJoinCode: import("@angular/core").WritableSignal<string>;
     readonly onlineLoading: import("@angular/core").WritableSignal<boolean>;
-    readonly onlineAction: import("@angular/core").WritableSignal<"join" | "create" | "accept" | "reject">;
+    readonly onlineAction: import("@angular/core").WritableSignal<"create" | "join" | "accept" | "reject">;
     readonly onlineError: import("@angular/core").WritableSignal<string>;
     readonly onlineUid: import("@angular/core").WritableSignal<string>;
     readonly onlineHistory: import("@angular/core").WritableSignal<ChessimalsHistoryEntry[]>;
     readonly resumeSplashVisible: import("@angular/core").WritableSignal<boolean>;
     readonly rematchLoading: import("@angular/core").WritableSignal<boolean>;
     readonly moveSyncing: import("@angular/core").WritableSignal<boolean>;
+    readonly onlineConnectionState: import("@angular/core").WritableSignal<"idle" | "connecting" | "live" | "error">;
     readonly reviewIndex: import("@angular/core").WritableSignal<number>;
     readonly loggedInUser: import("@angular/core").Signal<import("valtech-components").AuthUser>;
     readonly localPlayerProfile: import("@angular/core").Signal<import("./types").MiniGamePlayerProfile>;
@@ -106,6 +111,8 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly musicVolumeProps: import("@angular/core").Signal<RangeInputMetadata>;
     readonly sfxVolumeProps: import("@angular/core").Signal<RangeInputMetadata>;
     readonly availableBotProfiles: import("@angular/core").Signal<ChessimalsBotProfile[]>;
+    readonly selectedBotProfile: import("@angular/core").Signal<ChessimalsBotProfile>;
+    readonly gameBotProfile: import("@angular/core").Signal<ChessimalsBotProfile>;
     set onlineGameId(value: string | null | undefined);
     miniGamesRoute: string;
     projectionMode: boolean;
@@ -120,25 +127,56 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly legalMoves: import("@angular/core").Signal<ChessimalsMove[]>;
     readonly legalMoveKeys: import("@angular/core").Signal<Set<string>>;
     readonly captureMoveKeys: import("@angular/core").Signal<Set<string>>;
+    readonly winningMoveKeys: import("@angular/core").Signal<Set<string>>;
+    readonly captureReadyPieceIds: import("@angular/core").Signal<Set<string>>;
+    readonly threatenedPieceIds: import("@angular/core").Signal<Set<string>>;
+    readonly isActionableTurn: import("@angular/core").Signal<boolean>;
+    readonly isWaitingForTurn: import("@angular/core").Signal<boolean>;
     readonly boardRows: import("@angular/core").Signal<number[]>;
     readonly boardCols: import("@angular/core").Signal<number[]>;
     readonly displayRows: import("@angular/core").Signal<number[]>;
     readonly displayCols: import("@angular/core").Signal<number[]>;
     readonly boardOrientationColor: import("@angular/core").Signal<ChessimalsPlayerColor>;
-    readonly onlineRole: import("@angular/core").Signal<"waiting" | "pending" | ChessimalsPlayerColor | "spectator">;
+    readonly onlineRole: import("@angular/core").Signal<ChessimalsPlayerColor | "waiting" | "pending" | "spectator">;
     readonly canPlayCurrentTurn: import("@angular/core").Signal<boolean>;
     readonly canControlCurrentGame: import("@angular/core").Signal<boolean>;
     readonly rematchState: import("@angular/core").Signal<ChessimalsRematchState>;
     readonly rematchActionLabel: import("@angular/core").Signal<string>;
+    readonly shouldShowOnlineStatus: import("@angular/core").Signal<boolean>;
+    readonly onlineStatusTitle: import("@angular/core").Signal<string>;
+    readonly onlineStatusBody: import("@angular/core").Signal<string>;
+    readonly tutorialStepIndex: import("@angular/core").Signal<number>;
+    readonly tutorialProgressLabel: import("@angular/core").Signal<string>;
+    readonly tutorialTitle: import("@angular/core").Signal<string>;
+    readonly tutorialBody: import("@angular/core").Signal<string>;
     readonly currentTurnTitle: import("@angular/core").Signal<string>;
     readonly winTitle: import("@angular/core").Signal<string>;
     readonly winBody: import("@angular/core").Signal<string>;
     readonly winReasonLabel: import("@angular/core").Signal<string>;
     readonly movesSummary: import("@angular/core").Signal<string>;
+    readonly resultCaptures: import("@angular/core").Signal<number>;
+    readonly resultPowers: import("@angular/core").Signal<ChessimalsAnimalType[]>;
+    readonly resultStats: import("@angular/core").Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    readonly resultPowersLabel: import("@angular/core").Signal<string>;
+    readonly shouldShowBotReport: import("@angular/core").Signal<boolean>;
+    readonly botReportTitle: import("@angular/core").Signal<string>;
+    readonly botReportBody: import("@angular/core").Signal<string>;
+    readonly seriesGames: import("@angular/core").Signal<ChessimalsHistoryEntry[]>;
+    readonly seriesScore: import("@angular/core").Signal<{
+        mine: number;
+        rival: number;
+        total: number;
+    }>;
+    readonly seriesSummary: import("@angular/core").Signal<string>;
+    readonly lastSeriesWinnerLabel: import("@angular/core").Signal<string>;
     readonly confirmTitle: import("@angular/core").Signal<string>;
     readonly confirmBody: import("@angular/core").Signal<string>;
     readonly confirmActions: import("@angular/core").Signal<ButtonMetadata[]>;
     readonly rulesActions: import("@angular/core").Signal<ButtonMetadata[]>;
+    readonly aboutActions: import("@angular/core").Signal<ButtonMetadata[]>;
     readonly actionHint: import("@angular/core").Signal<string>;
     constructor();
     ngOnDestroy(): void;
@@ -147,10 +185,12 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private shortUserId;
     private rangeValueToNumber;
     startGame(): void;
+    startTutorial(): void;
     createOnlineGame(): Promise<void>;
     joinOnlineGameByCode(): Promise<void>;
     openOnlineGame(gameId: string): Promise<void>;
     restartGame(): void;
+    exitTutorial(): void;
     resetToModeSetup(): void;
     resetToGamesMenu(): void;
     private resetFinishedLocalGameForNextVisit;
@@ -165,8 +205,14 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     closeRulesModal(): void;
     openSettingsModal(): void;
     closeSettingsModal(): void;
+    openAboutModal(): void;
+    closeAboutModal(): void;
     setMusicVolume(value: number | RangeValue): void;
     setSfxVolume(value: number | RangeValue): void;
+    private tutorialExpectedMove;
+    isPowerCardBlockedByTutorial(animal: ChessimalsAnimalType): boolean;
+    private createTutorialGame;
+    private basicMovesForColor;
     selectCell(position: ChessimalsPosition): void;
     private animateMove;
     private applyAnimatedMove;
@@ -194,6 +240,9 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     isSelectedCell(row: number, col: number): boolean;
     isLegalCell(row: number, col: number): boolean;
     isCaptureCell(row: number, col: number): boolean;
+    isThreatenedCell(row: number, col: number): boolean;
+    isCaptureReadyCell(row: number, col: number): boolean;
+    isWinningCell(row: number, col: number): boolean;
     isLastMoveCell(row: number, col: number): boolean;
     isMovingSourceCell(row: number, col: number): boolean;
     isMoveEffectCell(row: number, col: number, animal?: ChessimalsAnimalType): boolean;
@@ -204,6 +253,8 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     showRankLabel(col: number): boolean;
     showFileLabel(row: number): boolean;
     playerLabel(color: ChessimalsPlayerColor): string;
+    turnStateLabel(): string;
+    turnStateBody(): string;
     winnerDisplayName(): string;
     winnerSideLabel(): string;
     winnerInitials(): string;
@@ -212,6 +263,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     isCurrentPlayerDefeat(): boolean;
     private playerDisplayName;
     private rematchOpponent;
+    private currentOpponentUid;
     modeChipLabel(): string;
     turnTitle(): string;
     normalizeGameId(value: string): string;
@@ -245,6 +297,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     botDifficultyLabel(difficulty: ChessimalsBotDifficulty): string;
     botProfileLabel(profile: ChessimalsBotProfile): string;
     botProfileDescription(profile: ChessimalsBotProfile): string;
+    botProfileTendency(profile: ChessimalsBotProfile): string;
     animalLabel(type: ChessimalsAnimalType): string;
     canReviewPrevious(): boolean;
     canReviewNext(): boolean;
@@ -255,6 +308,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private displayRowIndex;
     private displayColIndex;
     private watchOnlineGame;
+    private onlineOpenErrorMessage;
     private applyOnlineGameSnapshot;
     private miniGamesBaseRoute;
     private chessimalsGameRoute;

package/lib/components/organisms/mini-games/retro-audio.service.d.ts

@@ -79,6 +79,8 @@ export declare class RetroAudioService {
     private stopSampleMusic;
     private applySampleMusicVolume;
     private sampleMusicVolume;
+    private sampleVolume;
+    private applyActiveSampleVolumes;
     private connectSampleMusic;
     private disconnectSampleMusicGraph;
     private tone;

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.414";
+export declare const VERSION = "4.0.416";

package/package.json

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