valtech-components 2.0.408 → 2.0.412

package/lib/components/atoms/horizontal-scroll/horizontal-scroll.component.d.ts

@@ -0,0 +1,41 @@
+import { TemplateRef } from '@angular/core';
+import { HorizontalScrollMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-horizontal-scroll
+ *
+ * A generic horizontal scroll container that renders items using a provided template.
+ * Useful for carousels, galleries, or any horizontally scrollable content.
+ *
+ * @example
+ * <val-horizontal-scroll
+ *   [items]="cards"
+ *   [itemTemplate]="cardTemplate"
+ *   [props]="{ gap: '16px', snapAlign: 'start' }"
+ * ></val-horizontal-scroll>
+ *
+ * <ng-template #cardTemplate let-item let-index="index">
+ *   <div class="card">{{ item.title }}</div>
+ * </ng-template>
+ *
+ * @input items - Array of items to render
+ * @input itemTemplate - Template reference for rendering each item
+ * @input props - Optional configuration (gap, padding, showScrollbar, snapAlign)
+ */
+export declare class HorizontalScrollComponent<T = any> {
+    /**
+     * Array of items to render in the horizontal scroll.
+     */
+    items: T[];
+    /**
+     * Template reference for rendering each item.
+     * The template receives the item as implicit context and index as 'index'.
+     */
+    itemTemplate: TemplateRef<any>;
+    /**
+     * Optional configuration for the horizontal scroll container.
+     */
+    props?: HorizontalScrollMetadata;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalScrollComponent<any>, "val-horizontal-scroll", never, { "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/atoms/horizontal-scroll/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Configuration for the horizontal scroll component.
+ */
+export interface HorizontalScrollMetadata {
+    /** Optional gap between items in pixels or CSS units. Default: '0px' */
+    gap?: string;
+    /** Optional padding for the scroll container. Default: '0px' */
+    padding?: string;
+    /** Whether to show the scrollbar. Default: false */
+    showScrollbar?: boolean;
+    /** Snap behavior for scroll items: 'none' | 'start' | 'center'. Default: 'none' */
+    snapAlign?: 'none' | 'start' | 'center';
+}

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

@@ -0,0 +1,39 @@
+import { RightsFooterMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-rights-footer
+ *
+ * A simple component that displays copyright text with dynamic year.
+ * Useful for footers where you need to show "© 2024 Company. All rights reserved."
+ *
+ * @example
+ * <val-rights-footer></val-rights-footer>
+ *
+ * @example
+ * <val-rights-footer
+ *   [props]="{
+ *     companyName: 'My Company',
+ *     rightsText: 'All rights reserved.',
+ *     color: 'medium',
+ *     align: 'left'
+ *   }"
+ * ></val-rights-footer>
+ *
+ * @input props - Optional configuration (companyName, rightsText, color, align)
+ */
+export declare class RightsFooterComponent {
+    /**
+     * Optional configuration for the rights footer.
+     */
+    props?: RightsFooterMetadata;
+    /**
+     * Current year for copyright.
+     */
+    currentYear: number;
+    /**
+     * Computed copyright text.
+     */
+    get copyrightText(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RightsFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RightsFooterComponent, "val-rights-footer", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * Configuration for the rights footer component.
+ */
+export interface RightsFooterMetadata {
+    /** Company name to display. Default: 'Valtech' */
+    companyName?: string;
+    /** Rights text. Default: 'Todos los derechos reservados.' */
+    rightsText?: string;
+    /** Text color. Default: 'dark' */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'medium';
+    /** Text alignment. Default: 'center' */
+    align?: 'left' | 'center' | 'right';
+}

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

@@ -1,8 +1,23 @@
 import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class CheckInputComponent implements OnInit {
-    constructor();
+    private langService;
+    /**
+     * Input configuration object.
+     * @type {InputMetadata}
+     * @property control - The Angular FormControl for the checkbox.
+     * @property label - Static label text.
+     * @property contentKey - Key for reactive content from LangService.
+     * @property contentClass - Class name for reactive content lookup.
+     * @property contentFallback - Fallback text if content not found.
+     * @property labelPlacement - Position of label ('start' | 'end'). Default: 'end'.
+     */
+    props: InputMetadata;
+    displayLabel$: Observable<string>;
     ngOnInit(): void;
+    private setupDisplayLabel;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckInputComponent, "val-check-input", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckInputComponent, "val-check-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -6,10 +6,9 @@ export declare class EmailInputComponent implements OnInit {
      * Input configuration object.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the input.
-     * @property placeholder - The placeholder text.
+     * @property placeholder - The placeholder text. For i18n, use langService.getText() to get translated value.
      */
     props: InputMetadata;
-    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "val-email-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/molecules/footer-links/footer-links.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from '@angular/core';
+import { LanguageSelectorMetadata } from '../language-selector/types';
+import { FooterLinksMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-footer-links
+ *
+ * A responsive footer component with two columns of links, social media icons,
+ * logo, and optional language selector.
+ *
+ * @example
+ * <val-footer-links
+ *   [props]="{
+ *     leftLinks: { title: 'Company', links: [...] },
+ *     rightLinks: { title: 'Resources', links: [...] },
+ *     logo: 'logo.svg',
+ *     logoRoute: '/',
+ *     socialLinks: [
+ *       { icon: 'logo-facebook', url: 'https://facebook.com', name: 'Facebook' }
+ *     ]
+ *   }"
+ * ></val-footer-links>
+ *
+ * @input props - Footer configuration
+ * @output logoClick - Emits when logo is clicked
+ */
+export declare class FooterLinksComponent {
+    private nav;
+    /**
+     * Footer configuration.
+     */
+    props: FooterLinksMetadata;
+    /**
+     * Emits when the logo is clicked.
+     */
+    logoClick: EventEmitter<void>;
+    /**
+     * Default language selector configuration.
+     */
+    get languageSelectorConfig(): LanguageSelectorMetadata;
+    /**
+     * Handles logo click - navigates if route provided, otherwise emits event.
+     */
+    onLogoClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterLinksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterLinksComponent, "val-footer-links", never, { "props": { "alias": "props"; "required": false; }; }, { "logoClick": "logoClick"; }, never, never, true, never>;
+}

package/lib/components/molecules/footer-links/types.d.ts

@@ -0,0 +1,37 @@
+import { DividerMetadata } from '../../atoms/divider/types';
+import { LanguageSelectorMetadata } from '../language-selector/types';
+import { LinkCakeMetadata } from '../links-cake/types';
+/**
+ * Social link configuration.
+ */
+export interface SocialLinkMetadata {
+    /** Ionicon name (e.g., 'logo-facebook', 'logo-twitter') */
+    icon: string;
+    /** URL to the social profile */
+    url: string;
+    /** Accessible name for the link */
+    name: string;
+}
+/**
+ * Configuration for the footer links component.
+ */
+export interface FooterLinksMetadata {
+    /** Left column links configuration */
+    leftLinks: LinkCakeMetadata;
+    /** Right column links configuration */
+    rightLinks: LinkCakeMetadata;
+    /** Optional logo URL */
+    logo?: string;
+    /** Logo alt text. Default: 'Logo' */
+    logoAlt?: string;
+    /** Route to navigate when logo is clicked */
+    logoRoute?: string;
+    /** Optional divider configuration */
+    divider?: DividerMetadata;
+    /** Social media links */
+    socialLinks?: SocialLinkMetadata[];
+    /** Language selector configuration. Set to false to hide. */
+    languageSelector?: LanguageSelectorMetadata | false;
+    /** Icon color for social links. Default: 'dark' */
+    socialIconColor?: string;
+}

package/lib/components/molecules/links-accordion/links-accordion.component.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter } from '@angular/core';
+import { Router } from '@angular/router';
+import { IonAccordionGroup, MenuController } from '@ionic/angular/standalone';
+import { LinksAccordionMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-links-accordion
+ *
+ * A hierarchical navigation component using Ionic accordions.
+ * Supports sections with optional sub-links and automatic menu closing.
+ *
+ * @example
+ * <val-links-accordion
+ *   [props]="{
+ *     sections: [
+ *       { title: 'Home', route: ['/'] },
+ *       { title: 'Products', links: [
+ *         { text: 'Catalog', route: ['/products'] },
+ *         { text: 'New Arrivals', route: ['/products', 'new'] }
+ *       ]}
+ *     ]
+ *   }"
+ *   (navigate)="onNavigate($event)"
+ * ></val-links-accordion>
+ *
+ * @input props - Accordion configuration
+ * @output navigate - Emits route when a link is clicked
+ */
+export declare class LinksAccordionComponent {
+    private router;
+    private menuCtrl;
+    /**
+     * Accordion configuration.
+     */
+    props: LinksAccordionMetadata;
+    /**
+     * Emits the route when a link is clicked.
+     */
+    navigate: EventEmitter<string[]>;
+    accordionGroup: IonAccordionGroup;
+    constructor(router: Router, menuCtrl: MenuController);
+    /**
+     * Handles link click - closes accordion/menu and navigates.
+     */
+    onLinkClick(route: string[], event?: Event): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinksAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinksAccordionComponent, "val-links-accordion", never, { "props": { "alias": "props"; "required": false; }; }, { "navigate": "navigate"; }, never, never, true, never>;
+}

package/lib/components/molecules/links-accordion/types.d.ts

@@ -0,0 +1,33 @@
+/**
+ * A link item within an accordion section.
+ */
+export interface LinksAccordionLink {
+    /** Display text for the link */
+    text: string;
+    /** Route segments for navigation */
+    route: string[];
+}
+/**
+ * An accordion section with optional sub-links.
+ */
+export interface LinksAccordionSection {
+    /** Section title */
+    title: string;
+    /** Optional route if the section itself is clickable */
+    route?: string[];
+    /** Optional sub-links within this section */
+    links?: LinksAccordionLink[];
+}
+/**
+ * Configuration for the links accordion component.
+ */
+export interface LinksAccordionMetadata {
+    /** Array of accordion sections */
+    sections: LinksAccordionSection[];
+    /** Background color for the accordion. Default: 'var(--ion-background-color)' */
+    backgroundColor?: string;
+    /** Whether to close the menu when a link is clicked. Default: true */
+    closeMenuOnClick?: boolean;
+    /** Whether to close the accordion when navigating. Default: true */
+    closeAccordionOnClick?: boolean;
+}

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

@@ -7,7 +7,7 @@ export declare class PasswordInputComponent implements OnInit {
      * Input configuration object.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the input.
-     * @property placeholder - The placeholder text.
+     * @property placeholder - The placeholder text. For i18n, use langService.getText() to get translated value.
      */
     props: InputMetadata;
     hidePassword: boolean;

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

@@ -1,23 +1,22 @@
 import { EventEmitter, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
 import { PrompterMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class PrompterComponent implements OnInit {
+    private langService;
+    /** Observable for reactive content - follows val-text/val-button pattern */
+    displayContent$: Observable<string>;
     /**
      * Prompter configuration object.
-     * @type {PrompterMetadata}
-     * @property content - The main text content.
-     * @property buttons - Array of button configurations (optional).
-     * @property hrefs - Array of link configurations (optional).
-     * @property color - The background color of the box.
-     * @property size - The size of the text and box.
-     * @property bordered - Whether the box has a border.
-     * @property padding - Custom padding for the box.
-     * @property teleprompter - Whether to use teleprompter style (optional).
      */
     props: PrompterMetadata;
     onClick: EventEmitter<string>;
-    constructor();
     ngOnInit(): void;
+    /**
+     * Set up content Observable.
+     * Follows the same pattern as val-text and val-button for consistency.
+     */
+    private setupContent;
     clickHandler(token?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrompterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PrompterComponent, "val-prompter", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;

package/lib/components/molecules/prompter/types.d.ts

@@ -7,11 +7,13 @@ import { ButtonMetadata } from '../../types';
  * @property teleprompter - Whether to use teleprompter style.
  * @property bordered - Whether the box has a border.
  * @property color - The background color of the box (optional).
- * @property content - The main text content.
+ * @property content - The main text content (used as fallback if i18n keys provided).
  * @property size - The size of the text and box ('small' | 'medium' | 'large' | 'xlarge').
  * @property buttons - Array of button configurations (optional).
  * @property hrefs - Array of link configurations (optional).
  * @property padding - Custom padding for the box (optional).
+ * @property contentClass - i18n content class name (optional, for reactive translations).
+ * @property contentKey - i18n content key (optional, for reactive translations).
  */
 export type PrompterMetadata = {
     teleprompter: boolean;
@@ -22,4 +24,8 @@ export type PrompterMetadata = {
     buttons?: ButtonMetadata[];
     hrefs?: HrefMetadata[];
     padding?: string;
+    /** i18n content class name for reactive translations */
+    contentClass?: string;
+    /** i18n content key for reactive translations */
+    contentKey?: string;
 };

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

@@ -6,10 +6,9 @@ export declare class RadioInputComponent implements OnInit {
      * Input configuration object.
      * @type {InputMetadata}
      * @property control - The Angular FormControl for the radio input.
-     * @property options - The available options for the radio group.
+     * @property options - The available options for the radio group. For i18n, translate names before passing.
      */
     props: InputMetadata;
-    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioInputComponent, "val-radio-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -0,0 +1,36 @@
+import { RecapCardMetadata, RecapCardShape } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-recap-card
+ *
+ * A decorative card component with geometric shapes, title, and link.
+ * Useful for recap sections, feature highlights, or promotional content.
+ *
+ * @example
+ * <val-recap-card
+ *   [props]="{
+ *     title: { title: 'Feature Title', subtitle: 'Subtitle here' },
+ *     link: { text: 'Learn more', url: '/features' },
+ *     color: 'primary',
+ *     shapes: [
+ *       { color: '#ffffff33', style: { top: '-20px', right: '-20px', width: '100px', height: '100px' } }
+ *     ]
+ *   }"
+ * ></val-recap-card>
+ *
+ * @input props - Card configuration (title, link, shapes, color)
+ */
+export declare class RecapCardComponent {
+    /**
+     * Card configuration.
+     */
+    props: RecapCardMetadata;
+    /**
+     * Merges shape color with additional styles.
+     */
+    mergeShapeStyle(shape: RecapCardShape): {
+        [key: string]: string | number;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecapCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecapCardComponent, "val-recap-card", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,30 @@
+import { LinkMetadata } from '../link/types';
+import { TitleBlockMetada } from '../title-block/types';
+/**
+ * Configuration for a decorative shape within the recap card.
+ */
+export interface RecapCardShape {
+    /** Background color of the shape */
+    color: string;
+    /** Additional CSS styles (position, size, etc.) */
+    style?: {
+        [key: string]: string | number;
+    };
+}
+/**
+ * Configuration for the recap card component.
+ */
+export interface RecapCardMetadata {
+    /** Title block configuration */
+    title: TitleBlockMetada;
+    /** Link configuration */
+    link: LinkMetadata;
+    /** Decorative shapes to display behind content */
+    shapes?: RecapCardShape[];
+    /** Background color of the card (Ionic color) */
+    color?: string;
+    /** Minimum height of the card. Default: '400px' */
+    minHeight?: string;
+    /** Width of the card. Default: '280px' */
+    width?: string;
+}

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

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { InputMetadata } from '../../types';
 import * as i0 from "@angular/core";
 export declare class SearchSelectorComponent implements OnInit {
+    private langService;
     /**
      * Input configuration object.
      * @type {InputMetadata}
@@ -9,6 +10,9 @@ export declare class SearchSelectorComponent implements OnInit {
      * @property label - The label for the select.
      * @property options - The available options for the select.
      * @property placeholder - The placeholder text.
+     * @property modalHeader - Custom header text for the modal (optional, uses label if not provided).
+     * @property cancelText - Custom cancel button text (optional, uses i18n default).
+     * @property okText - Custom OK button text (optional, uses i18n default).
      */
     props: InputMetadata;
     customModalOptions: {
@@ -16,7 +20,8 @@ export declare class SearchSelectorComponent implements OnInit {
         breakpoints: number[];
         initialBreakpoint: number;
     };
-    constructor();
+    cancelText: string;
+    okText: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchSelectorComponent, "val-select-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/molecules/swipe-carousel/swipe-carousel.component.d.ts

@@ -0,0 +1,66 @@
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import Swiper from 'swiper';
+import { SwipeCarouselMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-swipe-carousel
+ *
+ * A powerful carousel component built on Swiper with multiple transition effects,
+ * navigation, pagination, and responsive breakpoints.
+ *
+ * @example
+ * <val-swipe-carousel
+ *   [items]="slides"
+ *   [itemTemplate]="slideTemplate"
+ *   [props]="{ effect: 'coverflow', pagination: true }"
+ * ></val-swipe-carousel>
+ *
+ * <ng-template #slideTemplate let-item>
+ *   <div class="slide-content">{{ item.title }}</div>
+ * </ng-template>
+ *
+ * @input items - Array of items to render as slides
+ * @input itemTemplate - Template reference for rendering each slide
+ * @input props - Configuration options (effect, pagination, navigation, etc.)
+ */
+export declare class SwipeCarouselComponent<T = any> implements AfterViewInit, OnChanges, OnDestroy {
+    /**
+     * Array of items to render as slides.
+     */
+    items: T[];
+    /**
+     * Template reference for rendering each slide.
+     * The template receives the item as implicit context and index as 'index'.
+     */
+    itemTemplate: TemplateRef<any>;
+    /**
+     * Configuration options for the carousel.
+     */
+    props?: SwipeCarouselMetadata;
+    swiperContainer: ElementRef;
+    private swiper?;
+    private defaultOptions;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private initSwiper;
+    private destroySwiper;
+    /**
+     * Navigate to previous slide.
+     */
+    slidePrev(): void;
+    /**
+     * Navigate to next slide.
+     */
+    slideNext(): void;
+    /**
+     * Navigate to specific slide by index.
+     */
+    slideTo(index: number): void;
+    /**
+     * Get the Swiper instance for advanced control.
+     */
+    getSwiperInstance(): Swiper | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwipeCarouselComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwipeCarouselComponent<any>, "val-swipe-carousel", never, { "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/swipe-carousel/types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Configuration options for the Swiper carousel.
+ */
+export interface SwipeCarouselMetadata {
+    /** Number of slides per view. Default: 1 */
+    slidesPerView?: number | 'auto';
+    /** Space between slides in pixels. Default: 10 */
+    spaceBetween?: number;
+    /** Enable infinite loop. Default: true */
+    loop?: boolean;
+    /** Center active slide. Default: true */
+    centeredSlides?: boolean;
+    /** Transition effect. Default: 'slide' */
+    effect?: 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip';
+    /** Autoplay configuration. Default: false */
+    autoplay?: boolean | {
+        delay: number;
+        disableOnInteraction: boolean;
+    };
+    /** Responsive breakpoints */
+    breakpoints?: {
+        [width: number]: {
+            slidesPerView?: number | 'auto';
+            spaceBetween?: number;
+        };
+    };
+    /** Show pagination bullets. Default: true */
+    pagination?: boolean;
+    /** Show navigation arrows. Default: true */
+    navigation?: boolean;
+    /** Apply scale effect to inactive slides. Default: true */
+    scaleEffect?: boolean;
+    /** Padding for the carousel wrapper. Default: '0 32px' */
+    wrapperPadding?: string;
+}

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

@@ -0,0 +1,41 @@
+import { TestimonialCardMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-testimonial-card
+ *
+ * A card component for testimonials with image, title, link, and action buttons.
+ * Supports dynamic background gradients and dark mode overlay.
+ *
+ * @example
+ * <val-testimonial-card
+ *   [props]="{
+ *     title: { title: 'John Doe', subtitle: 'CEO, Company' },
+ *     link: { text: 'Read full story', url: '#' },
+ *     image: { src: 'avatar.jpg', alt: 'John Doe' },
+ *     color: 'primary'
+ *   }"
+ * ></val-testimonial-card>
+ *
+ * @input props - Card configuration (title, link, image, color, background, actions)
+ */
+export declare class TestimonialCardComponent {
+    private theme;
+    /**
+     * Card configuration.
+     */
+    props: TestimonialCardMetadata;
+    /**
+     * Gets the effective color/background.
+     * Supports: Ionic color names (primary, secondary), CSS variables (--my-color),
+     * direct colors (#fff, rgb()), or url() for images.
+     */
+    private getColor;
+    /**
+     * Generates dynamic card styles with overlay based on theme.
+     */
+    cardStyle(): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialCardComponent, "val-testimonial-card", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}