valtech-components 2.0.404 → 2.0.407

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

@@ -0,0 +1,27 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { TextareaInputMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class TextareaInputComponent implements OnInit, OnDestroy {
+    props: TextareaInputMetadata;
+    states: {
+        ENABLED: "ENABLED";
+        DISABLED: "DISABLED";
+        WORKING: "WORKING";
+        ERROR: "ERROR";
+    };
+    private langSubscription;
+    private langService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private hasReactiveContent;
+    getLabel(): string;
+    getPlaceholder(): string;
+    getHint(): string;
+    get hasError(): boolean;
+    getErrorMessage(): string;
+    getRemainingChars(): number;
+    getRemainingLabel(): string;
+    counterFormatter: (inputLength: number, maxLength: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "val-textarea-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/textarea-input/types.d.ts

@@ -0,0 +1,74 @@
+import { FormControl } from '@angular/forms';
+import { Color } from '@ionic/core';
+import { ComponentState } from '../../types';
+/**
+ * Metadata for the textarea input component.
+ */
+export interface TextareaInputMetadata {
+    /** Associated form control */
+    control: FormControl<string>;
+    /** Unique token for the input */
+    token?: string;
+    /** Display label */
+    label?: string;
+    /** Field name */
+    name?: string;
+    /** Help text */
+    hint?: string;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Field state */
+    state?: ComponentState;
+    /** Initial value for the field */
+    value?: string;
+    /** Default value configuration */
+    withDefault?: string | boolean;
+    /** Number of visible rows */
+    rows?: number;
+    /** Minimum number of rows (for autoGrow) */
+    minRows?: number;
+    /** Maximum number of rows (for autoGrow) */
+    maxRows?: number;
+    /** Auto grow textarea based on content */
+    autoGrow?: boolean;
+    /** Maximum character count */
+    maxLength?: number;
+    /** Minimum character count */
+    minLength?: number;
+    /** Show character counter */
+    showCounter?: boolean;
+    /** Counter format: 'remaining' shows remaining chars, 'current' shows current/max */
+    counterFormat?: 'remaining' | 'current';
+    /** Disable resize */
+    disableResize?: boolean;
+    /** Input mode for virtual keyboard */
+    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    /** Autocapitalize behavior */
+    autocapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+    /** Enable spellcheck */
+    spellcheck?: boolean;
+    /** Wrap mode */
+    wrap?: 'hard' | 'soft' | 'off';
+    /** Component color */
+    color?: Color;
+    /** Fill style */
+    fill?: 'outline' | 'solid';
+    /** Label placement */
+    labelPlacement?: 'fixed' | 'floating' | 'stacked' | 'start' | 'end';
+    /** Show clear button */
+    clearOnEdit?: boolean;
+    /** Custom CSS class */
+    cssClass?: string;
+    /** Content key for reactive label */
+    labelContentKey?: string;
+    /** Content key for reactive placeholder */
+    placeholderContentKey?: string;
+    /** Content key for reactive hint */
+    hintContentKey?: string;
+    /** Component class name for content lookup */
+    contentClass?: string;
+    /** Custom error messages */
+    errors?: Record<string, string>;
+    /** Show validation errors */
+    showErrors?: boolean;
+}

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

@@ -0,0 +1,41 @@
+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[];
+    private langService;
+    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

@@ -0,0 +1,122 @@
+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/timeline/timeline.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import { TimelineMetadata, TimelineItemMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class TimelineComponent {
+    props: TimelineMetadata;
+    itemClick: EventEmitter<{
+        item: TimelineItemMetadata;
+        index: number;
+    }>;
+    getItemColor(item: TimelineItemMetadata): string;
+    onItemClick(item: TimelineItemMetadata, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "val-timeline", never, { "props": { "alias": "props"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,39 @@
+import { Color } from '@ionic/core';
+/**
+ * Timeline item configuration.
+ */
+export interface TimelineItemMetadata {
+    /** Item title */
+    title: string;
+    /** Item content/description */
+    content?: string;
+    /** Date or time label */
+    date?: string;
+    /** Item icon */
+    icon?: string;
+    /** Item color */
+    color?: Color;
+    /** Whether item is active/current */
+    active?: boolean;
+    /** Unique token identifier */
+    token?: string;
+}
+/**
+ * Metadata for the timeline component.
+ */
+export interface TimelineMetadata {
+    /** Timeline items */
+    items: TimelineItemMetadata[];
+    /** Timeline orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Alternate items on both sides (vertical only) */
+    alternate?: boolean;
+    /** Show connector lines */
+    showConnectors?: boolean;
+    /** Default color for all items */
+    color?: Color;
+    /** Connector style */
+    connectorStyle?: 'solid' | 'dashed';
+    /** Unique token identifier */
+    token?: string;
+}

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

@@ -0,0 +1,24 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { ToggleInputMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class ToggleInputComponent implements OnInit, OnDestroy {
+    /**
+     * Input configuration object.
+     * @type {ToggleInputMetadata}
+     */
+    props: ToggleInputMetadata;
+    states: {
+        ENABLED: "ENABLED";
+        DISABLED: "DISABLED";
+        WORKING: "WORKING";
+        ERROR: "ERROR";
+    };
+    displayLabel: string;
+    private langService;
+    private subscription?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleInputComponent, "val-toggle-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/toggle-input/types.d.ts

@@ -0,0 +1,30 @@
+import { FormControl } from '@angular/forms';
+import { Color } from '@ionic/core';
+import { ComponentState } from '../../types';
+/**
+ * Metadata for the toggle input component.
+ */
+export interface ToggleInputMetadata {
+    /** Associated form control */
+    control: FormControl<boolean>;
+    /** Unique token for the input */
+    token?: string;
+    /** Display label */
+    label?: string;
+    /** Label position relative to toggle */
+    labelPosition?: 'start' | 'end';
+    /** Toggle color */
+    color?: Color;
+    /** Component state */
+    state?: ComponentState;
+    /** Justify content alignment */
+    justify?: 'start' | 'end' | 'space-between';
+    /** Enable/disable toggle */
+    disabled?: boolean;
+    /** Reactive content key for label */
+    contentKey?: string;
+    /** Component class name for content lookup */
+    contentClass?: string;
+    /** Fallback text if contentKey is not found */
+    contentFallback?: string;
+}

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

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

@@ -0,0 +1,37 @@
+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 langService;
+    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/organisms/article/article.component.d.ts

@@ -75,7 +75,7 @@ export declare class ArticleComponent implements OnInit {
         shape?: "round";
         size?: "small" | "large" | "default";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "submit" | "button" | "reset";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/comment-section/comment-section.component.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { CommentSectionMetadata, CommentSortOption, CommentSortChangeEvent, CommentSubmitEvent, CommentSectionLoadMoreEvent } from './types';
+import { CommentAuthorClickEvent, CommentReactionClickEvent, CommentActionClickEvent, CommentMenuItemClickEvent, CommentLoadMoreEvent } from '../../molecules/comment/types';
+import * as i0 from "@angular/core";
+export declare class CommentSectionComponent implements OnInit, OnDestroy {
+    props: CommentSectionMetadata;
+    sortChange: EventEmitter<CommentSortChangeEvent>;
+    commentSubmit: EventEmitter<CommentSubmitEvent>;
+    loadMore: EventEmitter<CommentSectionLoadMoreEvent>;
+    authorClick: EventEmitter<CommentAuthorClickEvent>;
+    reactionClick: EventEmitter<CommentReactionClickEvent>;
+    actionClick: EventEmitter<CommentActionClickEvent>;
+    menuItemClick: EventEmitter<CommentMenuItemClickEvent>;
+    commentLoadMore: EventEmitter<CommentLoadMoreEvent>;
+    collapseToggle: EventEmitter<{
+        token: string;
+        collapsed: boolean;
+    }>;
+    replyStart: EventEmitter<{
+        commentToken: string;
+    }>;
+    newCommentText: string;
+    replyingTo: string | null;
+    displayTitle: string;
+    displayLoadMoreLabel: string;
+    private langSubscription;
+    private langService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private hasReactiveContent;
+    private updateDisplayTexts;
+    formatCount(count: number): string;
+    getSortOptionLabel(option: CommentSortOption): string;
+    getInputPlaceholder(): string;
+    getSubmitLabel(): string;
+    getEmptyTitle(): string;
+    getEmptyMessage(): string;
+    getSkeletonArray(): number[];
+    canSubmit(): boolean;
+    isNearLimit(): boolean;
+    onSortChange(event: CustomEvent): void;
+    onSubmitComment(): void;
+    onCommentAction(event: CommentActionClickEvent): void;
+    onLoadMore(): void;
+    onInfiniteScroll(event: CustomEvent): void;
+    completeInfiniteScroll(): void;
+    private infiniteScrollEvent;
+    startReply(commentToken: string): void;
+    cancelReply(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommentSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommentSectionComponent, "val-comment-section", never, { "props": { "alias": "props"; "required": false; }; }, { "sortChange": "sortChange"; "commentSubmit": "commentSubmit"; "loadMore": "loadMore"; "authorClick": "authorClick"; "reactionClick": "reactionClick"; "actionClick": "actionClick"; "menuItemClick": "menuItemClick"; "commentLoadMore": "commentLoadMore"; "collapseToggle": "collapseToggle"; "replyStart": "replyStart"; }, never, never, true, never>;
+}