valtech-components 2.0.507 → 2.0.509

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

@@ -9,6 +9,7 @@ export declare class QrCodeComponent implements OnInit {
     canShare: boolean;
     canCopy: boolean;
     private qrService;
+    private i18n;
     ngOnInit(): void;
     getDisplaySize(): string;
     getBorderRadius(): string;

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

@@ -1,5 +1,4 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
-import { ToastController } from '@ionic/angular';
 import 'prismjs/components/prism-css';
 import 'prismjs/components/prism-javascript';
 import 'prismjs/components/prism-markup';
@@ -10,7 +9,8 @@ export declare class CodeDisplayComponent implements AfterViewInit, OnChanges {
     private cdr;
     codeElement: ElementRef<HTMLElement>;
     props: CodeDisplayMetadata;
-    toast: ToastController;
+    private toast;
+    private i18n;
     selectedTab: number;
     constructor(cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -9,6 +9,11 @@ export declare class DateInputComponent implements OnInit {
      * @property hint - The hint text for the input.
      */
     props: DateInputMetadata;
+    private i18n;
+    /** Done button text - from props or i18n default */
+    get doneText(): string;
+    /** Cancel button text - from props or i18n default */
+    get cancelText(): string;
     constructor();
     ngOnInit(): void;
     private applyDefaultValue;

package/lib/components/molecules/date-range-input/date-range-input.component.d.ts

@@ -16,7 +16,18 @@ export declare class DateRangeInputComponent implements OnInit, OnDestroy {
     startDatetimeId: string;
     endDatetimeId: string;
     showDayCount: boolean;
+    private i18n;
     private valueSubscription;
+    /** Get done button text from props or i18n */
+    getDoneText(): string;
+    /** Get cancel button text from props or i18n */
+    getCancelText(): string;
+    /** Get start date fallback label */
+    getStartDateFallback(): string;
+    /** Get end date fallback label */
+    getEndDateFallback(): string;
+    /** Get day/days label based on count */
+    getDayLabel(): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
     getLabel(): string;

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

@@ -11,10 +11,13 @@ export declare class FileInputComponent implements OnInit {
      */
     props: FileInputMetadata;
     fileInput: any;
+    private i18n;
     contrastButton: ButtonMetadata;
     selectedFile: File;
     constructor();
     ngOnInit(): void;
+    /** Get display text for file status */
+    getFileDisplayText(): string;
     onFileSelected(event: any): void;
     reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileInputComponent, never>;

package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts

@@ -12,6 +12,19 @@ export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy
     props: InputMetadata;
     icon: IconService;
     private changeDetector;
+    private i18n;
+    /** Get close button text */
+    getCloseText(): string;
+    /** Get no results text */
+    getNoResultsText(): string;
+    /** Get select all text */
+    getSelectAllText(): string;
+    /** Get clear text */
+    getClearText(): string;
+    /** Get apply text */
+    getApplyText(): string;
+    /** Get items selected text */
+    getItemsSelectedText(count: number): string;
     searchTerm: string;
     filteredItems: InputOption[];
     selectedItems: InputOption[];

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

@@ -5,7 +5,16 @@ export declare class ParticipantCardComponent {
     props: ParticipantCardMetadata;
     cardClick: EventEmitter<ParticipantCardClickEvent>;
     actionClick: EventEmitter<ParticipantCardActionEvent>;
+    private i18n;
     showAllTickets: boolean;
+    /** Get winner badge text */
+    getWinnerText(): string;
+    /** Get tickets count text */
+    getTicketsCountText(count: number): string;
+    /** Get more tickets text */
+    getMoreText(count: number): string;
+    /** Get notes label */
+    getNotesLabel(): string;
     get ticketNumbers(): (number | ParticipantTicket)[];
     get visibleTickets(): (number | ParticipantTicket)[];
     get hiddenTicketsCount(): number;

package/lib/components/molecules/popover-selector/popover-selector.component.d.ts

@@ -12,6 +12,7 @@ export declare class PopoverSelectorComponent {
      * Emits the selected value(s).
      */
     selectionChange: EventEmitter<string | string[]>;
+    private i18n;
     constructor();
     /**
      * Get placeholder text.

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

@@ -5,6 +5,14 @@ export declare class SearchbarComponent {
      * Whether the searchbar is disabled.
      */
     disabled: boolean;
+    /**
+     * Custom placeholder text (optional - uses i18n default if not provided)
+     */
+    placeholder?: string;
+    /**
+     * Custom cancel button text (optional - uses i18n default if not provided)
+     */
+    cancelText?: string;
     /**
      * Emits the search term on input.
      */
@@ -17,10 +25,15 @@ export declare class SearchbarComponent {
      * Emits when the searchbar loses focus.
      */
     blurEvent: EventEmitter<void>;
+    private i18n;
+    /** Get placeholder text */
+    getPlaceholder(): string;
+    /** Get cancel button text */
+    getCancelText(): string;
     constructor();
     onSearch($event: any): void;
     onFocus(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "filterEvent": "filterEvent"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "val-searchbar", never, { "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; }, { "filterEvent": "filterEvent"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
 }

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

@@ -14,6 +14,7 @@ export declare class SearchSelectorComponent implements OnInit {
      * @property okText - Custom OK button text (default: 'Aceptar').
      */
     props: InputMetadata;
+    private i18n;
     customModalOptions: {
         header: string;
         breakpoints: number[];

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

@@ -21,6 +21,13 @@ export declare class SelectSearchComponent implements OnChanges, OnDestroy {
     props: InputMetadata;
     icon: IconService;
     private changeDetector;
+    private i18n;
+    /** Get close button text */
+    getCloseText(): string;
+    /** Get no results text */
+    getNoResultsText(): string;
+    /** Get items selected text */
+    getItemsSelectedText(count: number): string;
     searchTerm: string;
     filteredItems: InputOption[];
     selectedItems: InputOption[];

package/lib/components/organisms/data-table/data-table.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { DataTableMetadata, DataTableColumn, DataTableSort, DataTableRowClickEvent, DataTableSelectionChangeEvent, DataTableSortChangeEvent, DataTablePageChangeEvent } from './types';
+import { DataTableMetadata, DataTableColumn, DataTableSort, DataTableRowClickEvent, DataTableSelectionChangeEvent, DataTableSortChangeEvent, DataTablePageChangeEvent, DataTableEmptyState } from './types';
 import * as i0 from "@angular/core";
 export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     props: DataTableMetadata<T>;
@@ -13,6 +13,7 @@ export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     /** Cached visible columns for performance */
     private _visibleColumns;
     private cdr;
+    private i18n;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private initializeState;
@@ -20,7 +21,21 @@ export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     private sortData;
     get visibleColumns(): DataTableColumn<T>[];
     get totalColumns(): number;
-    get emptyState(): import("./types").DataTableEmptyState;
+    get emptyState(): DataTableEmptyState;
+    /** Get actions column label */
+    getActionsLabel(): string;
+    /** Get pagination info text */
+    getPaginationInfoText(): string;
+    /** Get per page text */
+    getPerPageText(size: number): string;
+    /** Get first page aria label */
+    getFirstPageLabel(): string;
+    /** Get previous page aria label */
+    getPreviousPageLabel(): string;
+    /** Get next page aria label */
+    getNextPageLabel(): string;
+    /** Get last page aria label */
+    getLastPageLabel(): string;
     get pageSizeOptions(): number[];
     get totalPages(): number;
     get paginationStart(): number;

package/lib/services/i18n/default-content.d.ts

@@ -0,0 +1,30 @@
+import { ContentStore } from './types';
+/**
+ * Traducciones por defecto de valtech-components.
+ *
+ * Estas traducciones se cargan automáticamente cuando se usa provideValtechI18n()
+ * sin necesidad de configuración adicional.
+ *
+ * Las apps pueden sobrescribir cualquier key pasando su propio content:
+ *
+ * @example Sobrescribir traducciones específicas
+ * ```typescript
+ * provideValtechI18n({
+ *   content: {
+ *     _global: {
+ *       es: { success: '¡Lo hicimos!' },  // Sobrescribe solo esta key
+ *       en: { success: 'We did it!' },
+ *     },
+ *   },
+ * })
+ * ```
+ *
+ * @example Desactivar traducciones por defecto
+ * ```typescript
+ * provideValtechI18n({
+ *   includeDefaultContent: false,
+ *   content: MY_CUSTOM_CONTENT,
+ * })
+ * ```
+ */
+export declare const VALTECH_DEFAULT_CONTENT: ContentStore;

package/lib/services/i18n/index.d.ts

@@ -2,3 +2,4 @@ export { I18nLang, LanguagesContent, ContentStore, I18nConfig, LANG_STORAGE_KEY,
 export { I18nService } from './i18n.service';
 export { TranslatePipe } from './translate.pipe';
 export { provideValtechI18n } from './config';
+export { VALTECH_DEFAULT_CONTENT } from './default-content';

package/lib/services/i18n/types.d.ts

@@ -45,9 +45,43 @@ export interface I18nConfig {
      */
     detectBrowserLanguage?: boolean;
     /**
-     * Contenido inicial de traducciones por namespace
+     * Contenido inicial de traducciones por namespace.
+     * Si includeDefaultContent es true, este contenido se mergea
+     * con VALTECH_DEFAULT_CONTENT (las keys del usuario ganan).
      */
     content?: ContentStore;
+    /**
+     * Si es true, incluye traducciones por defecto de valtech-components.
+     * Las traducciones del usuario sobrescriben las por defecto.
+     *
+     * @default true
+     *
+     * @example Usar defaults (comportamiento por defecto)
+     * ```typescript
+     * provideValtechI18n() // Funciona sin configuración
+     * ```
+     *
+     * @example Sobrescribir keys específicas
+     * ```typescript
+     * provideValtechI18n({
+     *   content: {
+     *     _global: {
+     *       es: { success: '¡Lo hicimos!' },
+     *       en: { success: 'We did it!' },
+     *     },
+     *   },
+     * })
+     * ```
+     *
+     * @example Desactivar defaults completamente
+     * ```typescript
+     * provideValtechI18n({
+     *   includeDefaultContent: false,
+     *   content: MY_CUSTOM_CONTENT,
+     * })
+     * ```
+     */
+    includeDefaultContent?: boolean;
 }
 /**
  * Valores por defecto de configuración

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.507",
+  "version": "2.0.509",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"