valtech-components 4.0.555 → 4.0.557

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<"center" | "left" | "right">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "warning" | "medium" | "primary" | "secondary" | "tertiary" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

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" | "xsmall" | "medium" | "large" | "xlarge">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     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

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

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<"start" | "end" | "center">;
+    protected align: import("@angular/core").Signal<"center" | "start" | "end">;
     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<"button" | "link" | "text">;
+    protected mode: import("@angular/core").Signal<"link" | "text" | "button">;
     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

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "center" | "left" | "right";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -95,8 +95,8 @@ export declare class ArticleComponent implements OnInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "default" | "outline" | "clear" | "solid";
-        type: "button" | "submit" | "reset";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

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

@@ -3,6 +3,7 @@ import { FormControl } from '@angular/forms';
 import { MiniGameCalloutMetadata } from './mini-game-callout.component';
 import { MiniGameScorePopMetadata } from './mini-game-score-pop.component';
 import { ChessimalsAnimalType, ChessimalsBotDifficulty, ChessimalsBotProfile, ChessimalsBotProfileId, ChessimalsBoardSize, ChessimalsChallengeBot, ChessimalsChallengeRoundStats, ChessimalsChallengeRun, ChessimalsChallengeStats, ChessimalsGameState, ChessimalsHistoryEntry, ChessimalsLocalMode, ChessimalsMove, ChessimalsPiece, ChessimalsPlayerColor, ChessimalsPosition, ChessimalsStatsMode } from './types';
+import { ModalLayoutActionEvent } from '../../molecules/modal-layout/types';
 import { RangeInputMetadata, RangeValue } from '../../molecules/range-input/types';
 import { ToggleInputMetadata } from '../../molecules/toggle-input/types';
 import { UserAvatarMetadata } from '../../atoms/user-avatar/types';
@@ -114,8 +115,8 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     readonly botProfiles: ChessimalsBotProfile[];
     readonly challengeLadder: ChessimalsChallengeBot[];
     readonly animals: ChessimalsAnimalView[];
-    readonly valtechComponentsVersion = "4.0.555";
-    readonly screen: import("@angular/core").WritableSignal<"home" | "challenge" | "path" | "game">;
+    readonly valtechComponentsVersion = "4.0.557";
+    readonly screen: import("@angular/core").WritableSignal<"home" | "path" | "challenge" | "game">;
     readonly selectedBoardSize: import("@angular/core").WritableSignal<ChessimalsBoardSize>;
     readonly selectedLocalMode: import("@angular/core").WritableSignal<ChessimalsLocalMode>;
     readonly selectedBotDifficulty: import("@angular/core").WritableSignal<ChessimalsBotDifficulty>;
@@ -154,14 +155,14 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private readonly confirmedAction;
     readonly onlineJoinCode: import("@angular/core").WritableSignal<string>;
     readonly onlineLoading: import("@angular/core").WritableSignal<boolean>;
-    readonly onlineAction: import("@angular/core").WritableSignal<"create" | "join" | "accept" | "reject">;
+    readonly onlineAction: import("@angular/core").WritableSignal<"join" | "create" | "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 onlineConnectionState: import("@angular/core").WritableSignal<"error" | "connecting" | "idle" | "live">;
     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>;
@@ -206,7 +207,7 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     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<ChessimalsPlayerColor | "waiting" | "pending" | "spectator">;
+    readonly onlineRole: import("@angular/core").Signal<"waiting" | "pending" | ChessimalsPlayerColor | "spectator">;
     readonly canPlayCurrentTurn: import("@angular/core").Signal<boolean>;
     readonly canControlCurrentGame: import("@angular/core").Signal<boolean>;
     readonly rematchState: import("@angular/core").Signal<ChessimalsRematchState>;
@@ -275,6 +276,8 @@ export declare class ChessimalsGameComponent implements OnInit, OnDestroy {
     private abandonChallengeIfNeeded;
     private abandonChallengeRun;
     startTutorial(): void;
+    startTutorialFromRules(): void;
+    handleRulesAction(event: ModalLayoutActionEvent): void;
     createOnlineGame(): Promise<void>;
     joinOnlineGameByCode(): Promise<void>;
     openOnlineGame(gameId: string): Promise<void>;

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

package/package.json

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