valtech-components 2.0.712 → 2.0.714

package/lib/components/molecules/raffle-status-card/types.d.ts

@@ -1,108 +0,0 @@
-import { Color } from '@ionic/core';
-import { ImageMetadata } from '../../atoms/image/types';
-import { ButtonMetadata } from '../../types';
-/**
- * Raffle status type.
- */
-export type RaffleStatus = 'upcoming' | 'active' | 'sold_out' | 'drawing' | 'completed' | 'cancelled';
-/**
- * Raffle progress information.
- */
-export interface RaffleProgress {
-    /** Total tickets available */
-    totalTickets: number;
-    /** Tickets sold */
-    soldTickets: number;
-    /** Tickets reserved (not paid) */
-    reservedTickets?: number;
-    /** Goal amount (monetary) */
-    goalAmount?: number;
-    /** Current amount raised */
-    currentAmount?: number;
-}
-/**
- * Prize information for the raffle.
- */
-export interface RafflePrize {
-    /** Prize name */
-    name: string;
-    /** Prize description */
-    description?: string;
-    /** Prize image */
-    image?: ImageMetadata;
-    /** Prize value */
-    value?: number;
-    /** Currency for value */
-    currency?: string;
-}
-/**
- * Metadata for the raffle status card component.
- */
-export interface RaffleStatusCardMetadata {
-    /** Raffle title */
-    title: string;
-    /** Raffle description */
-    description?: string;
-    /** Current status */
-    status: RaffleStatus;
-    /** Progress information */
-    progress?: RaffleProgress;
-    /** Prize information */
-    prize?: RafflePrize;
-    /** Cover image */
-    coverImage?: ImageMetadata;
-    /** Raffle start date */
-    startDate?: Date | string;
-    /** Raffle end date / draw date */
-    endDate?: Date | string;
-    /** Show countdown to end date */
-    showCountdown?: boolean;
-    /** Ticket price */
-    ticketPrice?: number;
-    /** Currency */
-    currency?: string;
-    /** Currency symbol */
-    currencySymbol?: string;
-    /** Card variant */
-    variant?: 'default' | 'featured' | 'compact' | 'horizontal';
-    /** Size */
-    size?: 'small' | 'medium' | 'large';
-    /** Show progress bar */
-    showProgress?: boolean;
-    /** Show ticket stats */
-    showTicketStats?: boolean;
-    /** Show price */
-    showPrice?: boolean;
-    /** Show dates */
-    showDates?: boolean;
-    /** Show status badge */
-    showStatusBadge?: boolean;
-    /** Primary action button */
-    primaryAction?: ButtonMetadata;
-    /** Secondary action button */
-    secondaryAction?: ButtonMetadata;
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Status color override */
-    statusColor?: Color;
-    /** Beneficiary name */
-    beneficiary?: string;
-    /** Beneficiary logo/image */
-    beneficiaryImage?: ImageMetadata;
-    /** Custom status labels */
-    statusLabels?: Partial<Record<RaffleStatus, string>>;
-    /** Content class for reactive content */
-    contentClass?: string;
-    /** Content key for title */
-    titleContentKey?: string;
-    /** Content key for description */
-    descriptionContentKey?: string;
-}
-/**
- * Default status labels.
- */
-export declare const DEFAULT_STATUS_LABELS: Record<RaffleStatus, string>;
-/**
- * Default status colors.
- */
-export declare const DEFAULT_STATUS_COLORS: Record<RaffleStatus, Color>;

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

@@ -1,36 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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/ticket-grid/ticket-grid.component.d.ts

@@ -1,40 +0,0 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { TicketGridMetadata, TicketGridSelectionEvent, TicketGridClickEvent, TicketData, TicketGridLegendItem } from './types';
-import * as i0 from "@angular/core";
-export declare class TicketGridComponent implements OnInit, OnChanges {
-    props: TicketGridMetadata;
-    selectionChange: EventEmitter<TicketGridSelectionEvent>;
-    ticketClick: EventEmitter<TicketGridClickEvent>;
-    tickets: TicketData[];
-    displayedTickets: TicketData[];
-    selectedTickets: number[];
-    searchTerm: string;
-    highlightedNumbers: number[];
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private buildTickets;
-    private applySearch;
-    onSearch(event: CustomEvent): void;
-    isHighlighted(number: number): boolean;
-    isSelectable(ticket: TicketData): boolean;
-    onTicketClick(ticket: TicketData): void;
-    selectRandom(): void;
-    /**
-     * Clear all selections.
-     */
-    clearSelection(): void;
-    /**
-     * Get selected ticket numbers.
-     */
-    getSelectedTickets(): number[];
-    get availableCount(): number;
-    get soldCount(): number;
-    getLegendItems(): TicketGridLegendItem[];
-    formatNumber(num: number): string;
-    getTicketAriaLabel(ticket: TicketData): string;
-    getSearchPlaceholder(): string;
-    getRandomSelectLabel(): string;
-    getColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TicketGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TicketGridComponent, "val-ticket-grid", never, { "props": { "alias": "props"; "required": false; }; }, { "selectionChange": "selectionChange"; "ticketClick": "ticketClick"; }, never, never, true, never>;
-}

