valtech-components 2.0.528 → 2.0.530

package/fesm2022/valtech-components.mjs

@@ -3479,6 +3479,55 @@ const VALTECH_DEFAULT_CONTENT = {
             notes: 'Notas:',
             // Footer
             allRightsReserved: 'Todos los derechos reservados.',
+            // Clipboard
+            linkCopied: '¡Enlace copiado!',
+            // Selection
+            select: 'Seleccionar',
+            selectOptions: 'Seleccionar opciones',
+            // Comments
+            pinned: 'Fijado',
+            edited: '(editado)',
+            showComment: 'Mostrar comentario',
+            hideReplies: 'Ocultar respuestas',
+            loadMoreReplies: 'Cargar más respuestas',
+            viewReplies: 'Ver respuestas',
+            comments: 'Comentarios',
+            noCommentsYet: 'Sin comentarios aún',
+            publish: 'Publicar',
+            sortBy: 'Ordenar por',
+            writeComment: 'Escribe un comentario...',
+            beFirstToComment: '¡Sé el primero en compartir tu opinión!',
+            // Timestamps
+            justNow: 'Ahora mismo',
+            minutesAgo: 'hace {minutes}m',
+            hoursAgo: 'hace {hours}h',
+            daysAgo: 'hace {days}d',
+            // Lists
+            loadMore: 'Cargar más',
+            noMoreItems: 'No hay más items',
+            loadingItems: 'Cargando items...',
+            allItemsLoaded: 'Todos los items han sido cargados',
+            errorOccurred: 'Ocurrió un error',
+            retry: 'Reintentar',
+            // Navigation
+            seeMore: 'Ver más',
+            // Forms - Range
+            from: 'Inicial',
+            to: 'Final',
+            // Stepper
+            decrease: 'Disminuir',
+            increase: 'Aumentar',
+            // Misc
+            random: 'Aleatorio',
+            pullToRefresh: 'Arrastra para actualizar',
+            timeExpired: 'Tiempo agotado',
+            qrCode: 'Código QR',
+            // Payment status
+            paymentPending: 'Pendiente',
+            paymentProcessing: 'Procesando',
+            paymentPaid: 'Pagado',
+            paymentRefunded: 'Reembolsado',
+            paymentFailed: 'Fallido',
         },
         en: {
             // Common actions
@@ -3566,6 +3615,55 @@ const VALTECH_DEFAULT_CONTENT = {
             notes: 'Notes:',
             // Footer
             allRightsReserved: 'All rights reserved.',
+            // Clipboard
+            linkCopied: 'Link copied!',
+            // Selection
+            select: 'Select',
+            selectOptions: 'Select options',
+            // Comments
+            pinned: 'Pinned',
+            edited: '(edited)',
+            showComment: 'Show comment',
+            hideReplies: 'Hide replies',
+            loadMoreReplies: 'Load more replies',
+            viewReplies: 'View replies',
+            comments: 'Comments',
+            noCommentsYet: 'No comments yet',
+            publish: 'Publish',
+            sortBy: 'Sort by',
+            writeComment: 'Write a comment...',
+            beFirstToComment: 'Be the first to share your thoughts!',
+            // Timestamps
+            justNow: 'Just now',
+            minutesAgo: '{minutes}m ago',
+            hoursAgo: '{hours}h ago',
+            daysAgo: '{days}d ago',
+            // Lists
+            loadMore: 'Load more',
+            noMoreItems: 'No more items',
+            loadingItems: 'Loading items...',
+            allItemsLoaded: 'All items loaded',
+            errorOccurred: 'An error occurred',
+            retry: 'Retry',
+            // Navigation
+            seeMore: 'See more',
+            // Forms - Range
+            from: 'From',
+            to: 'To',
+            // Stepper
+            decrease: 'Decrease',
+            increase: 'Increase',
+            // Misc
+            random: 'Random',
+            pullToRefresh: 'Pull to refresh',
+            timeExpired: 'Time expired',
+            qrCode: 'QR Code',
+            // Payment status
+            paymentPending: 'Pending',
+            paymentProcessing: 'Processing',
+            paymentPaid: 'Paid',
+            paymentRefunded: 'Refunded',
+            paymentFailed: 'Failed',
         },
     },
 };
