valtech-components 2.0.356 → 2.0.358

package/fesm2022/valtech-components.mjs

@@ -3576,6 +3576,7 @@ class ExpandableTextComponent {
     constructor() {
         this.expanded = false;
         this.defaultColor = 'primary';
+        this.langService = inject(LangService);
     }
     get truncatedText() {
         const maxLength = this.props.limit || 100; // Longitud por defecto
@@ -3584,6 +3585,9 @@ class ExpandableTextComponent {
     get isTruncated() {
         return this.props.content?.length > (this.props.limit || 100);
     }
+    getExpandText() {
+        return this.props.expandText || this.langService.getText('_global', 'seeMore', 'ver más');
+    }
     toggleExpand() {
         this.expanded = !this.expanded;
     }
@@ -3598,7 +3602,7 @@ class ExpandableTextComponent {
           <span class="content">{{ expanded ? props.content : truncatedText }}</span>
           @if (!expanded && isTruncated) {
             <span class="see-more" [style.color]="this.color()" (click)="toggleExpand()">
-              {{ props.expandText || 'ver más' }}
+              {{ getExpandText() }}
             </span>
           }
         </p>
@@ -3615,7 +3619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
           <span class="content">{{ expanded ? props.content : truncatedText }}</span>
           @if (!expanded && isTruncated) {
             <span class="see-more" [style.color]="this.color()" (click)="toggleExpand()">
-              {{ props.expandText || 'ver más' }}
+              {{ getExpandText() }}
             </span>
           }
         </p>
@@ -3817,9 +3821,28 @@ class PopoverSelectorComponent {
          * Emits the selected value(s).
          */
         this.selectionChange = new EventEmitter();
+        this.langService = inject(LangService);
         // Register required icons
         addIcons({ chevronDown });
     }
+    /**
+     * Get reactive placeholder text.
+     */
+    getPlaceholderText() {
+        return this.props.placeholder || this.langService.getText('_global', 'select', 'Seleccionar...');
+    }
+    /**
+     * Get reactive cancel text.
+     */
+    getCancelText() {
+        return this.props.cancelText || this.langService.getText('_global', 'cancel', 'Cancelar');
+    }
+    /**
+     * Get reactive ok text.
+     */
+    getOkText() {
+        return this.props.okText || this.langService.getText('_global', 'ok', 'Aceptar');
+    }
     /**
      * Handle selection change from the ion-select.
      * @param event - The ion-select change event
@@ -3835,18 +3858,19 @@ class PopoverSelectorComponent {
      */
     getDisplayText() {
         if (!this.props.selectedValue) {
-            return this.props.placeholder || 'Seleccionar...';
+            return this.getPlaceholderText();
         }
         if (Array.isArray(this.props.selectedValue)) {
             // Multiple selection
             if (this.props.selectedValue.length === 0) {
-                return this.props.placeholder || 'Seleccionar...';
+                return this.getPlaceholderText();
             }
             if (this.props.selectedValue.length === 1) {
                 const option = this.props.options.find(opt => opt.value === this.props.selectedValue[0]);
                 return option?.label || this.props.selectedValue[0];
             }
-            return `${this.props.selectedValue.length} seleccionados`;
+            const selectedText = this.langService.getText('_global', 'selected', 'seleccionados');
+            return `${this.props.selectedValue.length} ${selectedText}`;
         }
         // Single selection
         const selectedOption = this.props.options.find(opt => opt.value === this.props.selectedValue);
@@ -3858,12 +3882,12 @@ class PopoverSelectorComponent {
       <ion-label *ngIf="props.label" class="selector-label">{{ props.label }}</ion-label>
       <ion-select
         [value]="props.selectedValue"
-        [placeholder]="props.placeholder || 'Seleccionar...'"
+        [placeholder]="getPlaceholderText()"
         [interface]="props.interface || 'popover'"
         [multiple]="props.multiple || false"
         [disabled]="props.disabled || false"
-        [cancelText]="props.cancelText || 'Cancelar'"
-        [okText]="props.okText || 'Aceptar'"
+        [cancelText]="getCancelText()"
+        [okText]="getOkText()"
         (ionChange)="onSelectionChange($event)"
         class="popover-selector-select"
       >
@@ -3900,12 +3924,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       <ion-label *ngIf="props.label" class="selector-label">{{ props.label }}</ion-label>
       <ion-select
         [value]="props.selectedValue"
-        [placeholder]="props.placeholder || 'Seleccionar...'"
+        [placeholder]="getPlaceholderText()"
         [interface]="props.interface || 'popover'"
         [multiple]="props.multiple || false"
         [disabled]="props.disabled || false"
-        [cancelText]="props.cancelText || 'Cancelar'"
-        [okText]="props.okText || 'Aceptar'"
+        [cancelText]="getCancelText()"
+        [okText]="getOkText()"
         (ionChange)="onSelectionChange($event)"
         class="popover-selector-select"
       >
@@ -4090,7 +4114,7 @@ class LanguageSelectorComponent {
             selectedValue: currentLanguage,
             label: this.props.showLabel !== false ? '' : undefined, // Will be set by label subscription
             icon: 'language',
-            placeholder: 'Seleccionar idioma...',
+            placeholder: this.langService.getText('_global', 'selectLanguage', 'Seleccionar idioma...'),
             color: this.props.color || 'medium',
             size: this.props.size || 'default',
             fill: this.props.fill || 'outline',
@@ -5174,11 +5198,10 @@ const replaceSpecialChars = (text) => text.normalize('NFD').replace(/[\u0300-\u0
  */
 class SelectSearchComponent {
     constructor() {
-        this.label = 'Seleccionar';
         this.labelProperty = 'name';
         this.valueProperty = 'id';
         this.multiple = false;
-        this.placeholder = 'Seleccione una opción';
+        this.langService = inject(LangService);
         this.icon = inject(IconService);
         this.changeDetector = inject(ChangeDetectorRef);
         this.searchTerm = '';
@@ -5187,6 +5210,8 @@ class SelectSearchComponent {
         this.displayValue = '';
         this.previousOptions = [];
         this.isProcessingChanges = false;
+        this.label = this.langService.getText('_global', 'select', 'Seleccionar');
+        this.placeholder = this.langService.getText('_global', 'selectOption', 'Seleccione una opción');
     }
     ngOnInit() {
         this.initializeItems();
@@ -5514,7 +5539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       </ng-template>
     </ion-modal>
   `, styles: ["ion-header{padding:8px 8px 0}\n"] }]
-        }], propDecorators: { modal: [{
+        }], ctorParameters: () => [], propDecorators: { modal: [{
                 type: ViewChild,
                 args: ['modal']
             }], label: [{
@@ -5565,6 +5590,7 @@ class CodeDisplayComponent {
     constructor(cdr) {
         this.cdr = cdr;
         this.toast = inject(ToastController);
+        this.langService = inject(LangService);
         this.selectedTab = 0;
     }
     ngOnChanges(changes) {
@@ -5592,7 +5618,8 @@ class CodeDisplayComponent {
         try {
             const code = this.props.tabs.length > 0 ? this.props.tabs[this.selectedTab]?.code : this.props.code;
             await Clipboard.write({ string: code || '' });
-            this.presentToast('Copiado al portapapeles!');
+            const copiedMessage = this.langService.getText('_global', 'copied', '¡Copiado al portapapeles!');
+            this.presentToast(copiedMessage);
         }
         catch (error) {
             console.error('Error al copiar al portapapeles:', error);
@@ -5621,7 +5648,7 @@ class CodeDisplayComponent {
         </div>
       </div>
       <div class="code-content">
-        <span class="language-badge">{{ props.tabs[selectedTab]?.language || props.language }}</span>
+        <!-- <span class="language-badge">{{ props.tabs[selectedTab]?.language || props.language }}</span> -->
         <ion-button fill="clear" class="copy-button" (click)="copyToClipboard()">
           <ion-icon name="copy-outline"></ion-icon>
         </ion-button>
@@ -5645,7 +5672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         </div>
       </div>
       <div class="code-content">
-        <span class="language-badge">{{ props.tabs[selectedTab]?.language || props.language }}</span>
+        <!-- <span class="language-badge">{{ props.tabs[selectedTab]?.language || props.language }}</span> -->
         <ion-button fill="clear" class="copy-button" (click)="copyToClipboard()">
           <ion-icon name="copy-outline"></ion-icon>
         </ion-button>
@@ -5807,6 +5834,7 @@ class PlainCodeBoxComponent {
     constructor() {
         this.toast = inject(ToastController);
         this.cdr = inject(ChangeDetectorRef);
+        this.langService = inject(LangService);
         this.props = { lines: [] };
     }
     ngOnChanges(changes) {
@@ -5829,7 +5857,8 @@ class PlainCodeBoxComponent {
             await Clipboard.write({
                 string: fullCode,
             });
-            this.presentToast('Copiado al portapapeles!');
+            const copiedMessage = this.langService.getText('_global', 'copied', '¡Copiado al portapapeles!');
+            this.presentToast(copiedMessage);
         }
     }
     async presentToast(message) {
@@ -5850,7 +5879,7 @@ class PlainCodeBoxComponent {
       <pre><code [class]="'language-' + (props.language || 'bash')" #codeBlock><ng-container *ngFor="let line of props.lines; let i = index"><span [class]="line.type ? 'line-' + line.type : 'line-normal'">{{ line.text }}</span><br *ngIf="i < props.lines.length - 1">
 </ng-container></code></pre>
     </div>
-  `, isInline: true, styles: [".code-box-container{position:relative;background-color:#282c34;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0009;margin:0;padding:16px}@media (prefers-color-scheme: light){.code-box-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}}.copy-button{position:absolute;top:8px;right:8px;z-index:10;--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;min-width:28px;min-height:28px;height:28px;width:28px;color:#61afef;background:#0006;border-radius:6px;box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.copy-button:hover{background:#00000080;color:#8cc4ff}.copy-button ion-icon{font-size:1.2em;margin:0}@media (prefers-color-scheme: light){.copy-button{color:var(--ion-color-primary, #007bff);background:#ffffffb3}.copy-button:hover{background:#ffffffe6;color:var(--ion-color-primary-tint, #3880ff)}}pre{margin:0;padding:0;background-color:transparent;min-width:100%;min-height:100%;white-space:pre-wrap;word-break:normal;font-family:Roboto Mono,monospace}code{font-family:Roboto Mono,monospace;font-size:.9em;line-height:1.6;display:block;white-space:inherit;word-break:inherit;color:#abb2bf;margin:0;padding:0}@media (prefers-color-scheme: light){code{color:#333}}code .line-normal{color:#abb2bf}@media (prefers-color-scheme: light){code .line-normal{color:#333}}code .line-command{color:#c678dd}@media (prefers-color-scheme: light){code .line-command{color:var(--ion-color-primary, #3880ff)}}code .line-error{color:#e06c75}@media (prefers-color-scheme: light){code .line-error{color:var(--ion-color-danger, #eb445a)}}code .line-success{color:#98c379}@media (prefers-color-scheme: light){code .line-success{color:var(--ion-color-success, #2dd36f)}}code .token.comment{color:#5c6370}code .token.selector,code .token.string{color:#98c379}code .token.punctuation{color:#abb2bf}code .token.operator{color:#c678dd}code .token.boolean,code .token.number{color:#d19a66}code .token.function{color:#61afef}code .token.keyword{color:#c678dd}code .token.class-name{color:#e6c07b}code .token.tag{color:#e06c75}code .token.attr-name{color:#d19a66}code .token.attr-value{color:#98c379}code .token.property{color:#56b6c2}code .token.variable{color:#e06c75}@media (max-width: 600px){.code-box-container{border-radius:16px;padding:12px}.copy-button{top:6px;right:6px;min-width:24px;min-height:24px;height:24px;width:24px}.copy-button ion-icon{font-size:1em}pre{padding:0;margin:0}code{font-size:.8em;line-height:1.5;margin:0;padding:0}}@media (min-width: 601px) and (max-width: 1024px){code{font-size:.9em}}@media (min-width: 1025px){code{font-size:1em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+  `, isInline: true, styles: [".code-box-container{position:relative;background-color:#282c34;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0009;margin:0}@media (prefers-color-scheme: light){.code-box-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}}.copy-button{position:absolute;top:8px;right:8px;z-index:10;--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;min-width:28px;min-height:28px;height:28px;width:28px;color:#61afef;background:#0006;border-radius:6px;box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.copy-button:hover{background:#00000080;color:#8cc4ff}.copy-button ion-icon{font-size:1.2em;margin:0}@media (prefers-color-scheme: light){.copy-button{color:var(--ion-color-primary, #007bff);background:#ffffffb3}.copy-button:hover{background:#ffffffe6;color:var(--ion-color-primary-tint, #3880ff)}}pre{margin:0;padding:0;background-color:transparent;min-width:100%;min-height:100%;white-space:pre-wrap;word-break:normal;font-family:Roboto Mono,monospace}code{font-family:Roboto Mono,monospace;font-size:.9em;line-height:1.6;display:block;white-space:inherit;word-break:inherit;color:#abb2bf;margin:0;padding:0}@media (prefers-color-scheme: light){code{color:#333}}code .line-normal{color:#abb2bf}@media (prefers-color-scheme: light){code .line-normal{color:#333}}code .line-command{color:#c678dd}@media (prefers-color-scheme: light){code .line-command{color:var(--ion-color-primary, #3880ff)}}code .line-error{color:#e06c75}@media (prefers-color-scheme: light){code .line-error{color:var(--ion-color-danger, #eb445a)}}code .line-success{color:#98c379}@media (prefers-color-scheme: light){code .line-success{color:var(--ion-color-success, #2dd36f)}}code .token.comment{color:#5c6370}code .token.selector,code .token.string{color:#98c379}code .token.punctuation{color:#abb2bf}code .token.operator{color:#c678dd}code .token.boolean,code .token.number{color:#d19a66}code .token.function{color:#61afef}code .token.keyword{color:#c678dd}code .token.class-name{color:#e6c07b}code .token.tag{color:#e06c75}code .token.attr-name{color:#d19a66}code .token.attr-value{color:#98c379}code .token.property{color:#56b6c2}code .token.variable{color:#e06c75}@media (max-width: 600px){.code-box-container{border-radius:16px}.copy-button{top:6px;right:6px;min-width:24px;min-height:24px;height:24px;width:24px}.copy-button ion-icon{font-size:1em}pre{padding:0;margin:0}code{font-size:.8em;line-height:1.5;margin:0}}@media (min-width: 601px) and (max-width: 1024px){code{font-size:.9em}}@media (min-width: 1025px){code{font-size:1em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PlainCodeBoxComponent, decorators: [{
             type: Component,
@@ -5862,7 +5891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       <pre><code [class]="'language-' + (props.language || 'bash')" #codeBlock><ng-container *ngFor="let line of props.lines; let i = index"><span [class]="line.type ? 'line-' + line.type : 'line-normal'">{{ line.text }}</span><br *ngIf="i < props.lines.length - 1">
 </ng-container></code></pre>
     </div>
-  `, styles: [".code-box-container{position:relative;background-color:#282c34;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0009;margin:0;padding:16px}@media (prefers-color-scheme: light){.code-box-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}}.copy-button{position:absolute;top:8px;right:8px;z-index:10;--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;min-width:28px;min-height:28px;height:28px;width:28px;color:#61afef;background:#0006;border-radius:6px;box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.copy-button:hover{background:#00000080;color:#8cc4ff}.copy-button ion-icon{font-size:1.2em;margin:0}@media (prefers-color-scheme: light){.copy-button{color:var(--ion-color-primary, #007bff);background:#ffffffb3}.copy-button:hover{background:#ffffffe6;color:var(--ion-color-primary-tint, #3880ff)}}pre{margin:0;padding:0;background-color:transparent;min-width:100%;min-height:100%;white-space:pre-wrap;word-break:normal;font-family:Roboto Mono,monospace}code{font-family:Roboto Mono,monospace;font-size:.9em;line-height:1.6;display:block;white-space:inherit;word-break:inherit;color:#abb2bf;margin:0;padding:0}@media (prefers-color-scheme: light){code{color:#333}}code .line-normal{color:#abb2bf}@media (prefers-color-scheme: light){code .line-normal{color:#333}}code .line-command{color:#c678dd}@media (prefers-color-scheme: light){code .line-command{color:var(--ion-color-primary, #3880ff)}}code .line-error{color:#e06c75}@media (prefers-color-scheme: light){code .line-error{color:var(--ion-color-danger, #eb445a)}}code .line-success{color:#98c379}@media (prefers-color-scheme: light){code .line-success{color:var(--ion-color-success, #2dd36f)}}code .token.comment{color:#5c6370}code .token.selector,code .token.string{color:#98c379}code .token.punctuation{color:#abb2bf}code .token.operator{color:#c678dd}code .token.boolean,code .token.number{color:#d19a66}code .token.function{color:#61afef}code .token.keyword{color:#c678dd}code .token.class-name{color:#e6c07b}code .token.tag{color:#e06c75}code .token.attr-name{color:#d19a66}code .token.attr-value{color:#98c379}code .token.property{color:#56b6c2}code .token.variable{color:#e06c75}@media (max-width: 600px){.code-box-container{border-radius:16px;padding:12px}.copy-button{top:6px;right:6px;min-width:24px;min-height:24px;height:24px;width:24px}.copy-button ion-icon{font-size:1em}pre{padding:0;margin:0}code{font-size:.8em;line-height:1.5;margin:0;padding:0}}@media (min-width: 601px) and (max-width: 1024px){code{font-size:.9em}}@media (min-width: 1025px){code{font-size:1em}}\n"] }]
+  `, styles: [".code-box-container{position:relative;background-color:#282c34;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0009;margin:0}@media (prefers-color-scheme: light){.code-box-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}}.copy-button{position:absolute;top:8px;right:8px;z-index:10;--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;min-width:28px;min-height:28px;height:28px;width:28px;color:#61afef;background:#0006;border-radius:6px;box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.copy-button:hover{background:#00000080;color:#8cc4ff}.copy-button ion-icon{font-size:1.2em;margin:0}@media (prefers-color-scheme: light){.copy-button{color:var(--ion-color-primary, #007bff);background:#ffffffb3}.copy-button:hover{background:#ffffffe6;color:var(--ion-color-primary-tint, #3880ff)}}pre{margin:0;padding:0;background-color:transparent;min-width:100%;min-height:100%;white-space:pre-wrap;word-break:normal;font-family:Roboto Mono,monospace}code{font-family:Roboto Mono,monospace;font-size:.9em;line-height:1.6;display:block;white-space:inherit;word-break:inherit;color:#abb2bf;margin:0;padding:0}@media (prefers-color-scheme: light){code{color:#333}}code .line-normal{color:#abb2bf}@media (prefers-color-scheme: light){code .line-normal{color:#333}}code .line-command{color:#c678dd}@media (prefers-color-scheme: light){code .line-command{color:var(--ion-color-primary, #3880ff)}}code .line-error{color:#e06c75}@media (prefers-color-scheme: light){code .line-error{color:var(--ion-color-danger, #eb445a)}}code .line-success{color:#98c379}@media (prefers-color-scheme: light){code .line-success{color:var(--ion-color-success, #2dd36f)}}code .token.comment{color:#5c6370}code .token.selector,code .token.string{color:#98c379}code .token.punctuation{color:#abb2bf}code .token.operator{color:#c678dd}code .token.boolean,code .token.number{color:#d19a66}code .token.function{color:#61afef}code .token.keyword{color:#c678dd}code .token.class-name{color:#e6c07b}code .token.tag{color:#e06c75}code .token.attr-name{color:#d19a66}code .token.attr-value{color:#98c379}code .token.property{color:#56b6c2}code .token.variable{color:#e06c75}@media (max-width: 600px){.code-box-container{border-radius:16px}.copy-button{top:6px;right:6px;min-width:24px;min-height:24px;height:24px;width:24px}.copy-button ion-icon{font-size:1em}pre{padding:0;margin:0}code{font-size:.8em;line-height:1.5;margin:0}}@media (min-width: 601px) and (max-width: 1024px){code{font-size:.9em}}@media (min-width: 1025px){code{font-size:1em}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }], codeBlock: [{
@@ -7869,12 +7898,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class WizardComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
+    constructor() {
         this.onClick = new EventEmitter();
         this.wrapperId = 'wizard-wrapper';
         this.currentStep = null;
         this.currentStepTitles = null;
+        this.cdr = inject(ChangeDetectorRef);
+        this.langService = inject(LangService);
+        this.loadingText = this.langService.getText('_global', 'pleaseWait', 'Por favor espere...');
     }
     ngOnInit() {
         this.updateCurrentStep();
@@ -7963,7 +7994,7 @@ class WizardComponent {
         }
         this.onClick.emit({ current: this.props.current, motion: MOTION.RETRY });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WizardComponent, isStandalone: true, selector: "val-wizard", inputs: { props: "props" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
     <div [id]="wrapperId" class="wrapper">
       <ng-container *ngIf="props.state !== 'ERROR'">
@@ -7975,7 +8006,7 @@ class WizardComponent {
                 name: 'circular',
                 color: 'primary',
                 size: 'large',
-                text: 'Por favor espere...',
+                text: loadingText,
               }"
             />
           </div>
@@ -8001,7 +8032,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 name: 'circular',
                 color: 'primary',
                 size: 'large',
-                text: 'Por favor espere...',
+                text: loadingText,
               }"
             />
           </div>
@@ -8013,7 +8044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       </ng-container>
     </div>
   `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.wrapper{height:auto;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:320px}.step{min-height:9.375rem;margin:16px 0;text-align:center}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { props: [{
+        }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }], onClick: [{
                 type: Output
@@ -8194,6 +8225,7 @@ const globalContentData = {
         refresh: 'Actualizar',
         // Common states and messages
         loading: 'Cargando...',
+        pleaseWait: 'Por favor espere...',
         noData: 'No hay datos disponibles',
         error: 'Error',
         success: 'Éxito',
@@ -8218,7 +8250,13 @@ const globalContentData = {
         unsavedChanges: 'Tienes cambios sin guardar. ¿Deseas continuar?',
         // Common placeholders
         searchPlaceholder: 'Buscar...',
+        select: 'Seleccionar...',
+        selectOption: 'Seleccione una opción',
+        selectLanguage: 'Seleccionar idioma...',
+        // Status messages
         copied: '¡Copiado al portapapeles!',
+        seeMore: 'ver más',
+        selected: 'seleccionados',
     },
     en: {
         // Common buttons
@@ -8242,6 +8280,7 @@ const globalContentData = {
         refresh: 'Refresh',
         // Common states and messages
         loading: 'Loading...',
+        pleaseWait: 'Please wait...',
         noData: 'No data available',
         error: 'Error',
         success: 'Success',
@@ -8266,7 +8305,13 @@ const globalContentData = {
         unsavedChanges: 'You have unsaved changes. Do you want to continue?',
         // Common placeholders
         searchPlaceholder: 'Search...',
+        select: 'Select...',
+        selectOption: 'Select an option',
+        selectLanguage: 'Select language...',
+        // Status messages
         copied: 'Copied to clipboard!',
+        seeMore: 'see more',
+        selected: 'selected',
     },
 };
 const GlobalContent = new TextContent(globalContentData);