package/lib/components/molecules/ticket-grid/types.d.ts

@@ -1,122 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Ticket status in the grid.
- */
-export type TicketStatus = 'available' | 'sold' | 'reserved' | 'selected' | 'disabled';
-/**
- * Individual ticket data.
- */
-export interface TicketData {
-    /** Ticket number */
-    number: number;
-    /** Ticket status */
-    status: TicketStatus;
-    /** Optional owner name (for sold tickets) */
-    owner?: string;
-    /** Optional custom label */
-    label?: string;
-}
-/**
- * Legend item for ticket grid.
- */
-export interface TicketGridLegendItem {
-    /** Status this legend represents */
-    status: TicketStatus;
-    /** Display label */
-    label: string;
-    /** Optional count */
-    count?: number;
-}
-/**
- * Metadata for the ticket grid component.
- */
-export interface TicketGridMetadata {
-    /** Total number of tickets */
-    totalTickets: number;
-    /** Starting ticket number (default: 1) */
-    startNumber?: number;
-    /** Numbers of sold tickets */
-    soldTickets?: number[];
-    /** Numbers of reserved tickets */
-    reservedTickets?: number[];
-    /** Numbers of disabled tickets */
-    disabledTickets?: number[];
-    /** Currently selected tickets */
-    selectedTickets?: number[];
-    /** Custom ticket data (overrides computed status) */
-    ticketData?: TicketData[];
-    /** Selection mode */
-    selectionMode?: 'single' | 'multiple' | 'none';
-    /** Maximum tickets that can be selected */
-    maxSelection?: number;
-    /** Minimum tickets required */
-    minSelection?: number;
-    /** Allow selecting sold/reserved tickets (for admin) */
-    allowSelectSold?: boolean;
-    /** Number of columns */
-    columns?: number;
-    /** Show legend */
-    showLegend?: boolean;
-    /** Legend position */
-    legendPosition?: 'top' | 'bottom';
-    /** Custom legend items */
-    legendItems?: TicketGridLegendItem[];
-    /** Show ticket count summary */
-    showSummary?: boolean;
-    /** Show search/filter input */
-    showSearch?: boolean;
-    /** Search placeholder */
-    searchPlaceholder?: string;
-    /** Ticket number padding (e.g., 3 = "001") */
-    numberPadding?: number;
-    /** Component color for selected state */
-    color?: Color;
-    /** Ticket size */
-    ticketSize?: 'small' | 'medium' | 'large';
-    /** Grid gap */
-    gap?: number;
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Show random selection button */
-    showRandomSelect?: boolean;
-    /** Random selection count */
-    randomSelectCount?: number;
-    /** Random select button label */
-    randomSelectLabel?: string;
-    /** Content key for search placeholder */
-    searchPlaceholderContentKey?: string;
-    /** Content key for random select label */
-    randomSelectLabelContentKey?: string;
-    /** Content class for reactive content */
-    contentClass?: string;
-}
-/**
- * Event emitted when selection changes.
- */
-export interface TicketGridSelectionEvent {
-    /** Currently selected ticket numbers */
-    selectedTickets: number[];
-    /** Last changed ticket number */
-    changedTicket: number;
-    /** Whether the ticket was selected or deselected */
-    action: 'select' | 'deselect';
-    /** Total count of selected tickets */
-    count: number;
-    /** Whether max selection reached */
-    maxReached: boolean;
-}
-/**
- * Event emitted when a ticket is clicked (regardless of selection).
- */
-export interface TicketGridClickEvent {
-    /** Ticket number */
-    number: number;
-    /** Ticket status */
-    status: TicketStatus;
-    /** Whether it was selected/deselected (null if not selectable) */
-    selected: boolean | null;
-}
-/**
- * Default legend labels in Spanish.
- */
-export declare const DEFAULT_LEGEND_LABELS: Record<TicketStatus, string>;

package/lib/components/molecules/winner-display/types.d.ts

