valtech-components 2.0.687 → 2.0.689

package/lib/components/atoms/href/types.d.ts

@@ -1,19 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Props for val-href component.
- *
- * @property url - The URL to open.
- * @property token - Optional token for event identification.
- * @property text - The link text.
- * @property color - The link color (Ionic color string).
- * @property download - Whether to trigger a download (optional).
- * @property hoverable - Whether the link is hoverable (optional).
- */
-export type HrefMetadata = {
-    url: string;
-    token: string;
-    text: string;
-    color: Color;
-    download: boolean;
-    hoverable: boolean;
-};

package/lib/components/atoms/icon/icon.component.d.ts

@@ -1,18 +0,0 @@
-import { OnInit } from '@angular/core';
-import { IconService } from '../../../services/icons.service';
-import { IconMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class IconComponent implements OnInit {
-    /**
-     * Icon configuration object.
-     * @type {IconMetadata}
-     * @property name - The icon name (Ionicons).
-     * @property color - The icon color (Ionic color string).
-     * @property size - The icon size ('small' | 'medium' | 'large' | 'xlarge').
-     */
-    props: IconMetadata;
-    constructor(service: IconService);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "val-icon", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/icon/types.d.ts

@@ -1,13 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Props for val-icon component.
- *
- * @property name - The icon name (Ionicons).
- * @property color - The icon color (Ionic color string).
- * @property size - The icon size ('small' | 'medium' | 'large' | 'xlarge').
- */
-export interface IconMetadata {
-    size: 'small' | 'medium' | 'large' | 'xlarge';
-    color: Color;
-    name: string;
-}

package/lib/components/atoms/image/image.component.d.ts

@@ -1,41 +0,0 @@
-import { OnInit } from '@angular/core';
-import { ImageMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class ImageComponent implements OnInit {
-    props: ImageMetadata;
-    available: boolean;
-    isPreviewOpen: boolean;
-    zoomLevel: number;
-    minZoom: number;
-    maxZoom: number;
-    panX: number;
-    panY: number;
-    isDragging: boolean;
-    lastPanX: number;
-    lastPanY: number;
-    startX: number;
-    startY: number;
-    initialDistance: number;
-    initialZoom: number;
-    touches: Touch[];
-    Math: Math;
-    constructor();
-    ngOnInit(): void;
-    changeToVisible(): void;
-    openPreview(): void;
-    closePreview(): void;
-    zoomIn(): void;
-    zoomOut(): void;
-    resetZoom(): void;
-    onMouseDown(event: MouseEvent): void;
-    onMouseMove(event: MouseEvent): void;
-    onMouseUp(event: MouseEvent): void;
-    onTouchStart(event: TouchEvent): void;
-    onTouchMove(event: TouchEvent): void;
-    onTouchEnd(event: TouchEvent): void;
-    onWheel(event: WheelEvent): void;
-    private getDistance;
-    onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageComponent, "val-image", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/image/types.d.ts

@@ -1,37 +0,0 @@
-/**
- * Props for val-image component.
- *
- * @property src - The image source URL.
- * @property alt - The alt text for the image.
- * @property mode - The display mode ('rounded' | 'circular' | 'box').
- * @property shaded - Whether the image has a shaded effect.
- * @property bordered - Whether the image has a border.
- * @property limited - Whether the image is limited in size (optional).
- * @property dark - Whether the image uses a dark style (optional).
- * @property size - The image size ('small' | 'medium' | 'large' | 'xlarge').
- * @property width - The image width in px (optional).
- * @property height - The image height in px (optional).
- * @property alignment - The alignment of the image container ('left' | 'center' | 'right').
- * @property caption - Optional caption text below the image.
- * @property captionSize - Size of the caption text ('small' | 'medium' | 'large').
- * @property containerClass - Additional CSS classes for the container.
- * @property previewMode - Enable full-screen preview with zoom capabilities (optional).
- */
-export type ImageMetadata = {
-    src: string;
-    alt: string;
-    mode: 'rounded' | 'circular' | 'box';
-    shaded: boolean;
-    bordered: boolean;
-    limited?: boolean;
-    dark?: boolean;
-    size: 'small' | 'medium' | 'large' | 'xlarge';
-    width?: number;
-    height?: number;
-    alignment?: 'left' | 'center' | 'right';
-    caption?: string;
-    captionSize?: 'small' | 'medium' | 'large';
-    containerClass?: string;
-    flex?: boolean;
-    previewMode?: boolean;
-};

package/lib/components/atoms/price-tag/price-tag.component.d.ts

@@ -1,15 +0,0 @@
-import { PriceTagMetadata, CurrencyInfo } from './types';
-import * as i0 from "@angular/core";
-export declare class PriceTagComponent {
-    props: PriceTagMetadata;
-    get currencyInfo(): CurrencyInfo;
-    get hasDiscount(): boolean;
-    getSymbol(): string;
-    formatAmount(): string;
-    formatPrice(amount: number): string;
-    getPrefix(): string;
-    getPeriod(): string;
-    getColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PriceTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PriceTagComponent, "val-price-tag", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/price-tag/types.d.ts

@@ -1,59 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Metadata for the price tag component.
- */
-export interface PriceTagMetadata {
-    /** Price amount */
-    amount: number;
-    /** Currency code (ISO 4217) */
-    currency?: string;
-    /** Currency symbol (overrides auto-detection) */
-    currencySymbol?: string;
-    /** Original price (for showing discounts) */
-    originalAmount?: number;
-    /** Discount percentage to show */
-    discountPercentage?: number;
-    /** Size variant */
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
-    /** Display variant */
-    variant?: 'default' | 'highlight' | 'sale' | 'free' | 'badge';
-    /** Show currency code after amount */
-    showCurrencyCode?: boolean;
-    /** Decimal places */
-    decimals?: number;
-    /** Period/frequency label (e.g., "/mes", "por boleto") */
-    period?: string;
-    /** Prefix text (e.g., "Desde") */
-    prefix?: string;
-    /** Suffix text (e.g., "MXN") */
-    suffix?: string;
-    /** Component color */
-    color?: Color;
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-    /** Show currency symbol */
-    showSymbol?: boolean;
-    /** Content key for prefix */
-    prefixContentKey?: string;
-    /** Content key for period */
-    periodContentKey?: string;
-    /** Content class for reactive content */
-    contentClass?: string;
-}
-/**
- * Currency configuration.
- */
-export interface CurrencyInfo {
-    code: string;
-    symbol: string;
-    symbolPosition: 'prefix' | 'suffix';
-    decimals: number;
-    thousandsSeparator: string;
-    decimalSeparator: string;
-}
-/**
- * Common currency configurations.
- */
-export declare const CURRENCY_INFO: Record<string, CurrencyInfo>;

package/lib/components/atoms/progress-bar/progress-bar.component.d.ts

@@ -1,35 +0,0 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { ProgressBarMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class ProgressBarComponent implements OnInit, OnChanges {
-    private presets;
-    /**
-     * Preset name to apply. Presets define reusable progress bar configurations
-     * that can be registered at app level via provideValtechPresets().
-     */
-    preset?: string;
-    /**
-     * Progress bar configuration object. Values here override preset values.
-     * @type {ProgressBarMetadata}
-     * @property progress - The progress value (0 to 1).
-     * @property size - The progress bar size ('small' | 'medium' | 'large' | 'xlarge').
-     * @property color - The progress bar color (Ionic color string).
-     * @property buffer - The buffer value for the bar.
-     * @property type - The type of progress bar ('determinate' | 'indeterminate').
-     * @property rounded - Whether the bar has rounded corners.
-     */
-    props: Partial<ProgressBarMetadata>;
-    /**
-     * Resolved props after merging preset + explicit props.
-     */
-    resolvedProps: ProgressBarMetadata;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Merge preset configuration with explicit props.
-     * Explicit props take precedence over preset values.
-     */
-    private resolveProps;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "val-progress-bar", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/progress-bar/types.d.ts

@@ -1,19 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Props for val-progress-bar component.
- *
- * @property progress - The progress value (0 to 1).
- * @property size - The progress bar size ('small' | 'medium' | 'large' | 'xlarge').
- * @property color - The progress bar color (Ionic color string).
- * @property buffer - The buffer value for the bar.
- * @property type - The type of progress bar ('determinate' | 'indeterminate').
- * @property rounded - Whether the bar has rounded corners.
- */
-export interface ProgressBarMetadata {
-    progress: number;
-    size: 'small' | 'medium' | 'large' | 'xlarge';
-    color: Color;
-    buffer: number;
-    type: 'determinate' | 'indeterminate';
-    rounded: boolean;
-}

package/lib/components/atoms/progress-ring/progress-ring.component.d.ts

@@ -1,20 +0,0 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import { ProgressRingMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class ProgressRingComponent implements OnChanges {
-    props: ProgressRingMetadata;
-    size: number;
-    strokeWidth: number;
-    radius: number;
-    center: number;
-    circumference: number;
-    dashOffset: number;
-    labelFontSize: number;
-    ngOnChanges(changes: SimpleChanges): void;
-    getProgressColor(): string;
-    getTrackColor(): string;
-    private calculateDimensions;
-    private calculateProgress;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressRingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressRingComponent, "val-progress-ring", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/progress-ring/types.d.ts

@@ -1,24 +0,0 @@
-import { Color } from '@ionic/core';
-/**
- * Metadata for the progress ring component.
- */
-export interface ProgressRingMetadata {
-    /** Progress value (0-100) */
-    value: number;
-    /** Size in pixels */
-    size?: number;
-    /** Stroke width */
-    strokeWidth?: number;
-    /** Progress color */
-    color?: Color;
-    /** Track (background) color */
-    trackColor?: Color;
-    /** Show percentage value */
-    showValue?: boolean;
-    /** Custom label (overrides percentage) */
-    label?: string;
-    /** Animate progress changes */
-    animated?: boolean;
-    /** Unique token identifier */
-    token?: string;
-}

package/lib/components/atoms/qr-code/qr-code.component.d.ts

@@ -1,33 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { QrCodeMetadata, QrCodeActionEvent } from './types';
-import * as i0 from "@angular/core";
-export declare class QrCodeComponent implements OnInit {
-    props: QrCodeMetadata;
-    actionComplete: EventEmitter<QrCodeActionEvent>;
-    imageLoad: EventEmitter<void>;
-    imageError: EventEmitter<Error>;
-    canShare: boolean;
-    canCopy: boolean;
-    private qrService;
-    private i18n;
-    ngOnInit(): void;
-    getDisplaySize(): string;
-    getBorderRadius(): string;
-    getPadding(): string;
-    getQrBorderRadius(): string;
-    getContainerClasses(): string;
-    getContainerBackground(): string;
-    getShadow(): string;
-    getLabelFontSize(): string;
-    hasActions(): boolean;
-    getDownloadLabel(): string;
-    getCopyLabel(): string;
-    getShareLabel(): string;
-    onDownload(): Promise<void>;
-    onCopy(): Promise<void>;
-    onShare(): Promise<void>;
-    onImageLoad(): void;
-    onImageError(_event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QrCodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QrCodeComponent, "val-qr-code", never, { "props": { "alias": "props"; "required": false; }; }, { "actionComplete": "actionComplete"; "imageLoad": "imageLoad"; "imageError": "imageError"; }, never, never, true, never>;
-}

package/lib/components/atoms/qr-code/types.d.ts

@@ -1,124 +0,0 @@
-import { QrResult } from '../../../services/qr-generator/types';
-/**
- * Theme presets for quick styling.
- */
-export type QrDisplayTheme = 'default' | 'minimal' | 'gradient-purple' | 'gradient-blue' | 'gradient-sunset' | 'gradient-mint' | 'dark' | 'neon';
-/**
- * Label position options.
- */
-export type QrLabelPosition = 'top' | 'bottom';
-/**
- * Gradient direction options.
- */
-export type QrGradientDirection = 'to-right' | 'to-left' | 'to-bottom' | 'to-top' | 'to-bottom-right' | 'to-bottom-left' | 'to-top-right' | 'to-top-left';
-/**
- * Gradient configuration for backgrounds.
- */
-export interface QrDisplayGradient {
-    /** Start color */
-    from: string;
-    /** End color */
-    to: string;
-    /** Optional middle color */
-    via?: string;
-    /** Gradient direction */
-    direction?: QrGradientDirection;
-}
-/**
- * Label configuration for QR display.
- */
-export interface QrLabelConfig {
-    /** Label text */
-    text: string;
-    /** Position (top or bottom) */
-    position?: QrLabelPosition;
-    /** Text color */
-    color?: string;
-    /** Font size in pixels */
-    fontSize?: number;
-    /** Font weight */
-    fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold';
-    /** Icon name (ionicon) to show with label */
-    icon?: string;
-    /** Icon position */
-    iconPosition?: 'start' | 'end';
-}
-/**
- * Metadata for the QR code display component.
- */
-export interface QrCodeMetadata {
-    /** QR result from QrGeneratorService */
-    qr: QrResult;
-    /** Alt text for accessibility */
-    alt?: string;
-    /** Whether to show download button */
-    showDownload?: boolean;
-    /** Download button label */
-    downloadLabel?: string;
-    /** Whether to show copy button */
-    showCopy?: boolean;
-    /** Copy button label */
-    copyLabel?: string;
-    /** Whether to show share button */
-    showShare?: boolean;
-    /** Share button label */
-    shareLabel?: string;
-    /** Custom CSS class */
-    cssClass?: string;
-    /** Size override (will scale the image) */
-    displaySize?: number;
-    /** Border radius for the container */
-    borderRadius?: number;
-    /** Show border around QR */
-    showBorder?: boolean;
-    /** Border color */
-    borderColor?: string;
-    /** Padding around the QR code */
-    padding?: number;
-    /** Background color for container */
-    containerBackground?: string;
-    /** Loading state */
-    loading?: boolean;
-    /** Custom filename for download (without extension) */
-    downloadFilename?: string;
-    /** Share title */
-    shareTitle?: string;
-    /** Share text/description */
-    shareText?: string;
-    /** Custom filename for share */
-    shareFilename?: string;
-    /** Theme preset for quick styling */
-    theme?: QrDisplayTheme;
-    /** Label/caption configuration */
-    label?: QrLabelConfig;
-    /** Gradient background (overrides containerBackground) */
-    gradient?: QrDisplayGradient;
-    /** Box shadow (e.g., 'sm', 'md', 'lg', 'xl', or custom CSS) */
-    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | string;
-    /** Glow effect color (for neon theme) */
-    glowColor?: string;
-    /** Enable pulse animation on hover */
-    pulseOnHover?: boolean;
-    /** Enable scale animation on hover */
-    scaleOnHover?: boolean;
-    /** QR image border radius (to round the QR itself) */
-    qrBorderRadius?: number;
-    /** Reactive content keys */
-    downloadLabelContentKey?: string;
-    copyLabelContentKey?: string;
-    shareLabelContentKey?: string;
-    contentClass?: string;
-}
-/**
- * Event emitted after QR code action.
- */
-export interface QrCodeActionEvent {
-    /** Action type */
-    action: 'download' | 'copy' | 'share';
-    /** Whether action was successful */
-    success: boolean;
-    /** QR result */
-    qr: QrResult;
-    /** Error if action failed */
-    error?: Error;
-}

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

@@ -1,53 +0,0 @@
-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 {
-    private i18n;
-    /**
-     * Optional configuration for the rights footer.
-     * Signal-based input for full reactivity with computed().
-     */
-    readonly props: import("@angular/core").InputSignal<RightsFooterMetadata>;
-    /**
-     * Current year for copyright.
-     */
-    currentYear: number;
-    /**
-     * Computed copyright text - reactive to both language AND props changes.
-     */
-    copyrightText: import("@angular/core").Signal<string>;
-    /**
-     * Computed helper for align prop in template.
-     */
-    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
-    /**
-     * Computed helper for color prop in template.
-     */
-    propsColor: import("@angular/core").Signal<"success" | "dark" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "medium">;
-    /**
-     * Computed helper for withMargin prop in template.
-     */
-    propsWithMargin: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RightsFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RightsFooterComponent, "val-rights-footer", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

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

@@ -1,21 +0,0 @@
-/**
- * Configuration for the rights footer component.
- */
-export interface RightsFooterMetadata {
-    /**
-     * Full custom text with {year} placeholder for dynamic year.
-     * When set, companyName and rightsText are ignored.
-     * @example "© {year}, Soluciones Valtech Ltda. Todos los derechos reservados."
-     */
-    fullText?: string;
-    /** 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';
-    /** Apply margin-bottom spacing. Default: false */
-    withMargin?: boolean;
-}

package/lib/components/atoms/skeleton/skeleton.component.d.ts

@@ -1,12 +0,0 @@
-import { SkeletonMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class SkeletonComponent {
-    props: SkeletonMetadata;
-    getWidth(): string;
-    getHeight(): string;
-    getBorderRadius(): string;
-    isCircle(): boolean;
-    getLines(): number[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "val-skeleton", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/skeleton/types.d.ts

@@ -1,29 +0,0 @@
-/**
- * Skeleton type presets.
- */
-export type SkeletonType = 'text' | 'avatar' | 'thumbnail' | 'card' | 'list-item' | 'paragraph' | 'custom';
-/**
- * Metadata for the skeleton component.
- */
-export interface SkeletonMetadata {
-    /** Skeleton type preset */
-    type?: SkeletonType;
-    /** Number of lines (for text/paragraph type) */
-    lines?: number;
-    /** Enable animation */
-    animated?: boolean;
-    /** Custom width */
-    width?: string;
-    /** Custom height */
-    height?: string;
-    /** Border radius */
-    borderRadius?: string;
-    /** Show as circle (for avatar) */
-    circle?: boolean;
-    /** Unique token identifier */
-    token?: string;
-}
-/**
- * Preset configurations for skeleton types.
- */
-export declare const SKELETON_PRESETS: Record<SkeletonType, Partial<SkeletonMetadata>>;

package/lib/components/atoms/text/text.component.d.ts

@@ -1,33 +0,0 @@
-import { TextMetadata } from './types';
-import * as i0 from "@angular/core";
-export declare class TextComponent {
-    /**
-     * Text configuration object.
-     * Signal-based input for full reactivity with computed().
-     */
-    readonly props: import("@angular/core").InputSignal<TextMetadata>;
-    /**
-     * Computed content that SE ACTUALIZA when props() changes.
-     */
-    displayContent: import("@angular/core").Signal<string>;
-    propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
-    propsBold: import("@angular/core").Signal<boolean>;
-    propsProcessLinks: import("@angular/core").Signal<boolean>;
-    propsAllowPartialBold: import("@angular/core").Signal<boolean>;
-    propsLinkConfig: import("@angular/core").Signal<import("valtech-components").LinkProcessorConfig>;
-    /**
-     * Check if content has partial bold tags.
-     */
-    hasPartialBold: import("@angular/core").Signal<boolean>;
-    /**
-     * Process partial bold tags in the content.
-     */
-    processPartialBold: import("@angular/core").Signal<string>;
-    /**
-     * Interpolate placeholders in content with provided values.
-     */
-    private interpolateContent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "val-text", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/atoms/text/types.d.ts

@@ -1,42 +0,0 @@
-import { Color } from '@ionic/core';
-import { LinkProcessorConfig } from '../../../services/link-processor.service';
-/**
- * Props for val-text component.
- *
- * The component supports both static content and reactive content from the language service.
- * Use either `content` for static text or `contentKey` + `contentClass` for reactive text.
- *
- * @property content - Static text to display (takes precedence over contentKey)
- * @property contentKey - Key for dynamic content from language service
- * @property contentClass - Component class name for content lookup (required with contentKey)
- * @property contentFallback - Fallback text if contentKey is not found
- * @property contentInterpolation - Values to interpolate into the content string
- * @property color - The text color (Ionic color string)
- * @property size - The text size ('small' | 'medium' | 'large' | 'xlarge')
- * @property bold - Whether the text is bold
- * @property processLinks - Whether to automatically process and convert links in the text (default: false)
- * @property linkConfig - Configuration for link processing (colors, target behavior, etc.)
- */
-export interface TextMetadata {
-    size: 'small' | 'medium' | 'large' | 'xlarge';
-    color: Color;
-    content?: string;
-    bold: boolean;
-    contentKey?: string;
-    contentClass?: string;
-    contentFallback?: string;
-    contentInterpolation?: Record<string, string | number>;
-    processLinks?: boolean;
-    linkConfig?: LinkProcessorConfig;
-    allowPartialBold?: boolean;
-}
-/**
- * Configuration for reactive content in val-text component.
- * Use this interface when you only need to specify content-related properties.
- */
-export interface TextContentConfig {
-    contentKey: string;
-    contentClass: string;
-    contentFallback?: string;
-    contentInterpolation?: Record<string, string | number>;
-}