valtech-components 4.0.1039 → 4.0.1041

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

@@ -57,7 +57,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<"medium" | "danger" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

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: "center" | "start";
+        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<"small" | "default" | "large">;
+    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
     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<"text" | "link" | "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/molecules/select-input/select-input.component.d.ts

@@ -38,6 +38,7 @@ export declare class SearchSelectorComponent implements OnInit, OnChanges {
     };
     cancelText: string;
     okText: string;
+    constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**

package/lib/components/molecules/username-input/username-input.component.d.ts

@@ -35,7 +35,7 @@ export declare class UsernameInputComponent implements OnInit, OnDestroy {
     availabilityStatus: import("@angular/core").WritableSignal<UsernameAvailabilityStatus>;
     hasError: import("@angular/core").Signal<boolean>;
     showStatusMessage: import("@angular/core").Signal<boolean>;
-    statusColor: import("@angular/core").Signal<"success" | "danger">;
+    statusColor: import("@angular/core").Signal<"danger" | "success">;
     statusMessage: import("@angular/core").Signal<"" | "Username disponible" | "Username ya está en uso">;
     errorMessage: import("@angular/core").Signal<string>;
     ngOnInit(): void;

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

@@ -88,7 +88,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
     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[];
@@ -103,9 +103,9 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "default" | "large";
-        fill?: "default" | "clear" | "outline" | "solid" | "tint";
-        type: "reset" | "submit" | "button";
+        size?: "default" | "small" | "large";
+        fill?: "default" | "outline" | "solid" | "clear" | "tint";
+        type: "submit" | "button" | "reset";
         token?: string;
         ariaLabel?: string;
         ref?: 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<2 | 3 | 4>;
+    readonly cols: import("@angular/core").Signal<2 | 4 | 3>;
     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/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/notification-preferences-view/notification-preferences-view.component.d.ts

@@ -89,7 +89,7 @@ export declare class NotificationPreferencesViewComponent implements OnInit, OnD
     readonly state: import("@angular/core").Signal<UiState>;
     readonly busyLabel: import("@angular/core").Signal<string>;
     readonly contextMessage: import("@angular/core").Signal<string>;
-    readonly alertVariant: import("@angular/core").Signal<"warning" | "danger" | "info">;
+    readonly alertVariant: import("@angular/core").Signal<"danger" | "warning" | "info">;
     readonly alertIcon: import("@angular/core").Signal<"alert-circle-outline" | "close-circle-outline">;
     readonly toggleProps: import("@angular/core").Signal<ToggleInputMetadata>;
     readonly retryButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;

package/lib/services/firebase/storage.service.d.ts

@@ -1,6 +1,6 @@
 import { Storage } from '@angular/fire/storage';
 import { Observable } from 'rxjs';
-import { StorageListResult, StorageMetadata, UploadProgress, UploadResult } from './types';
+import { ImageUploadOptions, ImageUploadResult, StorageListResult, StorageMetadata, UploadProgress, UploadResult } from './types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para Firebase Storage.
@@ -33,6 +33,7 @@ import * as i0 from "@angular/core";
 export declare class StorageService {
     private storage;
     private config;
+    private imageService;
     constructor(storage: Storage);
     /**
      * Prefija el path de storage con el appId si está configurado.
@@ -115,6 +116,15 @@ export declare class StorageService {
      * ```
      */
     uploadAndGetUrl(path: string, file: File | Blob, metadata?: StorageMetadata): Promise<UploadResult>;
+    /**
+     * Procesa y sube una imagen.
+     *
+     * A diferencia de `uploadAndGetUrl`, este método es específico para imágenes:
+     * comprime por defecto con `ImageService` y puede generar un thumbnail en un
+     * path separado. Para archivos que deben conservarse byte a byte, usar
+     * `uploadAndGetUrl`.
+     */
+    uploadImageAndGetUrl(path: string, file: File | Blob, options?: ImageUploadOptions): Promise<ImageUploadResult>;
     /**
      * Sube un archivo desde una Data URL (base64).
      *

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

@@ -5,6 +5,7 @@
  * Todos los modelos de Firestore deben extender FirestoreDocument.
  */
 import type { AnalyticsConfig } from './analytics-types';
+import type { ImageCompressOptions } from '../image/types';
 /**
  * Configuración de Firebase (valores de firebaseConfig)
  */
@@ -210,6 +211,39 @@ export interface UploadResult {
     /** Metadata personalizada */
     metadata: Record<string, string>;
 }
+/**
+ * Opciones para subir imágenes procesadas antes de guardarlas.
+ */
+export interface ImageUploadOptions extends StorageMetadata {
+    /**
+     * Comprimir la imagen antes de subirla.
+     * @default true
+     */
+    compress?: boolean;
+    /** Opciones de compresión cuando compress es true. */
+    compression?: ImageCompressOptions;
+    /** Path opcional para subir un thumbnail adicional. */
+    thumbnailPath?: string;
+    /** Tamaño del thumbnail cuadrado en px. */
+    thumbnailSize?: number;
+    /** Metadata específica para el thumbnail. */
+    thumbnailMetadata?: StorageMetadata;
+}
+/**
+ * Resultado de una subida de imagen procesada.
+ */
+export interface ImageUploadResult extends UploadResult {
+    /** Resultado del thumbnail, si fue solicitado. */
+    thumbnail?: UploadResult;
+    /** Datos del procesamiento aplicado antes de subir. */
+    processed: {
+        originalSize: number;
+        size: number;
+        width: number;
+        height: number;
+        compressed: boolean;
+    };
+}
 /**
  * Metadata para archivos en Storage
  */

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

package/package.json

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