@@ -8491,13 +8589,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class CommandDisplayComponent {
     constructor() {
         this.toast = inject(ToastController);
+        this.i18n = inject(I18nService);
     }
     async copyCommand() {
         if (this.props.text) {
             await Clipboard.write({
                 string: this.props.text,
             });
-            this.presentToast('¡Copiado al portapapeles!');
+            this.presentToast(this.i18n.t('copiedToClipboard'));
         }
     }
     async presentToast(message) {
@@ -8574,6 +8673,7 @@ class PlainCodeBoxComponent {
     constructor() {
         this.toast = inject(ToastController);
         this.cdr = inject(ChangeDetectorRef);
+        this.i18n = inject(I18nService);
         this.props = { lines: [] };
     }
     ngOnChanges(changes) {
@@ -8596,7 +8696,7 @@ class PlainCodeBoxComponent {
             await Clipboard.write({
                 string: fullCode,
             });
-            this.presentToast('¡Copiado al portapapeles!');
+            this.presentToast(this.i18n.t('copiedToClipboard'));
         }
     }
     async presentToast(message) {
@@ -13415,6 +13515,7 @@ class ShareButtonsComponent {
     constructor() {
         this.shareComplete = new EventEmitter();
         this.toastController = inject(ToastController$1);
+        this.i18n = inject(I18nService);
     }
     getButtons() {
         if (this.props.buttons?.length) {
@@ -13528,7 +13629,7 @@ class ShareButtonsComponent {
         }
     }
     getCopySuccessMessage() {
-        return this.props.copySuccessMessage || '¡Enlace copiado!';
+        return this.props.copySuccessMessage || this.i18n.t('linkCopied');
     }
     isNativeShareSupported() {
         return typeof navigator !== 'undefined' && !!navigator.share;
@@ -18816,6 +18917,7 @@ addIcons({
  */
 class CommentSectionComponent {
     constructor() {
+        this.i18n = inject(I18nService);
         // Section events
         this.sortChange = new EventEmitter();
         this.commentSubmit = new EventEmitter();
@@ -18839,8 +18941,11 @@ class CommentSectionComponent {
         this.updateDisplayTexts();
     }
     updateDisplayTexts() {
-        this.displayTitle = this.props.title || 'Comentarios';
-        this.displayLoadMoreLabel = this.props.loadMoreLabel || 'Cargar más comentarios';
+        this.displayTitle = this.props.title || this.i18n.t('comments');
+        this.displayLoadMoreLabel = this.props.loadMoreLabel || this.i18n.t('loadMoreComments');
+    }
+    getSortByLabel() {
+        return this.i18n.t('sortBy');
     }
     formatCount(count) {
         if (count >= 1000000) {
@@ -18855,16 +18960,16 @@ class CommentSectionComponent {
         return option.label;
     }
     getInputPlaceholder() {
-        return this.props.inputConfig?.placeholder || 'Escribe un comentario...';
+        return this.props.inputConfig?.placeholder || this.i18n.t('writeComment');
     }
     getSubmitLabel() {
-        return this.props.inputConfig?.submitLabel || 'Publicar';
+        return this.props.inputConfig?.submitLabel || this.i18n.t('publish');
     }
     getEmptyTitle() {
-        return this.props.emptyState?.title || 'Sin comentarios aún';
+        return this.props.emptyState?.title || this.i18n.t('noCommentsYet');
     }
     getEmptyMessage() {
-        return this.props.emptyState?.message || '¡Sé el primero en compartir tu opinión!';
+        return this.props.emptyState?.message || this.i18n.t('beFirstToComment');
     }
     getSkeletonArray() {
         const count = this.props.skeletonCount || 3;
@@ -18960,7 +19065,7 @@ class CommentSectionComponent {
               <ion-icon name="swap-vertical-outline" slot="start" class="sort-icon"></ion-icon>
               <ion-select
                 [value]="props.selectedSort"
-                [placeholder]="props.sortLabel || 'Sort by'"
+                [placeholder]="props.sortLabel || getSortByLabel()"
                 interface="popover"
                 (ionChange)="onSortChange($event)"
               >
@@ -19130,7 +19235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               <ion-icon name="swap-vertical-outline" slot="start" class="sort-icon"></ion-icon>
               <ion-select
                 [value]="props.selectedSort"
-                [placeholder]="props.sortLabel || 'Sort by'"
+                [placeholder]="props.sortLabel || getSortByLabel()"
                 interface="popover"
                 (ionChange)="onSortChange($event)"
               >
@@ -21402,6 +21507,7 @@ class InfiniteListComponent {
     constructor() {
         this.skeletonService = inject(SkeletonService);
         this.cdr = inject(ChangeDetectorRef);
+        this.i18n = inject(I18nService);
         // === Events ===
         this.loadMore = new EventEmitter();
         this.refresh = new EventEmitter();
@@ -21427,11 +21533,11 @@ class InfiniteListComponent {
         this.statusAnnouncement = computed(() => {
             switch (this.state()) {
                 case 'loading':
-                    return 'Cargando items...';
+                    return this.i18n.t('loadingItems');
                 case 'error':
-                    return `Error: ${this.error()?.message || 'Ocurrio un error'}`;
+                    return `${this.i18n.t('error')}: ${this.error()?.message || this.i18n.t('errorOccurred')}`;
                 case 'complete':
-                    return 'Todos los items han sido cargados';
+                    return this.i18n.t('allItemsLoaded');
                 default:
                     return '';
             }
@@ -21715,11 +21821,11 @@ class InfiniteListComponent {
               } @else {
                 <ion-icon name="alert-circle-outline" color="danger" size="large"></ion-icon>
               }
-              <h3>{{ mergedProps.errorState?.title || 'Error' }}</h3>
-              <p>{{ mergedProps.errorState?.message || error()?.message || 'Ocurrio un error' }}</p>
+              <h3>{{ mergedProps.errorState?.title || i18n.t('error') }}</h3>
+              <p>{{ mergedProps.errorState?.message || error()?.message || i18n.t('errorOccurred') }}</p>
               @if (mergedProps.errorState?.showRetry !== false) {
                 <ion-button fill="outline" (click)="retry()">
-                  {{ mergedProps.errorState?.retryText || 'Reintentar' }}
+                  {{ mergedProps.errorState?.retryText || i18n.t('retry') }}
                 </ion-button>
               }
             }
@@ -21760,10 +21866,10 @@ class InfiniteListComponent {
                   @if (state() === 'loading') {
                     <ion-spinner [name]="mergedProps.spinnerType" slot="start"></ion-spinner>
                   }
-                  {{ mergedProps.loadMoreText || 'Cargar mas' }}
+                  {{ mergedProps.loadMoreText || i18n.t('loadMore') }}
                 </ion-button>
               } @else {
-                <ion-text color="medium">{{ mergedProps.noMoreText || 'No hay mas items' }}</ion-text>
+                <ion-text color="medium">{{ mergedProps.noMoreText || i18n.t('noMoreItems') }}</ion-text>
               }
             </div>
           } @else {
@@ -21774,7 +21880,7 @@ class InfiniteListComponent {
             >
               <ion-infinite-scroll-content
                 [loadingSpinner]="mergedProps.spinnerType"
-                [loadingText]="state() === 'loading' ? 'Cargando...' : ''"
+                [loadingText]="state() === 'loading' ? i18n.t('loading') : ''"
               ></ion-infinite-scroll-content>
             </ion-infinite-scroll>
           }
@@ -21783,7 +21889,7 @@ class InfiniteListComponent {
         <!-- No more items indicator -->
         @if (!hasMoreBottom() && items().length > 0 && !mergedProps.useLoadMoreButton) {
           <div class="infinite-list-end">
-            <ion-text color="medium">{{ mergedProps.noMoreText || 'No hay mas items' }}</ion-text>
+            <ion-text color="medium">{{ mergedProps.noMoreText || i18n.t('noMoreItems') }}</ion-text>
           </div>
         }
       </div>
@@ -21873,11 +21979,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               } @else {
                 <ion-icon name="alert-circle-outline" color="danger" size="large"></ion-icon>
               }
-              <h3>{{ mergedProps.errorState?.title || 'Error' }}</h3>
-              <p>{{ mergedProps.errorState?.message || error()?.message || 'Ocurrio un error' }}</p>
+              <h3>{{ mergedProps.errorState?.title || i18n.t('error') }}</h3>
+              <p>{{ mergedProps.errorState?.message || error()?.message || i18n.t('errorOccurred') }}</p>
               @if (mergedProps.errorState?.showRetry !== false) {
                 <ion-button fill="outline" (click)="retry()">
-                  {{ mergedProps.errorState?.retryText || 'Reintentar' }}
+                  {{ mergedProps.errorState?.retryText || i18n.t('retry') }}
                 </ion-button>
               }
             }
@@ -21918,10 +22024,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                   @if (state() === 'loading') {
                     <ion-spinner [name]="mergedProps.spinnerType" slot="start"></ion-spinner>
                   }
-                  {{ mergedProps.loadMoreText || 'Cargar mas' }}
+                  {{ mergedProps.loadMoreText || i18n.t('loadMore') }}
                 </ion-button>
               } @else {
-                <ion-text color="medium">{{ mergedProps.noMoreText || 'No hay mas items' }}</ion-text>
+                <ion-text color="medium">{{ mergedProps.noMoreText || i18n.t('noMoreItems') }}</ion-text>
               }
             </div>
           } @else {
@@ -21932,7 +22038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             >
               <ion-infinite-scroll-content
                 [loadingSpinner]="mergedProps.spinnerType"
-                [loadingText]="state() === 'loading' ? 'Cargando...' : ''"
+                [loadingText]="state() === 'loading' ? i18n.t('loading') : ''"
               ></ion-infinite-scroll-content>
             </ion-infinite-scroll>
           }
@@ -21941,7 +22047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <!-- No more items indicator -->
         @if (!hasMoreBottom() && items().length > 0 && !mergedProps.useLoadMoreButton) {
           <div class="infinite-list-end">
-            <ion-text color="medium">{{ mergedProps.noMoreText || 'No hay mas items' }}</ion-text>
+            <ion-text color="medium">{{ mergedProps.noMoreText || i18n.t('noMoreItems') }}</ion-text>
           </div>
         }
       </div>