valtech-components 2.0.819 → 2.0.821

package/lib/components/organisms/terminal-404/terminal-404.component.d.ts

@@ -1,42 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Terminal404Metadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * val-terminal-404
- *
- * A fun, terminal-styled 404 page component with typing animations.
- *
- * Features:
- * - Terminal window aesthetic with colored dots
- * - Typing animation effect with sequential line reveals
- * - Blinking cursor
- * - Customizable colors to match brand
- * - Shows the attempted path
- *
- * @example
- * <val-terminal-404
- *   [props]="{
- *     primaryColor: '#4a1d96',
- *     homeRoute: '/',
- *     homeButtonText: 'cd /home'
- *   }"
- * ></val-terminal-404>
- */
-export declare class Terminal404Component implements OnInit {
-    props: Terminal404Metadata;
-    private i18n;
-    requestedPath: import("@angular/core").WritableSignal<string>;
-    directoryNotFound: import("@angular/core").Signal<string>;
-    searching: import("@angular/core").Signal<string>;
-    noResults: import("@angular/core").Signal<string>;
-    searchTerm: import("@angular/core").Signal<string>;
-    homeButton: import("@angular/core").Signal<string>;
-    get containerStyles(): Record<string, string>;
-    ngOnInit(): void;
-    /**
-     * Lighten a hex color for hover states
-     */
-    lightenColor(hex: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Terminal404Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Terminal404Component, "val-terminal-404", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/organisms/terminal-404/types.d.ts

@@ -1,22 +0,0 @@
-/**
- * Configuration for terminal 404 page component.
- *
- * @property backgroundColor - Background gradient colors (default: lavender purple)
- * @property primaryColor - Main brand color for 404 text and button (default: #4a1d96)
- * @property terminalBackground - Terminal window background (default: #0d1117)
- * @property homeRoute - Route for the home button (default: '/')
- * @property homeButtonText - Text for home button (default: 'cd /home')
- * @property showLanguageSelector - Show language selector in header (default: true)
- */
-export interface Terminal404Metadata {
-    backgroundColor?: {
-        start: string;
-        middle: string;
-        end: string;
-    };
-    primaryColor?: string;
-    terminalBackground?: string;
-    homeRoute?: string;
-    homeButtonText?: string;
-    showLanguageSelector?: boolean;
-}

package/lib/components/organisms/testimonial-carousel/testimonial-carousel.component.d.ts

@@ -1,33 +0,0 @@
-import { SwipeCarouselMetadata } from '../../molecules/swipe-carousel/types';
-import { TestimonialCarouselMetadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * val-testimonial-carousel
- *
- * A carousel of testimonial cards using Swiper.js with centered slides
- * and responsive breakpoints for optimal viewing on all devices.
- *
- * @example
- * <val-testimonial-carousel
- *   [props]="{
- *     cards: [
- *       { title: 'John Doe', image: '/john.jpg', link: { text: 'CEO', route: ['/team'] } },
- *       { title: 'Jane Smith', image: '/jane.jpg', link: { text: 'CTO', route: ['/team'] } }
- *     ]
- *   }"
- * ></val-testimonial-carousel>
- *
- * @input props - Carousel configuration with testimonial cards
- */
-export declare class TestimonialCarouselComponent {
-    /**
-     * Carousel configuration with testimonial cards.
-     */
-    props: TestimonialCarouselMetadata;
-    /**
-     * Swiper configuration optimized for testimonial cards.
-     */
-    swiperProps: SwipeCarouselMetadata;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialCarouselComponent, "val-testimonial-carousel", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/organisms/testimonial-carousel/types.d.ts

@@ -1,8 +0,0 @@
-import { TestimonialCardMetadata } from '../../molecules/testimonial-card/types';
-/**
- * Configuration for the testimonial carousel component.
- */
-export interface TestimonialCarouselMetadata {
-    /** Array of testimonial cards to display */
-    cards: TestimonialCardMetadata[];
-}

package/lib/components/organisms/toolbar/toolbar.component.d.ts

@@ -1,85 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NavController } from '@ionic/angular';
-import { IconService } from '../../../services/icons.service';
-import { ToolbarAction, ToolbarActionType } from '../../types';
-import { ToolbarMetadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * ToolbarComponent
- *
- * Componente de barra de herramientas reutilizable para encabezados y pies de página.
- * Permite acciones, botón de retroceso, menú y personalización de colores y título.
- *
- * @example
- * <val-toolbar [props]="{ title: 'Mi App', withBack: true, actions: [...] }" (onClick)="handleToolbarAction($event)"></val-toolbar>
- *
- * @input props {ToolbarMetadata} - Metadatos de la barra de herramientas.
- * @output onClick - Emite el token de la acción clicada.
- */
-export declare class ToolbarComponent implements OnInit {
-    private navCtrl;
-    /**
-     * Metadatos de la barra de herramientas.
-     */
-    props: ToolbarMetadata;
-    /**
-     * Evento emitido al hacer click en una acción o botón de la barra.
-     */
-    onClick: EventEmitter<string>;
-    actionTypes: typeof ToolbarActionType;
-    constructor(navCtrl: NavController, icon: IconService);
-    ngOnInit(): void;
-    /**
-     * Emite el token de la acción clicada.
-     * @param token Token de la acción
-     */
-    clickHandler(token?: string): void;
-    /**
-     * Navega hacia atrás usando NavController.
-     */
-    goBack(): void;
-    /**
-     * Determina si hay acciones a la derecha.
-     */
-    someInRight(): boolean;
-    /**
-     * Determina si hay acciones a la izquierda.
-     */
-    someInLeft(): boolean;
-    /**
-     * Devuelve las acciones de la derecha.
-     */
-    rightActions(): ToolbarAction[];
-    /**
-     * Devuelve las acciones de la izquierda.
-     */
-    leftActions(): ToolbarAction[];
-    /**
-     * Language selector props with 'icon' mode as default for toolbar display.
-     */
-    get languageSelectorProps(): {
-        mode: import("valtech-components").LanguageSelectorMode;
-        icon?: string;
-        currentLanguage?: string;
-        availableLanguages?: string[];
-        showLabel?: boolean;
-        label?: string;
-        labelConfig?: {
-            className?: string;
-            key: string;
-            fallback?: string;
-            interpolation?: Record<string, any>;
-        };
-        showFlags?: boolean;
-        color: import("@ionic/core").Color;
-        size?: "small" | "large" | "default";
-        fill?: "default" | "clear" | "outline" | "solid";
-        shape?: "round";
-        expand?: "full" | "block";
-        disabled?: boolean;
-        customLanguageNames?: Record<string, string>;
-        forceReload?: boolean;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "val-toolbar", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[toolbar-bottom]"], true, never>;
-}

package/lib/components/organisms/toolbar/types.d.ts

@@ -1,31 +0,0 @@
-/**
- * Tipos y metadatos para el componente ToolbarComponent.
- * Permiten definir el título, acciones, colores y opciones de navegación de la barra de herramientas.
- */
-import { Color } from '@ionic/core';
-import { ToolbarAction } from '../../types';
-import { LanguageSelectorMetadata } from '../../molecules/language-selector/types';
-/**
- * Metadatos para la barra de herramientas.
- * @property withBack Si muestra botón de retroceso.
- * @property withMenu (opcional) Si muestra botón de menú.
- * @property backText (opcional) Texto del botón de retroceso.
- * @property withActions Si muestra acciones.
- * @property color (opcional) Color de fondo.
- * @property textColor (opcional) Color del texto.
- * @property title Título de la barra.
- * @property actions Acciones disponibles en la barra.
- * @property languageSelector (opcional) Configuración del selector de idioma.
- */
-export type ToolbarMetadata = {
-    withBack: boolean;
-    withMenu?: boolean;
-    backText?: string;
-    withActions: boolean;
-    color?: Color;
-    textColor?: Color;
-    title: string;
-    actions: ToolbarAction[];
-    /** Language selector configuration. Displays to the left of menu button when provided. */
-    languageSelector?: LanguageSelectorMetadata;
-};

package/lib/components/organisms/wizard/types.d.ts

@@ -1,42 +0,0 @@
-/**
- * Tipos y metadatos para el componente WizardComponent.
- * Permiten definir los pasos, botones, estado y navegación del wizard.
- */
-import { ButtonMetadata, ComponentState } from '../../types';
-import { NoContentMetadata } from '../no-content/types';
-/**
- * Metadatos del wizard.
- * @property state Estado global del wizard.
- * @property current Paso actual.
- * @property steps Colección de pasos.
- * @property error Paso de error.
- */
-export type WizardMetadata = {
-    state: ComponentState;
-    current: number;
-    steps: Steps;
-    error: Step;
-};
-/**
- * Representa un paso del wizard.
- * @property titles Metadatos de "no contenido" para el paso.
- * @property buttons Botones disponibles en el paso.
- */
-export type Step = {
-    titles: NoContentMetadata;
-    buttons: ButtonMetadata[];
-};
-/**
- * Colección de pasos del wizard, indexados por número de paso.
- */
-export type Steps = {
-    [step: number]: Step;
-};
-/**
- * Enumera los posibles movimientos de navegación en el wizard.
- */
-export declare enum MOTION {
-    BACKWARD = 0,
-    FORWARD = 1,
-    RETRY = 2
-}

package/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.d.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { ButtonMetadata } from '../../../types';
-import { MOTION, Step, WizardMetadata } from '../types';
-import * as i0 from "@angular/core";
-export declare class WizardFooterComponent implements OnInit, OnChanges {
-    private cdr;
-    props: WizardMetadata;
-    onClick: EventEmitter<{
-        current: number;
-        motion: MOTION;
-    }>;
-    wrapperId: string;
-    constructor(cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    clickHandler(token?: string): void;
-    get Current(): Step;
-    get Progress(): number;
-    get actions(): ButtonMetadata[];
-    tryToStep(motion: MOTION): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WizardFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardFooterComponent, "val-wizard-footer", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
-}

package/lib/components/organisms/wizard/wizard.component.d.ts

@@ -1,27 +0,0 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { MOTION, Step, WizardMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class WizardComponent implements OnInit, OnChanges {
-    props: WizardMetadata;
-    onClick: EventEmitter<{
-        current: number;
-        motion: MOTION;
-    }>;
-    wrapperId: string;
-    currentStep: Step | null;
-    currentStepTitles: any;
-    loadingText: string;
-    private cdr;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private updateCurrentStep;
-    working(): void;
-    done(): void;
-    get Current(): Step;
-    setCurrent(newStep: number): void;
-    setError(error: string): void;
-    reset(): void;
-    clickHandler(token?: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "val-wizard", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[step]"], true, never>;
-}

package/lib/components/templates/auth-background/auth-background.component.d.ts

@@ -1,62 +0,0 @@
-import { AuthBackgroundMetadata } from './types';
-import * as i0 from "@angular/core";
-interface WaveData {
-    id: number;
-    path: string;
-    color: string;
-    thickness: number;
-    opacity: number;
-    pulseDuration: number;
-    pulseDelay: number;
-    travelDuration: number;
-    travelDelay: number;
-    travelDirection: 'left' | 'right';
-}
-/**
- * val-auth-background
- *
- * A visually striking background component for authentication pages.
- * Features animated wave patterns, grain texture, and glassmorphism effects.
- * Supports dark mode automatically via CSS variables.
- *
- * @example Basic usage
- * ```html
- * <val-auth-background>
- *   <div class="my-content">
- *     <h1>Welcome</h1>
- *     <val-login [props]="loginProps" />
- *   </div>
- * </val-auth-background>
- * ```
- *
- * @example Custom configuration
- * ```html
- * <val-auth-background [props]="{
- *   waveCount: 30,
- *   showGrain: false,
- *   minHeight: '100vh'
- * }">
- *   <div class="content">...</div>
- * </val-auth-background>
- * ```
- */
-export declare class AuthBackgroundComponent {
-    private _props;
-    set props(value: AuthBackgroundMetadata);
-    get props(): AuthBackgroundMetadata;
-    private defaultColors;
-    private wavesSignal;
-    config: import("@angular/core").Signal<{
-        waveCount: number;
-        waveColors: string[];
-        showGrain: boolean;
-        showGlass: boolean;
-        minHeight: string;
-    }>;
-    waves: import("@angular/core").Signal<WaveData[]>;
-    constructor();
-    private regenerateWaves;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthBackgroundComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AuthBackgroundComponent, "val-auth-background", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-export {};

package/lib/components/templates/auth-background/types.d.ts

@@ -1,30 +0,0 @@
-/**
- * Configuration for the auth-background component.
- */
-export interface AuthBackgroundMetadata {
-    /**
-     * Number of animated wave lines.
-     * @default 45
-     */
-    waveCount?: number;
-    /**
-     * Array of colors for waves. Picks randomly from this palette.
-     * @default ['#e0e0e0', '#bdbdbd', '#9e9e9e', '#757575', '#616161', '#424242']
-     */
-    waveColors?: string[];
-    /**
-     * Show grain texture overlay.
-     * @default true
-     */
-    showGrain?: boolean;
-    /**
-     * Show glassmorphism layer.
-     * @default true
-     */
-    showGlass?: boolean;
-    /**
-     * Minimum height of the background container.
-     * @default 'calc(100vh - 120px)'
-     */
-    minHeight?: string;
-}

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

@@ -1,42 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { DocsLayoutMetadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * val-docs-layout
- *
- * A responsive 3-column layout template for documentation sites.
- * Provides slots for sidebar navigation, main content, and table of contents.
- *
- * @example Basic usage
- * ```html
- * <val-docs-layout [props]="{ showToc: true }">
- *   <ng-container sidebar>
- *     <val-docs-sidebar [props]="sidebarConfig"></val-docs-sidebar>
- *   </ng-container>
- *
- *   <ng-container content>
- *     <val-article [props]="articleConfig"></val-article>
- *   </ng-container>
- *
- *   <ng-container toc>
- *     <val-docs-toc [props]="tocConfig"></val-docs-toc>
- *   </ng-container>
- * </val-docs-layout>
- * ```
- */
-export declare class DocsLayoutComponent {
-    props: DocsLayoutMetadata;
-    sidebarToggle: EventEmitter<boolean>;
-    private readonly MOBILE_BREAKPOINT;
-    private readonly TABLET_BREAKPOINT;
-    private windowWidth;
-    protected sidebarOpen: import("@angular/core").WritableSignal<boolean>;
-    protected isMobile: import("@angular/core").Signal<boolean>;
-    protected isTablet: import("@angular/core").Signal<boolean>;
-    onResize(): void;
-    onEscapeKey(): void;
-    toggleSidebar(): void;
-    closeSidebar(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DocsLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocsLayoutComponent, "val-docs-layout", never, { "props": { "alias": "props"; "required": false; }; }, { "sidebarToggle": "sidebarToggle"; }, never, ["[mobile-header]", "[sidebar]", "[content]", "[toc]"], true, never>;
-}

package/lib/components/templates/docs-layout/types.d.ts

@@ -1,39 +0,0 @@
-/**
- * Configuration for the docs-layout template component.
- */
-export interface DocsLayoutMetadata {
-    /**
-     * Show the left sidebar navigation.
-     * @default true
-     */
-    showSidebar?: boolean;
-    /**
-     * Show the right table of contents.
-     * @default true
-     */
-    showToc?: boolean;
-    /**
-     * Width of the sidebar.
-     * @default '260px'
-     */
-    sidebarWidth?: string;
-    /**
-     * Width of the table of contents.
-     * @default '220px'
-     */
-    tocWidth?: string;
-    /**
-     * Maximum width of the main content area.
-     * @default '900px'
-     */
-    contentMaxWidth?: string;
-    /**
-     * Sticky header offset (for scroll calculations).
-     * @default 0
-     */
-    headerOffset?: number;
-    /**
-     * Custom CSS class for the layout container.
-     */
-    cssClass?: string;
-}

package/lib/components/templates/docs-page/docs-page.component.d.ts

@@ -1,61 +0,0 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { DocsBreadcrumbMetadata } from '../../molecules/docs-breadcrumb/types';
-import { DocsNavLinksMetadata } from '../../molecules/docs-nav-links/types';
-import { DocsTocMetadata } from '../../organisms/docs-toc/types';
-import { ContentReactionMetadata } from '../../molecules/content-reaction/types';
-import { DocsPageMetadata } from './types';
-import * as i0 from "@angular/core";
-/**
- * val-docs-page
- *
- * A complete documentation page template that eliminates boilerplate.
- * Provides automatic TOC generation, navigation links, and consistent styling.
- *
- * @example Basic usage
- * ```html
- * <val-docs-page [props]="{
- *   title: 'Button',
- *   lead: 'A clickable element for user interactions.',
- *   previousPage: { title: 'Quick Start', route: ['/docs', 'quick-start'] },
- *   nextPage: { title: 'Card', route: ['/docs', 'components', 'card'] }
- * }">
- *   <val-docs-section [props]="{ id: 'basic-usage', title: 'Basic Usage' }">
- *     <p>Content here...</p>
- *   </val-docs-section>
- *
- *   <val-docs-section [props]="{ id: 'variants', title: 'Variants' }">
- *     <p>More content...</p>
- *   </val-docs-section>
- * </val-docs-page>
- * ```
- *
- * @example With badge
- * ```html
- * <val-docs-page [props]="{
- *   title: 'New Component',
- *   badge: 'New',
- *   badgeColor: 'success'
- * }">
- *   ...
- * </val-docs-page>
- * ```
- */
-export declare class DocsPageComponent implements AfterViewInit, OnDestroy {
-    private elementRef;
-    private router;
-    private _props;
-    set props(value: DocsPageMetadata);
-    get props(): DocsPageMetadata;
-    private tocItems;
-    private observer;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private scanForSections;
-    tocProps: import("@angular/core").Signal<DocsTocMetadata>;
-    navLinksProps: import("@angular/core").Signal<DocsNavLinksMetadata>;
-    showNavLinks: import("@angular/core").Signal<boolean>;
-    breadcrumbProps: import("@angular/core").Signal<DocsBreadcrumbMetadata>;
-    feedbackProps: import("@angular/core").Signal<ContentReactionMetadata>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DocsPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocsPageComponent, "val-docs-page", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
-}

package/lib/components/templates/docs-page/types.d.ts

@@ -1,121 +0,0 @@
-import { DocsBreadcrumbItem } from '../../molecules/docs-breadcrumb/types';
-/**
- * Configuration for the docs-page component.
- */
-export interface DocsPageMetadata {
-    /**
-     * Page title displayed as h1.
-     */
-    title: string;
-    /**
-     * Breadcrumb navigation items.
-     * When provided, shows breadcrumb above the title.
-     */
-    breadcrumb?: {
-        /** Breadcrumb items (last item is current page) */
-        items: DocsBreadcrumbItem[];
-        /** Show home icon at start @default true */
-        showHome?: boolean;
-        /** Custom home route @default ['/'] */
-        homeRoute?: string[];
-    };
-    /**
-     * Lead paragraph below the title.
-     */
-    lead?: string;
-    /**
-     * Optional badge displayed next to title (e.g., "New", "Updated", "Beta").
-     */
-    badge?: string;
-    /**
-     * Badge color variant.
-     * @default 'default'
-     */
-    badgeColor?: 'default' | 'success' | 'warning' | 'danger';
-    /**
-     * Previous page for navigation.
-     */
-    previousPage?: DocsPageLink;
-    /**
-     * Next page for navigation.
-     */
-    nextPage?: DocsPageLink;
-    /**
-     * i18n labels for navigation.
-     */
-    navLabels?: {
-        previous?: string;
-        next?: string;
-    };
-    /**
-     * TOC configuration.
-     */
-    toc?: {
-        /**
-         * TOC title.
-         * @default 'On this page'
-         */
-        title?: string;
-        /**
-         * Hide the TOC.
-         * @default false
-         */
-        hide?: boolean;
-    };
-    /**
-     * Custom CSS class.
-     */
-    cssClass?: string;
-    /**
-     * Feedback/reaction widget configuration.
-     * When enabled, shows a "Was this page helpful?" reaction widget.
-     */
-    feedback?: DocsPageFeedbackConfig;
-}
-/**
- * Configuration for the feedback reaction widget.
- */
-export interface DocsPageFeedbackConfig {
-    /**
-     * Enable the feedback widget.
-     */
-    enabled: boolean;
-    /**
-     * Entity type for categorizing feedback.
-     * @default 'docs-page'
-     */
-    entityType?: string;
-    /**
-     * Entity ID for this page. If not provided, derives from current route.
-     * @example 'components-button', 'guides-theming'
-     */
-    entityId?: string;
-    /**
-     * Custom question text. If not provided, uses i18n default.
-     * @example '¿Te resultó útil esta página?'
-     */
-    question?: string;
-    /**
-     * Allow anonymous (unauthenticated) feedback.
-     * @default true
-     */
-    allowAnonymous?: boolean;
-    /**
-     * Show optional comment field after reaction.
-     * @default true
-     */
-    showComment?: boolean;
-}
-/**
- * Link to another documentation page.
- */
-export interface DocsPageLink {
-    /**
-     * Display title for the link.
-     */
-    title: string;
-    /**
-     * Route array for navigation.
-     */
-    route: string[];
-}