@@ -1,103 +0,0 @@
-import { Color } from '@ionic/core';
-import { AvatarMetadata } from '../../atoms/avatar/types';
-/**
- * Winner information.
- */
-export interface WinnerInfo {
-    /** Winner's name */
-    name: string;
-    /** Winner's ticket number */
-    ticketNumber: number | string;
-    /** Winner's avatar */
-    avatar?: AvatarMetadata;
-    /** Prize won */
-    prize?: string;
-    /** Prize description */
-    prizeDescription?: string;
-    /** Prize image URL */
-    prizeImage?: string;
-    /** Prize value */
-    prizeValue?: number;
-    /** Winner's location (city, country) */
-    location?: string;
-    /** Additional winner info */
-    customData?: Record<string, any>;
-}
-/**
- * Animation type for winner reveal.
- */
-export type WinnerAnimationType = 'none' | 'fade' | 'zoom' | 'slide' | 'confetti' | 'spotlight';
-/**
- * Display mode for the winner.
- */
-export type WinnerDisplayMode = 'compact' | 'standard' | 'full' | 'celebration';
-/**
- * Metadata for the winner display component.
- */
-export interface WinnerDisplayMetadata {
-    /** Winner information */
-    winner: WinnerInfo;
-    /** Display mode */
-    mode?: WinnerDisplayMode;
-    /** Size variant */
-    size?: 'small' | 'medium' | 'large';
-    /** Show confetti animation */
-    showConfetti?: boolean;
-    /** Show trophy icon */
-    showTrophy?: boolean;
-    /** Show ticket number */
-    showTicketNumber?: boolean;
-    /** Show prize info */
-    showPrize?: boolean;
-    /** Show prize value */
-    showPrizeValue?: boolean;
-    /** Show location */
-    showLocation?: boolean;
-    /** Number padding for ticket */
-    numberPadding?: number;
-    /** Animation type */
-    animation?: WinnerAnimationType;
-    /** Animation duration in ms */
-    animationDuration?: number;
-    /** Delay before showing (for suspense) */
-    revealDelay?: number;
-    /** Auto-play animation on init */
-    autoPlay?: boolean;
-    /** Component color */
-    color?: Color;
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Background style */
-    background?: 'solid' | 'gradient' | 'transparent';
-    /** Winner label (e.g., "¡Ganador!") */
-    winnerLabel?: string;
-    /** Ticket label (e.g., "Boleto #") */
-    ticketLabel?: string;
-    /** Prize label (e.g., "Premio:") */
-    prizeLabel?: string;
-    /** Content class for reactive content */
-    contentClass?: string;
-    /** Content key for winner label */
-    winnerLabelContentKey?: string;
-    /** Content key for ticket label */
-    ticketLabelContentKey?: string;
-    /** Content key for prize label */
-    prizeLabelContentKey?: string;
-}
-/**
- * Event emitted when animation completes.
- */
-export interface WinnerDisplayAnimationEvent {
-    /** Animation type that completed */
-    animation: WinnerAnimationType;
-    /** Winner info */
-    winner: WinnerInfo;
-}
-/**
- * Default labels.
- */
-export declare const DEFAULT_WINNER_LABELS: {
-    winner: string;
-    ticket: string;
-    prize: string;
-};

package/lib/components/molecules/winner-display/winner-display.component.d.ts

@@ -1,36 +0,0 @@
-import { EventEmitter, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
-import { WinnerDisplayMetadata, WinnerDisplayAnimationEvent } from './types';
-import * as i0 from "@angular/core";
-export declare class WinnerDisplayComponent implements OnInit, OnDestroy, AfterViewInit {
-    props: WinnerDisplayMetadata;
-    animationComplete: EventEmitter<WinnerDisplayAnimationEvent>;
-    isAnimating: boolean;
-    isRevealed: boolean;
-    showConfetti: boolean;
-    confettiPieces: number[];
-    private revealTimeout;
-    private animationTimeout;
-    private elementRef;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    startReveal(): void;
-    /**
-     * Manually trigger the reveal animation.
-     */
-    reveal(): void;
-    /**
-     * Reset to initial state.
-     */
-    reset(): void;
-    formatTicketNumber(): string;
-    formatPrizeValue(): string;
-    getRandomX(index: number): string;
-    getRandomRotation(index: number): string;
-    getWinnerLabel(): string;
-    getTicketLabel(): string;
-    getPrizeLabel(): string;
-    getColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WinnerDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WinnerDisplayComponent, "val-winner-display", never, { "props": { "alias": "props"; "required": false; }; }, { "animationComplete": "animationComplete"; }, never, never, true, never>;
-}

package/lib/components/templates/layout/layout.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class LayoutComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "val-layout", never, {}, {}, never, ["*"], true, never>;
-}