valtech-components 2.0.977 → 2.0.979

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<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "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/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;
@@ -89,12 +89,9 @@ export declare class ArticleComponent implements OnInit {
         contentFallback?: string;
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
-        shape?: "round"; /**
-         * Configuración del artículo
-         * @type {ArticleMetadata}
-         */
+        shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "solid" | "outline" | "clear" | "default";
+        fill?: "default" | "clear" | "outline" | "solid";
         type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;

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/components/types.d.ts

@@ -190,8 +190,11 @@ export type FormMetadata = {
     name: string;
     /** Form sections */
     sections: FormSection[];
-    /** Action buttons configuration */
-    actions: ButtonMetadata;
+    /**
+     * Configuración del botón de submit. Opcional: en modo `controlled` el form
+     * no renderiza submit propio (lo maneja el host) y `actions` se ignora.
+     */
+    actions?: ButtonMetadata;
     /** Global form state */
     state: ComponentState;
     /**

package/lib/config/company-footer.config.d.ts

@@ -8,6 +8,8 @@
  *
  * When links or social profiles change, update here and publish a new version.
  */
+import type { CompanyFooterMetadata } from '../components/organisms/company-footer/types';
+import type { LegalLinkService } from '../services/legal-link/legal-link.service';
 /**
  * Social media links for Valtech
  */
@@ -120,3 +122,43 @@ export declare function buildFooterLinks(links: CompanyLink[], t: (key: string)
     hoverable: boolean;
     target?: string;
 }>;
+/**
+ * Translation helper for the `Layout` namespace — `(key) => translatedString`.
+ * Typically `i18n.t.bind(i18n)` scoped to the footer namespace.
+ */
+export type LayoutTranslator = (key: string) => string;
+/**
+ * Builds a `CompanyLinkResolver` that rewrites cross-app `legal`/`site` links to
+ * the main brand site via `LegalLinkService`, leaving `support` (and any other)
+ * links untouched.
+ *
+ * Satellite apps (showcase, sigify, …) wire `provideValtechSite(env)` so that
+ * `legal`/`site` links resolve to the canonical main-site URLs; `support` links
+ * stay per-app. This is the generic half of an app's footer resolver — apps that
+ * need extra per-link overrides (e.g. redirecting `/feedback` to an authed route)
+ * compose this with their own logic.
+ *
+ * @param legal Injected `LegalLinkService` (no-op when running as the main site).
+ * @param locale Getter for the active locale (e.g. `() => i18n.lang()`) — appended
+ *   as `?lang=` when the resolved URL is cross-origin.
+ *
+ * @example
+ * const base = buildLegalLinkResolver(legal, () => i18n.lang());
+ * const resolver: CompanyLinkResolver = (link) =>
+ *   link.url === '/feedback' ? { url: '/app/feedback', external: false } : base(link);
+ */
+export declare function buildLegalLinkResolver(legal: LegalLinkService, locale: () => string): CompanyLinkResolver;
+/**
+ * Builds the shared `CompanyFooterMetadata` used across Valtech apps (login,
+ * legal, public landing, …) so the footer stays consistent. Assembles the
+ * standard left/right link sections, logo, social links and language selector
+ * from the shared config.
+ *
+ * Call from a `computed()` that reads the active language for reactivity.
+ *
+ * @param t Translation helper for the `Layout` namespace.
+ * @param linkResolver Optional resolver applied to every footer link — typically
+ *   `buildLegalLinkResolver(...)` (or an app wrapper) to point `legal`/`site`
+ *   links at the main site when running as a satellite app.
+ */
+export declare function buildCompanyFooterProps(t: LayoutTranslator, linkResolver?: CompanyLinkResolver): CompanyFooterMetadata;

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/services/requests/types.d.ts

@@ -106,7 +106,7 @@ export interface ListRequestTypesResponse {
     types: RequestTypeConfig[];
 }
 export interface CreateRequestTypePayload {
-    typeId: string;
+    typeId?: string;
     labelEs: string;
     labelEn: string;
     fieldSchema: FieldSchemaDef[];

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.977",
+  "version": "2.0.979",
   "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';