valtech-components 2.0.976 → 2.0.978

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

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
+    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/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<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "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<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    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

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

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: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "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?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         target?: "_blank" | "_self" | "_parent" | "_top";
@@ -94,8 +94,8 @@ export declare class ArticleComponent implements OnInit {
          * @type {ArticleMetadata}
          */
         size?: "default" | "small" | "large";
-        fill?: "default" | "solid" | "clear" | "outline";
-        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/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<3 | 2 | 4>;
+    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/organisms/preferences-view/preferences-view.component.d.ts

@@ -30,7 +30,7 @@ export declare class PreferencesViewComponent {
      */
     config?: PreferencesViewConfig;
     /** Config mergeada con defaults. @Input gana sobre route data. */
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<PreferencesViewConfig, "onThemeChanged" | "onLanguageChanged">> & Pick<PreferencesViewConfig, "onThemeChanged" | "onLanguageChanged">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<PreferencesViewConfig, "onThemeChanged" | "onLanguageChanged" | "onFontSizeChanged">> & Pick<PreferencesViewConfig, "onThemeChanged" | "onLanguageChanged" | "onFontSizeChanged">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly saving: import("@angular/core").WritableSignal<boolean>;
@@ -40,10 +40,14 @@ export declare class PreferencesViewComponent {
     readonly themeHint: import("@angular/core").Signal<string>;
     readonly langTitle: import("@angular/core").Signal<string>;
     readonly langHint: import("@angular/core").Signal<string>;
+    readonly fontSizeTitle: import("@angular/core").Signal<string>;
+    readonly fontSizeHint: import("@angular/core").Signal<string>;
     readonly themeProps: import("@angular/core").Signal<Partial<SegmentControlMetadata>>;
     readonly langProps: import("@angular/core").Signal<Partial<LanguageSelectorMetadata>>;
+    readonly fontSizeProps: import("@angular/core").Signal<Partial<SegmentControlMetadata>>;
     constructor();
     onThemeChange(value: string): Promise<void>;
+    onFontSizeChange(value: string): Promise<void>;
     onLanguageChange(value: string): Promise<void>;
     private dispatch;
     /** Lee del namespace configurado. */

package/lib/components/organisms/preferences-view/types.d.ts

@@ -1,4 +1,4 @@
-import { PreferencesLanguage, PreferencesTheme } from '../../../services/preferences/preferences.types';
+import { PreferencesFontSize, PreferencesLanguage, PreferencesTheme } from '../../../services/preferences/preferences.types';
 /**
  * Configuración acotada de `val-preferences-view` (object-first). Ejes
  * permitidos:
@@ -19,6 +19,8 @@ export interface PreferencesViewConfig {
     showTheme?: boolean;
     /** Muestra la sección de idioma (language selector). Default `true`. */
     showLanguage?: boolean;
+    /** Muestra la sección de tamaño de fuente (segment pequeño/mediano/grande). Default `true`. */
+    showFontSize?: boolean;
     /**
      * Idiomas ofrecidos en el selector. Default `['es', 'en']`.
      */
@@ -32,4 +34,6 @@ export interface PreferencesViewConfig {
     onThemeChanged?: (theme: PreferencesTheme) => void;
     /** Callback tras un cambio de idioma exitoso. */
     onLanguageChanged?: (lang: PreferencesLanguage) => void;
+    /** Callback tras un cambio de tamaño de fuente exitoso. */
+    onFontSizeChanged?: (fontSize: PreferencesFontSize) => void;
 }

package/lib/services/font-size/font-size.service.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare enum FontSizeOption {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare class FontSizeService {
+    private readonly _size;
+    readonly size: import("@angular/core").Signal<FontSizeOption>;
+    private readonly isBrowser;
+    constructor(platformId: object);
+    setSize(size: FontSizeOption): void;
+    private applySize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FontSizeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FontSizeService>;
+}

package/lib/services/preferences/preferences.service.d.ts

@@ -4,7 +4,8 @@ import { ValtechAuthConfig } from '../auth/types';
 import { FirestoreService } from '../firebase/firestore.service';
 import { I18nService } from '../i18n/i18n.service';
 import { ThemeService } from '../theme.service';
-import { PreferencesLanguage, PreferencesTheme, PreferencesUpdate, PreferencesUpdateResponse } from './preferences.types';
+import { FontSizeService } from '../font-size/font-size.service';
+import { PreferencesFontSize, PreferencesLanguage, PreferencesTheme, PreferencesUpdate, PreferencesUpdateResponse } from './preferences.types';
 import * as i0 from "@angular/core";
 /**
  * PreferencesService — preferencias del user en el doc canónico Firestore
@@ -26,14 +27,17 @@ export declare class PreferencesService {
     private auth;
     private http;
     private themeService;
+    private fontSizeService;
     private i18n;
     private readonly _theme;
     private readonly _language;
+    private readonly _fontSize;
     private readonly _notificationsMaster;
     /** `true` después del primer snapshot Firestore. Antes, defaults sin side-effects. */
     private readonly _synced;
     readonly theme: import("@angular/core").Signal<PreferencesTheme>;
     readonly language: import("@angular/core").Signal<PreferencesLanguage>;
+    readonly fontSize: import("@angular/core").Signal<PreferencesFontSize>;
     readonly notificationsMaster: import("@angular/core").Signal<boolean>;
     readonly synced: import("@angular/core").Signal<boolean>;
     private subscription?;
@@ -48,14 +52,15 @@ export declare class PreferencesService {
      * respuesta del backend al terminar.
      */
     private _updateInFlight;
-    constructor(config: ValtechAuthConfig, firestore: FirestoreService, auth: AuthService, http: HttpClient, themeService: ThemeService | null, i18n: I18nService | null);
+    constructor(config: ValtechAuthConfig, firestore: FirestoreService, auth: AuthService, http: HttpClient, themeService: ThemeService | null, fontSizeService: FontSizeService | null, i18n: I18nService | null);
     /** Actualiza preferencias via backend. Optimistic UI: aplica local, revierte si falla. */
     update(partial: PreferencesUpdate): Promise<PreferencesUpdateResponse>;
     setTheme(theme: PreferencesTheme): Promise<PreferencesUpdateResponse>;
     setLanguage(language: PreferencesLanguage): Promise<PreferencesUpdateResponse>;
+    setFontSize(fontSize: PreferencesFontSize): Promise<PreferencesUpdateResponse>;
     setNotificationsMaster(enabled: boolean): Promise<PreferencesUpdateResponse>;
     private bindToUser;
     private unbind;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PreferencesService, [null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreferencesService, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PreferencesService>;
 }

package/lib/services/preferences/preferences.types.d.ts

@@ -5,10 +5,12 @@
  */
 export type PreferencesTheme = 'light' | 'dark' | 'auto';
 export type PreferencesLanguage = 'es' | 'en';
+export type PreferencesFontSize = 'small' | 'medium' | 'large';
 /** Forma del doc tal como lo escribe el backend (Admin SDK). */
 export interface PreferencesDocument {
     theme?: PreferencesTheme;
     language?: PreferencesLanguage;
+    fontSize?: PreferencesFontSize;
     notifications?: {
         master?: boolean;
     };
@@ -19,6 +21,7 @@ export interface PreferencesDocument {
 export interface PreferencesUpdate {
     theme?: PreferencesTheme;
     language?: PreferencesLanguage;
+    fontSize?: PreferencesFontSize;
     notifications?: {
         master?: boolean;
     };
@@ -28,6 +31,7 @@ export interface PreferencesUpdateResponse {
     operationId: string;
     theme: PreferencesTheme | '';
     language: PreferencesLanguage | '';
+    fontSize: PreferencesFontSize | '';
     notifications: {
         master?: boolean;
     };

package/lib/shared/constants/storage.d.ts

@@ -1,2 +1,3 @@
 export declare const LANG = "LANG";
 export declare const THEME = "THEME";
+export declare const FONT_SIZE = "FONT_SIZE";

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 = "2.0.976";
+export declare const VERSION = "2.0.978";

package/package.json

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

package/public-api.d.ts

@@ -296,6 +296,7 @@ export * from './lib/services/local-storage.service';
 export * from './lib/services/locale.service';
 export * from './lib/services/navigation';
 export * from './lib/services/theme.service';
+export * from './lib/services/font-size/font-size.service';
 export * from './lib/services/toast.service';
 export * from './lib/services/types';
 export * from './lib/services/errors';