valtech-components 4.0.29 → 4.0.31

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<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
     /**
      * 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" | "small" | "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/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

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: "small" | "medium" | "large";
+        gap: "medium" | "small" | "large";
         alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

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;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         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[];
@@ -92,8 +92,8 @@ export declare class ArticleComponent implements OnInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "default" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        fill?: "solid" | "default" | "clear" | "outline";
+        type: "submit" | "button" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     resolvedBg: import("@angular/core").Signal<string>;

package/lib/components/organisms/avatar-upload/avatar-upload.component.d.ts

@@ -32,6 +32,15 @@ export declare class AvatarUploadComponent {
     fileInput: ElementRef<HTMLInputElement>;
     /** Component configuration */
     readonly props: import("@angular/core").InputSignal<AvatarUploadMetadata>;
+    /** Custom storage path for the full-size image (e.g. 'orgs/{orgId}/logo.jpg').
+     *  When provided, overrides the default 'users/{userId}/avatar.jpg' path. */
+    readonly customPath: import("@angular/core").InputSignal<string>;
+    /** Custom storage path for the thumbnail (e.g. 'orgs/{orgId}/thumb.jpg').
+     *  When provided, overrides the default 'users/{userId}/thumb.jpg' path. */
+    readonly customThumbPath: import("@angular/core").InputSignal<string>;
+    /** When true, skips the AuthService.updateAvatar() backend sync call after upload.
+     *  Use this when the caller will handle the backend update (e.g. via OrgService). */
+    readonly skipBackendSync: import("@angular/core").InputSignal<boolean>;
     /** Emitted after successful upload and backend sync */
     uploaded: EventEmitter<AvatarUploadResult>;
     /** Emitted on any error during the process */
@@ -86,5 +95,5 @@ export declare class AvatarUploadComponent {
     /** Emit error event */
     private emitError;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarUploadComponent, "val-avatar-upload", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "uploaded": "uploaded"; "error": "error"; "uploadStart": "uploadStart"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarUploadComponent, "val-avatar-upload", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "customPath": { "alias": "customPath"; "required": false; "isSignal": true; }; "customThumbPath": { "alias": "customThumbPath"; "required": false; "isSignal": true; }; "skipBackendSync": { "alias": "skipBackendSync"; "required": false; "isSignal": true; }; }, { "uploaded": "uploaded"; "error": "error"; "uploadStart": "uploadStart"; }, never, never, true, never>;
 }

package/lib/components/organisms/edit-org-modal/edit-org-modal.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit, WritableSignal } from '@angular/core';
+import { AvatarUploadResult } from '../avatar-upload/types';
 import { FormMetadata, FormSubmit } from '../../types';
 import { Organization } from '../../../services/org/types';
 import * as i0 from "@angular/core";
@@ -35,13 +36,16 @@ export declare class EditOrgModalComponent implements OnInit {
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
     private readonly saving;
+    protected readonly logoUrl: WritableSignal<string>;
     readonly formMeta: WritableSignal<FormMetadata>;
+    protected readonly orgInitials: import("@angular/core").Signal<string>;
     constructor();
     ngOnInit(): void;
-    private get activeOrgId();
+    protected get activeOrgId(): string;
     private buildFormMeta;
     onFormSubmit(event: FormSubmit): void;
     private save;
+    onLogoUploaded(result: AvatarUploadResult): Promise<void>;
     dismiss(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditOrgModalComponent, never>;

package/lib/components/organisms/login/types.d.ts

@@ -71,10 +71,12 @@ export declare const LOGIN_DEFAULTS: Required<Omit<LoginMetadata, 'logo' | 'lega
 /**
  * Logo por defecto de la card de login cuando el consumer no pasa `logo`.
  *
- * Usa el token CSS `--main-logo` (resuelto por `val-image` vía `var(--main-logo)`),
- * que cada app del factory define en su `theme/variables.scss` con su logo de
- * marca (incluye variante dark). Así el login muestra SIEMPRE el logo de la app
- * sin acoplar la lib a una marca concreta — es el estándar del factory.
+ * Usa el token CSS `--main-logo-mini` (el logo MINI/icono, el mismo que el
+ * side menu `val-menu`), resuelto por `val-image` vía `var(--main-logo-mini)`.
+ * Cada app del factory lo define en su `theme/variables.scss` (showcase →
+ * `main-icon.png`, bingo → `favicon-balls.svg`). NO es el lockup grande
+ * `--main-logo` del header. Así el login muestra SIEMPRE el icono de marca de
+ * la app sin acoplar la lib a una marca concreta — es el estándar del factory.
  *
  * Una app puede override pasando su propio `logo` en `LoginMetadata` (ej.
  * showcase usa un mark propio `terminal.svg`).

package/lib/components/organisms/member-import-modal/member-import-modal.component.d.ts

@@ -28,7 +28,7 @@ export declare class MemberImportModalComponent implements OnInit {
     /** Namespace i18n. */
     i18nNamespace: string;
     csv: string;
-    readonly importMode: import("@angular/core").WritableSignal<"paste" | "file">;
+    readonly importMode: import("@angular/core").WritableSignal<"file" | "paste">;
     readonly onConflictControl: FormControl<string>;
     readonly sendActivationControl: FormControl<boolean>;
     readonly conflictSelectProps: import("@angular/core").Signal<Partial<InputMetadata>>;

package/lib/components/organisms/switch-org-modal/switch-org-modal.component.d.ts

@@ -28,20 +28,25 @@ export declare class SwitchOrgModalComponent {
     };
     /** Callback tras un switch exitoso (pasado por `componentProps`). */
     onSuccess?: () => void;
+    /** Callback al hacer clic en "Mi perfil" (pasado por `componentProps`). */
+    onProfileClick?: () => void;
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;
     readonly loading: import("@angular/core").WritableSignal<boolean>;
     readonly query: import("@angular/core").WritableSignal<string>;
     readonly switchingId: import("@angular/core").WritableSignal<string>;
+    protected readonly user: import("@angular/core").Signal<import("valtech-components").AuthUser>;
+    protected readonly userInitials: import("@angular/core").Signal<string>;
     readonly activeOrgId: import("@angular/core").Signal<string>;
     readonly filteredOrgs: import("@angular/core").Signal<Organization[]>;
     constructor();
     onQueryChange(value: string): void;
     onSelect(org: Organization): Promise<void>;
     private loadOrgs;
+    onProfile(): void;
     dismiss(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchOrgModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "onProfileClick": { "alias": "onProfileClick"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -10,6 +10,7 @@ export interface Organization {
     isActive: boolean;
     createdAt: string;
     updatedAt?: string;
+    logoUrl?: string;
 }
 export interface ListMyOrgsResponse {
     operationId: string;
@@ -29,6 +30,7 @@ export interface CreateOrgRequest {
 export interface UpdateOrgRequest {
     name?: string;
     description?: string;
+    logoUrl?: string;
 }
 export interface InviteUserRequest {
     email?: string;

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

package/package.json

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