valtech-components 4.0.1022 → 4.0.1024

package/lib/components/molecules/media-overlay-card/media-overlay-card.component.d.ts

@@ -0,0 +1,15 @@
+import { MediaOverlayCardMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-media-overlay-card
+ *
+ * Presentational card with a large image and a solid body that overlaps it.
+ * Pass already-resolved strings from the host app to keep i18n ownership
+ * outside the library.
+ */
+export declare class MediaOverlayCardComponent {
+    readonly props: import("@angular/core").InputSignal<Partial<MediaOverlayCardMetadata>>;
+    readonly config: import("@angular/core").Signal<MediaOverlayCardMetadata & Required<Pick<MediaOverlayCardMetadata, "bordered" | "imageAspectRatio" | "bodyWidth" | "overlap" | "frameRadius" | "imageRadius" | "bodyRadius" | "bodyAlign" | "shadowed">>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaOverlayCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaOverlayCardComponent, "val-media-overlay-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/media-overlay-card/types.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Text chip shown in val-media-overlay-card.
+ */
+export interface MediaOverlayCardChip {
+    /** Stable identifier for tracking and analytics */
+    value: string;
+    /** Visible chip label */
+    label: string;
+}
+/**
+ * Metadata for val-media-overlay-card.
+ *
+ * Presentational card for landing pages and onboarding previews. It combines a
+ * wide media area with a solid body surface that overlaps the image.
+ */
+export interface MediaOverlayCardMetadata {
+    /** Image URL */
+    image?: string;
+    /** Alternative text for the image. Empty string means decorative. */
+    imageAlt?: string;
+    /** Aspect ratio for the image area. Default: '16 / 9'. */
+    imageAspectRatio?: string;
+    /** Header label shown in the overlapping body */
+    headerLabel?: string;
+    /** Status label shown opposite the header */
+    statusLabel?: string;
+    /** Compact chips below the header */
+    chips?: MediaOverlayCardChip[];
+    /** Main title in the highlighted body block */
+    title: string;
+    /** Supporting text in the highlighted body block */
+    description?: string;
+    /** Chips shown at the bottom of the body */
+    tags?: MediaOverlayCardChip[];
+    /** Body width. Default: 'min(100%, 430px)'. */
+    bodyWidth?: string;
+    /** Overlap amount between image and body. Default: '-5.75rem'. */
+    overlap?: string;
+    /** Outer frame radius. Default: 'var(--val-radius-xl, 36px)'. */
+    frameRadius?: string;
+    /** Image radius. Default: 'var(--val-radius-lg, 28px)'. */
+    imageRadius?: string;
+    /** Body radius. Default: 'var(--val-radius-lg, 28px)'. */
+    bodyRadius?: string;
+    /** Body horizontal alignment. Default: 'end'. */
+    bodyAlign?: 'start' | 'center' | 'end';
+    /** Show frame border. Default: true. */
+    bordered?: boolean;
+    /** Show frame shadow. Default: true. */
+    shadowed?: boolean;
+}
+/**
+ * Default values for MediaOverlayCardMetadata.
+ */
+export declare const MEDIA_OVERLAY_CARD_DEFAULTS: Required<Pick<MediaOverlayCardMetadata, 'imageAspectRatio' | 'bodyWidth' | 'overlap' | 'frameRadius' | 'imageRadius' | 'bodyRadius' | 'bodyAlign' | 'bordered' | 'shadowed'>>;

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

@@ -46,6 +46,7 @@ export declare class SearchSelectorComponent implements OnInit, OnChanges {
      */
     private resolveProps;
     private setupComponent;
+    iconMask(src: string): string;
     /**
      * Busca un key en `_global` primero, luego en `Common`, finalmente cae al
      * default hardcoded. Útil para textos cross-cutting (cancel/ok/close/etc.)

package/lib/components/organisms/login-attempt-modal/login-attempt-modal.component.d.ts

@@ -1,3 +1,4 @@
+import { ModalLayoutActionEvent } from '../../molecules/modal-layout/types';
 import { ButtonMetadata } from '../../types';
 import * as i0 from "@angular/core";
 /**
@@ -50,9 +51,11 @@ export declare class LoginAttemptModalComponent {
     /** "No fui yo" — ejecuta el bloqueo y pasa a estado done. */
     confirmBlock(): Promise<void>;
     close(): void;
-    get mineBtn(): Partial<ButtonMetadata>;
-    get blockBtn(): Partial<ButtonMetadata>;
-    get closeBtn(): Partial<ButtonMetadata>;
+    handleAction(event: ModalLayoutActionEvent): void;
+    get actions(): ButtonMetadata[];
+    get mineBtn(): ButtonMetadata;
+    get blockBtn(): ButtonMetadata;
+    get closeBtn(): ButtonMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginAttemptModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LoginAttemptModalComponent, "val-login-attempt-modal", never, { "title": { "alias": "title"; "required": false; }; "body": { "alias": "body"; "required": false; }; "deviceLabel": { "alias": "deviceLabel"; "required": false; }; "metaLabel": { "alias": "metaLabel"; "required": false; }; "doneLabel": { "alias": "doneLabel"; "required": false; }; "mineLabel": { "alias": "mineLabel"; "required": false; }; "blockLabel": { "alias": "blockLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "onBlock": { "alias": "onBlock"; "required": false; }; "_modalRef": { "alias": "_modalRef"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/organisms/profile-modal/profile-modal.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * perfil desde el avatar del header. Se abre vía `ModalService.open({ component })`
  * (recibe `_modalRef` por componentProps) o lo despacha `HeaderActionsService`.
  *
- * Header canónico (Regla #5): sin `ion-title`, botón Cerrar en `slot=end`.
+ * Usa `val-modal-layout` como shell estándar de modales.
  */
 export declare class ProfileModalComponent {
     private readonly i18n;

package/lib/components/types.d.ts

@@ -86,7 +86,10 @@ export type InputOption = {
     name: string;
     /** Optional icon shown next to the option label */
     icon?: {
-        name: string;
+        /** Ionicon name. */
+        name?: string;
+        /** Image/SVG asset URL. Takes precedence over name when present. */
+        src?: string;
         color?: string;
     };
     /** Whether the option is selected by default */

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

package/package.json

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

package/public-api.d.ts

@@ -201,6 +201,8 @@ export * from './lib/components/molecules/refresher/refresher.component';
 export * from './lib/components/molecules/refresher/types';
 export * from './lib/components/molecules/update-banner/update-banner.component';
 export * from './lib/components/molecules/update-banner/types';
+export * from './lib/components/molecules/media-overlay-card/media-overlay-card.component';
+export * from './lib/components/molecules/media-overlay-card/types';
 export * from './lib/components/molecules/action-card/action-card.component';
 export * from './lib/components/molecules/action-card/types';
 export * from './lib/components/molecules/media-object/media-object.component';