valtech-components 4.0.1029 → 4.0.1031

package/lib/components/atoms/avatar/avatar.component.d.ts

@@ -8,7 +8,7 @@ export declare class AvatarComponent implements OnInit, OnChanges {
      * that can be registered at app level via provideValtechPresets().
      *
      * @example
-     * <val-avatar preset="profile" [props]="{ image: 'url' }"></val-avatar>
+     * <vds-avatar preset="profile" [props]="{ image: 'url' }"></vds-avatar>
      */
     preset?: string;
     /**
@@ -32,5 +32,5 @@ export declare class AvatarComponent implements OnInit, OnChanges {
     private resolveProps;
     onClickHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "val-avatar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "val-avatar, vds-avatar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/components/atoms/progress-bar/progress-bar.component.d.ts

@@ -23,6 +23,7 @@ export declare class ProgressBarComponent implements OnInit, OnChanges {
      * Resolved props after merging preset + explicit props.
      */
     resolvedProps: ProgressBarMetadata;
+    get colorClass(): string;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -31,5 +32,5 @@ export declare class ProgressBarComponent implements OnInit, OnChanges {
      */
     private resolveProps;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "val-progress-bar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "val-progress-bar, vds-progress-bar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,14 +2,14 @@ import { EventEmitter } from '@angular/core';
 import { ActionCardMetadata, ActionCardClickEvent } from './types';
 import * as i0 from "@angular/core";
 /**
- * val-action-card
+ * vds-action-card
  *
  * A clickable card component with icon, title, description, and optional badge.
  * Supports multiple icon formats: Ionicons, SVG paths, and image URLs.
  *
  * @example Basic usage with Ionicon
  * ```html
- * <val-action-card
+ * <vds-action-card
  *   [props]="{
  *     icon: { ionicon: 'settings-outline' },
  *     title: 'Settings',
@@ -21,7 +21,7 @@ import * as i0 from "@angular/core";
  *
  * @example With routerLink navigation
  * ```html
- * <val-action-card
+ * <vds-action-card
  *   [props]="{
  *     icon: { ionicon: 'person-outline', color: 'primary' },
  *     title: 'Profile',
@@ -34,7 +34,7 @@ import * as i0 from "@angular/core";
  *
  * @example With custom SVG icon
  * ```html
- * <val-action-card
+ * <vds-action-card
  *   [props]="{
  *     icon: { svgPath: 'M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' },
  *     title: 'Custom Feature',
@@ -49,6 +49,25 @@ export declare class ActionCardComponent {
     private navigation;
     /** Component configuration */
     readonly props: import("@angular/core").InputSignal<Partial<ActionCardMetadata>>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly titleKey: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly descriptionKey: import("@angular/core").InputSignal<string>;
+    readonly i18nNamespace: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<import("./types").ActionCardIcon>;
+    readonly size: import("@angular/core").InputSignal<import("./types").ActionCardSize>;
+    readonly variant: import("@angular/core").InputSignal<import("./types").ActionCardVariant>;
+    readonly bordered: import("@angular/core").InputSignal<boolean>;
+    readonly borderColor: import("@angular/core").InputSignal<string | (string & Record<never, never>)>;
+    readonly backgroundColor: import("@angular/core").InputSignal<string | (string & Record<never, never>)>;
+    readonly shadowed: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly routerLink: import("@angular/core").InputSignal<string | any[]>;
+    readonly queryParams: import("@angular/core").InputSignal<Record<string, string | number | boolean>>;
+    readonly href: import("@angular/core").InputSignal<string>;
+    readonly badge: import("@angular/core").InputSignal<import("./types").ActionCardBadge>;
+    readonly showChevron: import("@angular/core").InputSignal<boolean>;
+    readonly token: import("@angular/core").InputSignal<string>;
     /** Event emitted when card is clicked */
     onClick: EventEmitter<ActionCardClickEvent>;
     /** Merged configuration with defaults */
@@ -61,6 +80,7 @@ export declare class ActionCardComponent {
         descriptionKey?: string;
         i18nNamespace?: string;
         size: import("./types").ActionCardSize;
+        variant?: import("./types").ActionCardVariant;
         bordered: boolean;
         borderColor?: string | (string & Record<never, never>);
         backgroundColor?: string | (string & Record<never, never>);
@@ -72,12 +92,13 @@ export declare class ActionCardComponent {
         badge?: import("./types").ActionCardBadge;
         showChevron: boolean;
     }>;
+    private assignIfDefined;
     /** Get title with i18n support */
     getTitle(): string;
     /** Get description with i18n support */
     getDescription(): string;
-    /** Resolve color to CSS value (named Ionic token → CSS var, else passthrough) */
-    private resolveColor;
+    /** Resolve a public role to VDS first, then keep Ionic as the compatibility fallback. */
+    private resolveRoleColor;
     getBackgroundColor(): string | null;
     getBorderColor(): string | null;
     getIconColor(): string | null;
@@ -87,5 +108,5 @@ export declare class ActionCardComponent {
     /** Handle card click */
     handleClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionCardComponent, "val-action-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionCardComponent, "val-action-card, vds-action-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "descriptionKey": { "alias": "descriptionKey"; "required": false; "isSignal": true; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "shadowed": { "alias": "shadowed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; "token": { "alias": "token"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/components/molecules/action-card/types.d.ts

@@ -3,6 +3,7 @@ import { Color } from '@ionic/core';
  * Size options for action-card
  */
 export type ActionCardSize = 'small' | 'medium' | 'large';
+export type ActionCardVariant = 'default' | 'marker';
 /**
  * Badge configuration for action-card
  */
@@ -39,7 +40,7 @@ export interface ActionCardClickEvent {
     navigated?: boolean;
 }
 /**
- * Metadata for val-action-card component
+ * Metadata for vds-action-card component
  */
 export interface ActionCardMetadata {
     /** Unique token for identification */
@@ -58,6 +59,8 @@ export interface ActionCardMetadata {
     i18nNamespace?: string;
     /** Card size variant */
     size?: ActionCardSize;
+    /** Visual variant */
+    variant?: ActionCardVariant;
     /** Show border */
     bordered?: boolean;
     /** Border color */

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

@@ -9,7 +9,7 @@ export declare class CardComponent implements OnInit, OnChanges {
      * (type, variant, padding, etc.) that can be registered at app level.
      *
      * @example
-     * <val-card preset="feature" [props]="{ title: 'My Card' }"></val-card>
+     * <vds-card preset="feature" [props]="{ title: 'My Card' }"></vds-card>
      */
     preset?: string;
     /**
@@ -46,5 +46,5 @@ export declare class CardComponent implements OnInit, OnChanges {
     /** Activación por teclado con Space — previene el scroll de la página. */
     onKeyActivate(event: Event, section: CardSection, token?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "val-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "val-card, vds-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

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

@@ -12,9 +12,11 @@ export declare class StatsCardComponent implements OnInit, OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     private resolveProps;
     getCardColor(): string;
+    getCardColorHover(): string;
+    getCardColorContrast(): string;
     getBackgroundClass(): string;
     getTrendClass(): string;
     getTrendIcon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatsCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatsCardComponent, "val-stats-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatsCardComponent, "val-stats-card, vds-stats-card", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
 }

package/lib/components/organisms/attachment-uploader/attachment-uploader.component.d.ts

@@ -1,8 +1,8 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { I18nService } from '../../../services/i18n';
 import { AttachmentItem, AttachmentUploaderMetadata } from './types';
 import * as i0 from "@angular/core";
-export declare class AttachmentUploaderComponent implements OnInit {
+export declare class AttachmentUploaderComponent implements OnInit, OnDestroy {
     cameraPicker: ElementRef<HTMLInputElement>;
     cameraVideo: ElementRef<HTMLVideoElement>;
     props: import("@angular/core").InputSignal<AttachmentUploaderMetadata>;
@@ -13,6 +13,7 @@ export declare class AttachmentUploaderComponent implements OnInit {
     attachments: import("@angular/core").WritableSignal<AttachmentItem[]>;
     showCameraOverlay: import("@angular/core").WritableSignal<boolean>;
     private cameraStream;
+    private previewUrls;
     maxFiles: import("@angular/core").Signal<number>;
     accept: import("@angular/core").Signal<string>;
     maxReached: import("@angular/core").Signal<boolean>;
@@ -20,12 +21,14 @@ export declare class AttachmentUploaderComponent implements OnInit {
     isUploading: import("@angular/core").Signal<boolean>;
     get readyUrls(): string[];
     ngOnInit(): void;
+    ngOnDestroy(): void;
     constructor();
     openCamera(): Promise<void>;
     capturePhoto(): void;
     closeCamera(): void;
     onFilesSelected(event: Event): Promise<void>;
     private processFiles;
+    private createPreviewUrl;
     private compressImage;
     /**
      * Genera y sube la miniatura de una imagen ya comprimida.

package/lib/components/organisms/attachment-uploader/types.d.ts

@@ -10,6 +10,12 @@ export interface AttachmentItem {
      * diferencia entre 240KB y 15KB por fila. Ver `generateThumbnail`.
      */
     thumbnailUrl?: string;
+    /**
+     * URL local efímera para previsualizar imágenes seleccionadas antes de que
+     * exista una URL remota. Se crea con `URL.createObjectURL` y el componente la
+     * libera al remover el adjunto o destruirse.
+     */
+    previewUrl?: string;
     error?: string;
     isExternal?: boolean;
 }

package/lib/components/organisms/settings-hub/settings-sections.d.ts

@@ -26,7 +26,7 @@ export interface SettingsSection {
     shadowed?: boolean;
 }
 /**
- * Catálogo default de secciones del HUB de settings (7 entradas). `logout` va
+ * Catálogo default de secciones del HUB de settings (6 entradas). `logout` va
  * incluida pero sin `routerLink` (la maneja un callback). Mismo set, mismos
  * tokens/iconos/rutas que el builder original de showcase
  * (`shared/settings-action-cards.ts`) que esta promoción reemplaza.

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

package/package.json

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