bit-ng-library 20.1.13 → 21.0.0

package/fesm2022/bit-ng-library.mjs

@@ -1,15 +1,15 @@
 import { Subject, BehaviorSubject, lastValueFrom, of, ReplaySubject, combineLatest, forkJoin, throwError } from 'rxjs';
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, computed, DestroyRef, Directive, input, ChangeDetectionStrategy, Component, Pipe, model, output, linkedSignal, ElementRef, Renderer2, HostListener, viewChild, forwardRef, contentChild, TemplateRef, effect, NgModule } from '@angular/core';
+import { Injectable, inject, signal, computed, DestroyRef, Directive, input, ChangeDetectionStrategy, Component, Pipe, model, output, linkedSignal, ElementRef, Renderer2, HostListener, viewChild, ChangeDetectorRef, forwardRef, contentChild, TemplateRef, effect, NgModule } from '@angular/core';
 import { map, mergeMap, tap, takeUntil, filter, concatMap, take, catchError, finalize } from 'rxjs/operators';
 import { PrimeNG } from 'primeng/config';
-import Aura from '@primeng/themes/aura';
+import Aura from '@primeuix/themes/aura';
 import * as i3 from '@jsverse/transloco';
 import { TranslocoService, TranslocoModule, TRANSLOCO_SCOPE } from '@jsverse/transloco';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import moment from 'moment';
 import * as i1$1 from '@angular/forms';
-import { FormGroup, UntypedFormControl, UntypedFormArray, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormGroup, FormControl, FormArray, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { saveAs } from 'file-saver';
 import * as i2 from '@angular/common';
@@ -270,10 +270,10 @@ class StorageService {
         }
         return object;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -285,9 +285,9 @@ class ThemeFBitService {
     constructor() {
         this.primeNgConfig = inject(PrimeNG);
         this.storageService = inject(StorageService);
-        this.themeList$ = signal([ThemeFBitService.THEME_CAIB, ThemeFBitService.THEME_PRIME, ThemeFBitService.THEME_MATERIAL, ThemeFBitService.THEME_NORA], ...(ngDevMode ? [{ debugName: "themeList$" }] : []));
-        this.currentTheme$ = signal("Aura", ...(ngDevMode ? [{ debugName: "currentTheme$" }] : []));
-        this.darkMode$ = signal(false, ...(ngDevMode ? [{ debugName: "darkMode$" }] : []));
+        this.themeList$ = signal([ThemeFBitService.THEME_CAIB, ThemeFBitService.THEME_PRIME, ThemeFBitService.THEME_MATERIAL, ThemeFBitService.THEME_NORA], ...(ngDevMode ? [{ debugName: "themeList$" }] : /* istanbul ignore next */ []));
+        this.currentTheme$ = signal("Aura", ...(ngDevMode ? [{ debugName: "currentTheme$" }] : /* istanbul ignore next */ []));
+        this.darkMode$ = signal(false, ...(ngDevMode ? [{ debugName: "darkMode$" }] : /* istanbul ignore next */ []));
         this.themeOptions = {
             darkModeSelector: ".my-app-dark" //es el selector que cuando lo añadamos como clase al index.html hará que se active el modo oscuro
         };
@@ -345,10 +345,10 @@ class ThemeFBitService {
         element.classList.toggle("my-app-dark");
         console.log("toggleDarkMode");
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ThemeFBitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ThemeFBitService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeFBitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeFBitService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ThemeFBitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ThemeFBitService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -360,7 +360,7 @@ class LocaleService {
             { label: "Català", value: "ca" }
         ];
         // the default locale
-        this.locale$ = signal("ca", ...(ngDevMode ? [{ debugName: "locale$" }] : []));
+        this.locale$ = signal("ca", ...(ngDevMode ? [{ debugName: "locale$" }] : /* istanbul ignore next */ []));
         this.storageService = inject(StorageService);
         this.translateService = inject(TranslateService);
         console.log("construyendo LocaleService");
@@ -374,10 +374,10 @@ class LocaleService {
         this.storageService.setData(StorageService.LANGUAGE, this.locale$());
         this.translateService.setActiveLang(this.locale$());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocaleService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: LocaleService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -387,10 +387,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class AyudaService {
     static { this.AYUDAS = []; } // Inicializar desde la aplicacion cliente
     constructor() {
-        this.mostrar = signal(null, ...(ngDevMode ? [{ debugName: "mostrar" }] : []));
+        this.mostrar = signal(null, ...(ngDevMode ? [{ debugName: "mostrar" }] : /* istanbul ignore next */ []));
         this.themeFbitService = inject(ThemeFBitService);
         this.localeService = inject(LocaleService);
-        this.baseHelpUrl$ = computed(() => `assets/docshelp/${this.localeService.locale$()}/index.html?darkMode=${this.themeFbitService.darkMode$()}`, ...(ngDevMode ? [{ debugName: "baseHelpUrl$" }] : []));
+        this.baseHelpUrl$ = computed(() => `assets/docshelp/${this.localeService.locale$()}/index.html?darkMode=${this.themeFbitService.darkMode$()}`, ...(ngDevMode ? [{ debugName: "baseHelpUrl$" }] : /* istanbul ignore next */ []));
         this.loadAyudas();
     }
     // procesa el fichero app.ayudas.json y crea el mapa para acceder luego directamente por clave
@@ -414,10 +414,10 @@ class AyudaService {
             console.warn(`No existe ayuda para la clave [${key}]`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AyudaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AyudaService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AyudaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AyudaService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AyudaService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AyudaService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -497,10 +497,10 @@ class BitMessageService {
     hideErrorsPanel() {
         this.observableErrorsSource.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMessageService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMessageService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMessageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -521,7 +521,7 @@ class GeneralUtils {
     static { this.FORMAT_SHORT_SECONDS_TIME = "HH:mm:ss"; }
     constructor() {
         this.observableLoadingSource = new Subject();
-        this.loading = signal(0, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.loading = signal(0, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         console.log("GeneralUtils constructor");
         this.observableLoading = this.observableLoadingSource.asObservable();
     }
@@ -649,10 +649,10 @@ class GeneralUtils {
         }
         return "-";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeneralUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeneralUtils, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: GeneralUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: GeneralUtils, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeneralUtils, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: GeneralUtils, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -710,10 +710,10 @@ class TranslateService {
         let lang = this.translocoService.getActiveLang();
         return lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TranslateService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TranslateService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -855,10 +855,10 @@ class HttpUtilsService {
         }
         return httpHeaders;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUtilsService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUtilsService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUtilsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1312,13 +1312,13 @@ class CustomValidators {
                     // es un formulario anidado, seguimos bajando recursivamente
                     mensajes = mensajes.concat(CustomValidators.validateForm(control, controlLabel));
                 }
-                else if (control instanceof UntypedFormControl) {
+                else if (control instanceof FormControl) {
                     // es un campo final, añadimos sus mensajes de error
                     for (let errorKey in control.errors) {
                         mensajes.push({ prefixes: controlLabel, errorMessage: CustomValidators.config[errorKey] });
                     }
                 }
-                else if (control instanceof UntypedFormArray) {
+                else if (control instanceof FormArray) {
                     // es una lista de controles anidada, la recorremos
                     control.controls &&
                         control.controls.forEach((arrControl, index) => {
@@ -1327,7 +1327,7 @@ class CustomValidators {
                                 // es una lista de FormGroups, bajamos a ellos recursivamente
                                 mensajes = mensajes.concat(CustomValidators.validateForm(arrControl, arrControlLabel));
                             }
-                            else if (arrControl instanceof UntypedFormControl) {
+                            else if (arrControl instanceof FormControl) {
                                 // es una lista de FormControls, los tratamos desde aquí
                                 for (let errorKey in control.errors) {
                                     mensajes.push({ prefixes: arrControlLabel, errorMessage: CustomValidators.config[errorKey] });
@@ -1645,10 +1645,10 @@ class DateUtils {
         }
         return "-";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateUtils, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DateUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DateUtils, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DateUtils, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DateUtils, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1662,10 +1662,10 @@ class DomainService {
             return domain && domain[lang] ? of(domain[lang]) : of([]);
         })), { injector: injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
@@ -1717,10 +1717,10 @@ class DownloadService {
             this.generalUtils.stopLoading();
         }, () => this.generalUtils.stopLoading());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DownloadService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DownloadService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DownloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DownloadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -1747,10 +1747,10 @@ class FocusService {
         //console.log(`returning focus on ${this.focused}`);
         return this.focused;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FocusService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FocusService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FocusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FocusService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });
@@ -1776,10 +1776,10 @@ class SessionSharedService {
         // console.log('shared set', key, value);
         this.data.set(key, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SessionSharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SessionSharedService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SessionSharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SessionSharedService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SessionSharedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SessionSharedService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1792,10 +1792,10 @@ class TableViewService {
     sendExportMessage() {
         this.observableExportSource.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableViewService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TableViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TableViewService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: TableViewService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1814,10 +1814,10 @@ class ToolbarService {
         toolbar.componentId = componentId;
         this.observableToolbarSource.next(toolbar);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ToolbarService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ToolbarService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1865,17 +1865,17 @@ class UploadService {
     getUrlDownloadFile(id) {
         return `${this.DOWNLOAD_URL}${id}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UploadService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: UploadService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
 
 class ClearItemsService {
     constructor() {
-        this.clearItems = signal(false, ...(ngDevMode ? [{ debugName: "clearItems" }] : []));
+        this.clearItems = signal(false, ...(ngDevMode ? [{ debugName: "clearItems" }] : /* istanbul ignore next */ []));
     }
     setClearItems(value) {
         this.clearItems.set(value);
@@ -1883,10 +1883,10 @@ class ClearItemsService {
     getClearItems() {
         return this.clearItems;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ClearItemsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ClearItemsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ClearItemsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ClearItemsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ClearItemsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ClearItemsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1903,10 +1903,10 @@ class BaseComponent {
     getHelpSectionUrl(section) {
         return this.ayudaService.baseHelpUrl$() + '#/' + section + "/";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BaseComponent, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: BaseComponent, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive
         }] });
 
@@ -2388,7 +2388,7 @@ function makeToolbarChildList(enableDelete) {
 class BitBreadCrumbComponent {
     constructor() {
         this.router = inject(Router);
-        this.bc = input([], ...(ngDevMode ? [{ debugName: "bc", alias: "breadcrumb" }] : [{ alias: "breadcrumb" }]));
+        this.bc = input([], { ...(ngDevMode ? { debugName: "bc" } : /* istanbul ignore next */ {}), alias: "breadcrumb" });
     }
     /** Comprobamos si los datos de entrada no están definidos para inicializarlos en blanco */
     ngOnInit() {
@@ -2406,40 +2406,40 @@ class BitBreadCrumbComponent {
         }
         return false; //para evitar que navegue al href="#"
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitBreadCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitBreadCrumbComponent, isStandalone: false, selector: "bit-breadcrumb", inputs: { bc: { classPropertyName: "bc", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <ul class="breadcrumb">
-      @for (path of bc(); track path; let i = $index) {
-        <li [class.active]="i == bc().length - 1">
-          @if (i < bc().length - 1 && path.url) {
-            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
-          }
-          @if (i == bc().length - 1 || !path.url) {
-            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
-          }
-        </li>
-      }
-    </ul>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBreadCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBreadCrumbComponent, isStandalone: false, selector: "bit-breadcrumb", inputs: { bc: { classPropertyName: "bc", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ul class="breadcrumb">
+      @for (path of bc(); track path; let i = $index) {
+        <li [class.active]="i == bc().length - 1">
+          @if (i < bc().length - 1 && path.url) {
+            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
+          }
+          @if (i == bc().length - 1 || !path.url) {
+            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
+          }
+        </li>
+      }
+    </ul>
     `, isInline: true, dependencies: [{ kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitBreadCrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBreadCrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "bit-breadcrumb",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <ul class="breadcrumb">
-      @for (path of bc(); track path; let i = $index) {
-        <li [class.active]="i == bc().length - 1">
-          @if (i < bc().length - 1 && path.url) {
-            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
-          }
-          @if (i == bc().length - 1 || !path.url) {
-            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
-          }
-        </li>
-      }
-    </ul>
+                    template: `
+    <ul class="breadcrumb">
+      @for (path of bc(); track path; let i = $index) {
+        <li [class.active]="i == bc().length - 1">
+          @if (i < bc().length - 1 && path.url) {
+            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
+          }
+          @if (i == bc().length - 1 || !path.url) {
+            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
+          }
+        </li>
+      }
+    </ul>
     `
                     //styleUrls: ["bit-breadcrumb.component.css"]
                     ,
@@ -2451,8 +2451,8 @@ class BitControlMessages {
     constructor() {
         this.focusService = inject(FocusService);
         this.translateService = inject(TranslateService);
-        this.control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
-        this.field = input(...(ngDevMode ? [undefined, { debugName: "field" }] : []));
+        this.control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : /* istanbul ignore next */ []));
+        this.field = input(...(ngDevMode ? [undefined, { debugName: "field" }] : /* istanbul ignore next */ []));
     }
     get isError() {
         if (this.focusService.getFocusedElement() !== this.field()) {
@@ -2469,25 +2469,26 @@ class BitControlMessages {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitControlMessages, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitControlMessages, isStandalone: false, selector: "control-messages", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (isError) {
-      <div>
-        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
-      </div>
-    }
-    `, isInline: true, dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitControlMessages, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitControlMessages, isStandalone: false, selector: "control-messages", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (isError) {
+      <div>
+        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
+      </div>
+    }
+    `, isInline: true, dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitControlMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitControlMessages, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "control-messages",
-                    template: `
-    @if (isError) {
-      <div>
-        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
-      </div>
-    }
+                    template: `
+    @if (isError) {
+      <div>
+        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
+      </div>
+    }
     `
                     //styleUrls: ["bit-control-messages.component.css"]
                     ,
@@ -2522,8 +2523,11 @@ class BitDialogComponent extends BaseComponent {
         super();
         this.bitMessageService = inject(BitMessageService);
         this.translateService = inject(TranslateService);
-        this.display = false;
-        this.height = 200;
+        this.message = signal(new BitMessage("", ""), ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.display = signal(false, ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
+        this.errorAccessUrl = toSignal(this.translateService.selectTranslate("messages.erroraccessurl", {}, "bitnglibrary"), { initialValue: "" });
+        this.errorAccess = toSignal(this.translateService.selectTranslate("messages.erroraccess", {}, "bitnglibrary"), { initialValue: "" });
+        this.isSeverityInfo = computed(() => this.message().severity === "info", ...(ngDevMode ? [{ debugName: "isSeverityInfo" }] : /* istanbul ignore next */ []));
         const bitMessageService = this.bitMessageService;
         //console.log("DialogComponent contructor(" + bitMessageService  + ")");
         //Nos suscribimos a la espera de que envíen mensajes
@@ -2534,69 +2538,41 @@ class BitDialogComponent extends BaseComponent {
             this.showError(message);
         });
     }
-    ngOnInit() {
-        //inicializamos el objeto para que no pete el template
-        this.message = new BitMessage("", "");
-        this.getMessagesI18N();
-    }
-    getMessagesI18N() {
-        this.translateService
-            .selectTranslate("messages.erroraccessurl", {}, "bitnglibrary")
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((v) => (this.errorAccessUrl = v));
-        this.translateService
-            .selectTranslate("messages.erroraccess", {}, "bitnglibrary")
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((v) => (this.errorAccess = v));
-    }
-    showMessage(message) {
-        this.message = message;
-        if (this.message.json) {
+    showMessage(incoming) {
+        let content = incoming.message;
+        if (incoming.json) {
             try {
-                let json = eval("(" + this.message.message + ")"); //{"w":1, "b":'foo', "c":[false,'false',null, 'null', {"d":{"e":1.3e5,"f":'2.3e5'}}]};
-                this.message.message = JSON.stringify(json, undefined, 2);
+                const parsed = eval("(" + incoming.message + ")"); //{"w":1, "b":'foo', "c":[false,'false',null, 'null', {"d":{"e":1.3e5,"f":'2.3e5'}}]};
+                content = JSON.stringify(parsed, undefined, 2);
             }
             catch (error) {
                 console.warn("No pudo convertirse a JSON la información del log");
             }
         }
-        message.height === 0 ? (this.message.height = this.calculateHeightNumber()) : undefined;
-        this.display = true;
+        const finalContent = content || BitDialogComponent.MENSAJE_VOID;
+        const height = incoming.height === 0 ? this.calculateHeightNumber(finalContent) : incoming.height;
+        this.message.set(new BitMessage(incoming.title, finalContent, incoming.width, height, incoming.modal, incoming.severity, incoming.masInfo, incoming.json));
+        this.display.set(true);
     }
     showError(error) {
-        let messageError = error.url ? `${this.errorAccessUrl} ${error.url}` : `${this.errorAccess}`;
+        const messageError = error.url ? `${this.errorAccessUrl()} ${error.url}` : `${this.errorAccess()}`;
         this.showMessage(new BitMessage(messageError, error.errorText, 1024, 600, false, BitMessage.ERROR, error.trazaError));
     }
-    get isSeverityInfo() {
-        return this.message && this.message.severity === "info";
-    }
     /**
      * Calcula la altura del diálogo en función de la información a mostrar.
      * TODO: Contar las líneas reales del mensaje en vez de la longitud
      */
-    calculateHeightNumber() {
-        let msj = this.message.message;
-        if (msj) {
-            if (msj.length < 100) {
-                return 100;
-            }
-            else if (msj.length < 200) {
-                return 200;
-            }
-            else if (msj.length < 300) {
-                return 300;
-            }
-            else if (msj.length < 400) {
-                return 400;
-            }
-            else {
-                return 500;
-            }
-        }
-        else {
-            this.message.message = BitDialogComponent.MENSAJE_VOID;
+    calculateHeightNumber(msj) {
+        if (msj.length < 100)
             return 100;
-        }
+        else if (msj.length < 200)
+            return 200;
+        else if (msj.length < 300)
+            return 300;
+        else if (msj.length < 400)
+            return 400;
+        else
+            return 500;
     }
     syntaxHighlight(json) {
         if (typeof json != "string") {
@@ -2622,117 +2598,124 @@ class BitDialogComponent extends BaseComponent {
             return '<span class="' + cls + '">' + match + "</span>";
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitDialogComponent, isStandalone: false, selector: "bit-dialog", usesInheritance: true, ngImport: i0, template: `
-    @if (!isSeverityInfo) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [(visible)]="display"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo">{{ message.message }}</p>
-        @if (message.masInfo) {
-          <span>
-            <pre>{{ message.masInfo }}</pre>
-          </span>
-        }
-        <footer>
-          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
-        </footer>
-      </p-dialog>
-    }
-    @if (isSeverityInfo && !message.json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [(visible)]="display"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo" [innerHTML]="message.message"></p>
-      </p-dialog>
-    }
-    @if (message.json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [(visible)]="display"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [baseZIndex]="10000"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <pre [innerHTML]="syntaxHighlight(message.message)"></pre>
-      </p-dialog>
-    }
-    `, isInline: true, dependencies: [{ kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDialogComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDialogComponent, isStandalone: false, selector: "bit-dialog", usesInheritance: true, ngImport: i0, template: `
+    @if (!isSeverityInfo()) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo">{{ message().message }}</p>
+        @if (message().masInfo) {
+          <span>
+            <pre>{{ message().masInfo }}</pre>
+          </span>
+        }
+        <footer>
+          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
+        </footer>
+      </p-dialog>
+    }
+    @if (isSeverityInfo() && !message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
+      </p-dialog>
+    }
+    @if (message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [baseZIndex]="10000"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
+      </p-dialog>
+    }
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDialogComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-dialog",
-                    template: `
-    @if (!isSeverityInfo) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [(visible)]="display"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo">{{ message.message }}</p>
-        @if (message.masInfo) {
-          <span>
-            <pre>{{ message.masInfo }}</pre>
-          </span>
-        }
-        <footer>
-          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
-        </footer>
-      </p-dialog>
-    }
-    @if (isSeverityInfo && !message.json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [(visible)]="display"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo" [innerHTML]="message.message"></p>
-      </p-dialog>
-    }
-    @if (message.json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message.height }}"
-        header="{{ message.title }}"
-        [(visible)]="display"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [baseZIndex]="10000"
-        [modal]="message.modal"
-        showEffect="fade"
-        position="top"
-        >
-        <pre [innerHTML]="syntaxHighlight(message.message)"></pre>
-      </p-dialog>
-    }
+                    template: `
+    @if (!isSeverityInfo()) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo">{{ message().message }}</p>
+        @if (message().masInfo) {
+          <span>
+            <pre>{{ message().masInfo }}</pre>
+          </span>
+        }
+        <footer>
+          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
+        </footer>
+      </p-dialog>
+    }
+    @if (isSeverityInfo() && !message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
+      </p-dialog>
+    }
+    @if (message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [baseZIndex]="10000"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
+      </p-dialog>
+    }
     `
                     //styleUrls: ["bit-dialog.component.css"]
                     ,
@@ -2780,10 +2763,10 @@ class CantidadMonedaPipe {
                 : "";
         return integer + fraction;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CantidadMonedaPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: CantidadMonedaPipe, isStandalone: false, name: "cantidadMoneda" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CantidadMonedaPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: CantidadMonedaPipe, isStandalone: false, name: "cantidadMoneda" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CantidadMonedaPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CantidadMonedaPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "cantidadMoneda",
@@ -2793,12 +2776,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 
 class BitPajigatorComponent {
     constructor() {
-        this.paginator = input(true, ...(ngDevMode ? [{ debugName: "paginator" }] : []));
-        this.page = model(0, ...(ngDevMode ? [{ debugName: "page" }] : []));
-        this.totalItems = input(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
-        this.rowsPerPageOptions = input([20], ...(ngDevMode ? [{ debugName: "rowsPerPageOptions" }] : []));
-        this.itemsPerPage = model(this.rowsPerPageOptions()[0], ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : []));
-        this.maxCurrentItems = input(0, ...(ngDevMode ? [{ debugName: "maxCurrentItems" }] : []));
+        this.paginator = input(true, ...(ngDevMode ? [{ debugName: "paginator" }] : /* istanbul ignore next */ []));
+        this.page = model(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+        this.totalItems = input(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : /* istanbul ignore next */ []));
+        this.rowsPerPageOptions = input([20], ...(ngDevMode ? [{ debugName: "rowsPerPageOptions" }] : /* istanbul ignore next */ []));
+        this.itemsPerPage = model(this.rowsPerPageOptions()[0], ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
+        this.maxCurrentItems = input(0, ...(ngDevMode ? [{ debugName: "maxCurrentItems" }] : /* istanbul ignore next */ []));
         this.onPageChange = output();
         this.onPageSizeChange = output();
         this.maxPages = computed(() => {
@@ -2811,10 +2794,10 @@ class BitPajigatorComponent {
             }
             console.log("totalItems:" + this.totalItems() + "maxPages:" + maxPages + " itemsPerPage:" + this.itemsPerPage());
             return maxPages;
-        }, ...(ngDevMode ? [{ debugName: "maxPages" }] : []));
-        this.showPageInfo = computed(() => this.totalItems() > 0, ...(ngDevMode ? [{ debugName: "showPageInfo" }] : []));
-        this.showLeftNavigationButton = computed(() => this.totalItems() > 0 && this.page() != 1, ...(ngDevMode ? [{ debugName: "showLeftNavigationButton" }] : []));
-        this.showRightNavigationButton = computed(() => this.totalItems() > 0 && this.page() < this.maxPages(), ...(ngDevMode ? [{ debugName: "showRightNavigationButton" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxPages" }] : /* istanbul ignore next */ []));
+        this.showPageInfo = computed(() => this.totalItems() > 0, ...(ngDevMode ? [{ debugName: "showPageInfo" }] : /* istanbul ignore next */ []));
+        this.showLeftNavigationButton = computed(() => this.totalItems() > 0 && this.page() != 1, ...(ngDevMode ? [{ debugName: "showLeftNavigationButton" }] : /* istanbul ignore next */ []));
+        this.showRightNavigationButton = computed(() => this.totalItems() > 0 && this.page() < this.maxPages(), ...(ngDevMode ? [{ debugName: "showRightNavigationButton" }] : /* istanbul ignore next */ []));
     }
     changeItemsPerpage(items) {
         if (!items)
@@ -2828,68 +2811,62 @@ class BitPajigatorComponent {
         this.page.update((current) => (current += direction));
         this.onPageChange.emit(this.page());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitPajigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", itemsPerPage: "itemsPerPageChange", onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\r\n  <div class=\"pajigator-container\">\r\n    <div class=\"pajigator-results-container\">\r\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\r\n    @if (paginator()) {   \r\n      @if (maxCurrentItems() >= totalItems()) {\r\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n      }\r\n      @if (maxCurrentItems() < totalItems()) {\r\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n      }\r\n    } @else {\r\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n    }\r\n    </div>\r\n  @if (paginator()) {  \r\n    <div class=\"pajigator-page-size\">\r\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\r\n      <!-- appendTo=\"body\"--->\r\n      <p-select appendTo=\"body\"\r\n        [options]=\"rowsPerPageOptions()\"\r\n        [ngModel]=\"itemsPerPage()\"\r\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\r\n    </div>\r\n    <div class=\"pajigator-range-actions\">\r\n      @if (showPageInfo()) {\r\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\r\n      }\r\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\r\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\r\n    </div>\r\n  }  \r\n  </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: CantidadMonedaPipe, name: "cantidadMoneda" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPajigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", itemsPerPage: "itemsPerPageChange", onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n    @if (paginator()) {   \n      @if (maxCurrentItems() >= totalItems()) {\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\n      }\n      @if (maxCurrentItems() < totalItems()) {\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n      }\n    } @else {\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\n    }\n    </div>\n  @if (paginator()) {  \n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select appendTo=\"body\"\n        [options]=\"rowsPerPageOptions()\"\n        [ngModel]=\"itemsPerPage()\"\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\n    </div>\n    <div class=\"pajigator-range-actions\">\n      @if (showPageInfo()) {\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\n      }\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\n    </div>\n  }  \n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: CantidadMonedaPipe, name: "cantidadMoneda" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitPajigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPajigatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-pajigator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\r\n  <div class=\"pajigator-container\">\r\n    <div class=\"pajigator-results-container\">\r\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\r\n    @if (paginator()) {   \r\n      @if (maxCurrentItems() >= totalItems()) {\r\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n      }\r\n      @if (maxCurrentItems() < totalItems()) {\r\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n      }\r\n    } @else {\r\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n    }\r\n    </div>\r\n  @if (paginator()) {  \r\n    <div class=\"pajigator-page-size\">\r\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\r\n      <!-- appendTo=\"body\"--->\r\n      <p-select appendTo=\"body\"\r\n        [options]=\"rowsPerPageOptions()\"\r\n        [ngModel]=\"itemsPerPage()\"\r\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\r\n    </div>\r\n    <div class=\"pajigator-range-actions\">\r\n      @if (showPageInfo()) {\r\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\r\n      }\r\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\r\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\r\n    </div>\r\n  }  \r\n  </div>\r\n</div>" }]
+            args: [{ selector: 'bit-pajigator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n    @if (paginator()) {   \n      @if (maxCurrentItems() >= totalItems()) {\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\n      }\n      @if (maxCurrentItems() < totalItems()) {\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n      }\n    } @else {\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\n    }\n    </div>\n  @if (paginator()) {  \n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select appendTo=\"body\"\n        [options]=\"rowsPerPageOptions()\"\n        [ngModel]=\"itemsPerPage()\"\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\n    </div>\n    <div class=\"pajigator-range-actions\">\n      @if (showPageInfo()) {\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\n      }\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\n    </div>\n  }  \n  </div>\n</div>" }]
         }], propDecorators: { paginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginator", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], rowsPerPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowsPerPageOptions", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], maxCurrentItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCurrentItems", required: false }] }], onPageChange: [{ type: i0.Output, args: ["onPageChange"] }], onPageSizeChange: [{ type: i0.Output, args: ["onPageSizeChange"] }] } });
 
 class BitHelpComponent {
     constructor() {
         this.ayudaService = inject(AyudaService);
-        this.ayuda = linkedSignal(...(ngDevMode ? [{ debugName: "ayuda", source: this.ayudaService.mostrar,
-                computation: (newAyuda, _) => {
-                    console.log("newAyuda", newAyuda);
-                    return newAyuda;
-                } }] : [{
-                source: this.ayudaService.mostrar,
-                computation: (newAyuda, _) => {
-                    console.log("newAyuda", newAyuda);
-                    return newAyuda;
-                }
-            }]));
-        this.mostrarAyuda = computed(() => this.ayuda() != null, ...(ngDevMode ? [{ debugName: "mostrarAyuda" }] : []));
+        this.ayuda = linkedSignal({ ...(ngDevMode ? { debugName: "ayuda" } : /* istanbul ignore next */ {}), source: this.ayudaService.mostrar,
+            computation: (newAyuda, _) => {
+                console.log("newAyuda", newAyuda);
+                return newAyuda;
+            } });
+        this.mostrarAyuda = computed(() => this.ayuda() != null, ...(ngDevMode ? [{ debugName: "mostrarAyuda" }] : /* istanbul ignore next */ []));
     }
     /** Oculta el modal con los avisos */
     hideAyuda() {
         this.ayuda.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitHelpComponent, isStandalone: false, selector: "bit-help", ngImport: i0, template: `
-    @if (mostrarAyuda()) {
-      <div class="ventana-ayuda">
-        <div class="ayuda-header">
-          {{ ayuda().header }}
-          <span class="fa fa-close" (click)="hideAyuda()"></span>
-        </div>
-        <div class="ayuda-body">
-          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
-          <p [innerHTML]="ayuda().body"></p>
-        </div>
-      </div>
-    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHelpComponent, isStandalone: false, selector: "bit-help", ngImport: i0, template: `
+    @if (mostrarAyuda()) {
+      <div class="ventana-ayuda">
+        <div class="ayuda-header">
+          {{ ayuda().header }}
+          <span class="fa fa-close" (click)="hideAyuda()"></span>
+        </div>
+        <div class="ayuda-body">
+          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
+          <p [innerHTML]="ayuda().body"></p>
+        </div>
+      </div>
+    }
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitHelpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHelpComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "bit-help",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    @if (mostrarAyuda()) {
-      <div class="ventana-ayuda">
-        <div class="ayuda-header">
-          {{ ayuda().header }}
-          <span class="fa fa-close" (click)="hideAyuda()"></span>
-        </div>
-        <div class="ayuda-body">
-          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
-          <p [innerHTML]="ayuda().body"></p>
-        </div>
-      </div>
-    }
+                    template: `
+    @if (mostrarAyuda()) {
+      <div class="ventana-ayuda">
+        <div class="ayuda-header">
+          {{ ayuda().header }}
+          <span class="fa fa-close" (click)="hideAyuda()"></span>
+        </div>
+        <div class="ayuda-body">
+          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
+          <p [innerHTML]="ayuda().body"></p>
+        </div>
+      </div>
+    }
     `
                     //styleUrls: ["bit-help.component.css"]
                     ,
@@ -2900,36 +2877,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class BitFooterMessagesComponent {
     constructor() {
         this.translateService = inject(TranslateService);
-        this.status = input(PageStatus.Init, ...(ngDevMode ? [{ debugName: "status" }] : [])); // Determina en qué estado está la página: PageStatus.Init, PageStatus.SEARCHING, PageStatus.FINISH_SEARCH
-        this.maxCurrentItems = input(...(ngDevMode ? [undefined, { debugName: "maxCurrentItems" }] : []));
-        this.totalItems = input(...(ngDevMode ? [undefined, { debugName: "totalItems" }] : []));
-        this.typeFooter = input("list", ...(ngDevMode ? [{ debugName: "typeFooter", alias: "type" }] : [{ alias: "type" }]));
-        this.isFooterList = computed(() => this.typeFooter() === TYPE_LIST, ...(ngDevMode ? [{ debugName: "isFooterList" }] : []));
-        this.isFooterScroll = computed(() => this.typeFooter() === TYPE_SCROLL, ...(ngDevMode ? [{ debugName: "isFooterScroll" }] : []));
-        this.isFooterForm = computed(() => this.typeFooter() === TYPE_FORM, ...(ngDevMode ? [{ debugName: "isFooterForm" }] : []));
+        this.status = input(PageStatus.Init, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ [])); // Determina en qué estado está la página: PageStatus.Init, PageStatus.SEARCHING, PageStatus.FINISH_SEARCH
+        this.maxCurrentItems = input(...(ngDevMode ? [undefined, { debugName: "maxCurrentItems" }] : /* istanbul ignore next */ []));
+        this.totalItems = input(...(ngDevMode ? [undefined, { debugName: "totalItems" }] : /* istanbul ignore next */ []));
+        this.typeFooter = input("list", { ...(ngDevMode ? { debugName: "typeFooter" } : /* istanbul ignore next */ {}), alias: "type" });
+        this.isFooterList = computed(() => this.typeFooter() === TYPE_LIST, ...(ngDevMode ? [{ debugName: "isFooterList" }] : /* istanbul ignore next */ []));
+        this.isFooterScroll = computed(() => this.typeFooter() === TYPE_SCROLL, ...(ngDevMode ? [{ debugName: "isFooterScroll" }] : /* istanbul ignore next */ []));
+        this.isFooterForm = computed(() => this.typeFooter() === TYPE_FORM, ...(ngDevMode ? [{ debugName: "isFooterForm" }] : /* istanbul ignore next */ []));
         /** Flag: la página está realizando la búsqueda. */
-        this.searchInitiated = computed(() => this.status() === PageStatus.Init || this.status() == PageStatus.Reset || !this.status(), ...(ngDevMode ? [{ debugName: "searchInitiated" }] : []));
+        this.searchInitiated = computed(() => this.status() === PageStatus.Init || this.status() == PageStatus.Reset || !this.status(), ...(ngDevMode ? [{ debugName: "searchInitiated" }] : /* istanbul ignore next */ []));
         /** Flag: la página está realizando la búsqueda. */
-        this.searching = computed(() => this.status() === PageStatus.Searching, ...(ngDevMode ? [{ debugName: "searching" }] : []));
+        this.searching = computed(() => this.status() === PageStatus.Searching, ...(ngDevMode ? [{ debugName: "searching" }] : /* istanbul ignore next */ []));
         /** Flag: la página ha finalizado la última búsqueda. */
-        this.searchFinished = computed(() => this.status() === PageStatus.FinishSearch, ...(ngDevMode ? [{ debugName: "searchFinished" }] : []));
+        this.searchFinished = computed(() => this.status() === PageStatus.FinishSearch, ...(ngDevMode ? [{ debugName: "searchFinished" }] : /* istanbul ignore next */ []));
         /** Flag: la página está en modo solo lectura */
-        this.readOnly = computed(() => this.status() == PageStatus.ReadOnly, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+        this.readOnly = computed(() => this.status() == PageStatus.ReadOnly, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
         /** Flag: la página ha finalizado con error */
-        this.error = computed(() => this.status() == PageStatus.Error, ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.error = computed(() => this.status() == PageStatus.Error, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
         /** Flag: encontrado resultado. */
         this.foundResult = computed(() => {
             return (this.searchFinished() &&
                 ((this.isFooterList() && this.totalItems() > 0) ||
                     this.isFooterForm() ||
                     (this.isFooterScroll() && this.totalItems() <= this.maxCurrentItems())));
-        }, ...(ngDevMode ? [{ debugName: "foundResult" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "foundResult" }] : /* istanbul ignore next */ []));
         /** Flag: hay más resultados (scroll). */
         this.moreResults = computed(() => {
             return this.searchFinished() && this.isFooterScroll() && this.totalItems() > this.maxCurrentItems();
-        }, ...(ngDevMode ? [{ debugName: "moreResults" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "moreResults" }] : /* istanbul ignore next */ []));
         /** Flag: no hay resultados. */
-        this.emptyResult = computed(() => this.searchFinished() && this.totalItems() === 0, ...(ngDevMode ? [{ debugName: "emptyResult" }] : []));
+        this.emptyResult = computed(() => this.searchFinished() && this.totalItems() === 0, ...(ngDevMode ? [{ debugName: "emptyResult" }] : /* istanbul ignore next */ []));
         this.messages = computed(() => {
             let messagesMap = new Map();
             if (this.isFooterList() || this.isFooterScroll()) {
@@ -2950,7 +2927,7 @@ class BitFooterMessagesComponent {
             }
             messagesMap.set(PageStatus.Error, "bitnglibrary.footer.error");
             return messagesMap;
-        }, ...(ngDevMode ? [{ debugName: "messages" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
         this.initMessage = toSignal(this.translateService.selectTranslate(this.messages().get(PageStatus.Init)));
         this.searchingMessage = toSignal(this.translateService.selectTranslate(this.messages().get(PageStatus.Searching)));
         this.finishMessage = toSignal(this.translateService.selectTranslate(this.messages().get(PageStatus.FinishSearch)));
@@ -2969,7 +2946,7 @@ class BitFooterMessagesComponent {
             else if (this.isFooterForm()) {
                 return `mensaje-form mensaje-${type}`;
             }
-        }, ...(ngDevMode ? [{ debugName: "getStyle" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "getStyle" }] : /* istanbul ignore next */ []));
         this.message = computed(() => {
             if (this.searchInitiated())
                 return this.initMessage();
@@ -2986,14 +2963,14 @@ class BitFooterMessagesComponent {
             if (this.error())
                 return this.errorMessage();
             return "";
-        }, ...(ngDevMode ? [{ debugName: "message" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: BitFooterMessagesComponent, isStandalone: false, selector: "bit-footer-messages", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\r\n  <div [class]=\"getStyle()\">\r\n    <i class=\"fa fa-info\"></i>\r\n    <span>{{message()}}</span>\r\n  </div>\r\n\r\n  <bit-help />\r\n</div>", dependencies: [{ kind: "component", type: BitHelpComponent, selector: "bit-help" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitFooterMessagesComponent, isStandalone: false, selector: "bit-footer-messages", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\n  <div [class]=\"getStyle()\">\n    <i class=\"fa fa-info\"></i>\n    <span>{{message()}}</span>\n  </div>\n\n  <bit-help />\n</div>", dependencies: [{ kind: "component", type: BitHelpComponent, selector: "bit-help" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterMessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-footer-messages', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div>\r\n  <div [class]=\"getStyle()\">\r\n    <i class=\"fa fa-info\"></i>\r\n    <span>{{message()}}</span>\r\n  </div>\r\n\r\n  <bit-help />\r\n</div>" }]
+            args: [{ selector: 'bit-footer-messages', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div>\n  <div [class]=\"getStyle()\">\n    <i class=\"fa fa-info\"></i>\n    <span>{{message()}}</span>\n  </div>\n\n  <bit-help />\n</div>" }]
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], maxCurrentItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCurrentItems", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], typeFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
 /**
@@ -3001,28 +2978,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  **/
 class BitFooterComponent {
     constructor() {
-        this.totalItems = input(...(ngDevMode ? [undefined, { debugName: "totalItems" }] : [])); // Número total de elementos recuperados de la consulta
-        this.filter = input(...(ngDevMode ? [undefined, { debugName: "filter" }] : [])); // filtro de búsqieda
-        this.status = input(PageStatus.Init, ...(ngDevMode ? [{ debugName: "status" }] : [])); // Determina en qué estado está la página: PageStatus.Init, PageStatus.SEARCHING, PageStatus.FINISH_SEARCH
-        this.paginator = input(false, ...(ngDevMode ? [{ debugName: "paginator" }] : []));
-        this.mostrarAvisos = input(true, ...(ngDevMode ? [{ debugName: "mostrarAvisos" }] : []));
-        this.fixed = input(true, ...(ngDevMode ? [{ debugName: "fixed" }] : [])); // Indicará si lo queremos fijo abajo en la página. Por defecto sí.
-        this.typeFooter = input("list", ...(ngDevMode ? [{ debugName: "typeFooter", alias: "type" }] : [{ alias: "type" }]));
-        this.visible = input(true, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+        this.totalItems = input(...(ngDevMode ? [undefined, { debugName: "totalItems" }] : /* istanbul ignore next */ [])); // Número total de elementos recuperados de la consulta
+        this.filter = input(...(ngDevMode ? [undefined, { debugName: "filter" }] : /* istanbul ignore next */ [])); // filtro de búsqieda
+        this.status = input(PageStatus.Init, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ [])); // Determina en qué estado está la página: PageStatus.Init, PageStatus.SEARCHING, PageStatus.FINISH_SEARCH
+        this.paginator = input(false, ...(ngDevMode ? [{ debugName: "paginator" }] : /* istanbul ignore next */ []));
+        this.mostrarAvisos = input(true, ...(ngDevMode ? [{ debugName: "mostrarAvisos" }] : /* istanbul ignore next */ []));
+        this.fixed = input(true, ...(ngDevMode ? [{ debugName: "fixed" }] : /* istanbul ignore next */ [])); // Indicará si lo queremos fijo abajo en la página. Por defecto sí.
+        this.typeFooter = input("list", { ...(ngDevMode ? { debugName: "typeFooter" } : /* istanbul ignore next */ {}), alias: "type" });
+        this.visible = input(true, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
         this.onPageChange = output(); //para notificar cambios en la página a mostrar
         this.onNewPageSize = output(); //para notificar cambios en los elementos a mostrar por página
         this.baseItemsPerPage = BaseFilter.RESULTADOS_PAGE; // guardamos el número de resultados pre-configurados por página para mostrar la lista de x, x+10 y x+20
-        this.page = computed(() => (this.filter() ? this.filter().pagina : 1), ...(ngDevMode ? [{ debugName: "page" }] : []));
-        this.itemsPerPage = computed(() => (this.filter() ? this.filter().resultados : this.baseItemsPerPage), ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : []));
+        this.page = computed(() => (this.filter() ? this.filter().pagina : 1), ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+        this.itemsPerPage = computed(() => (this.filter() ? this.filter().resultados : this.baseItemsPerPage), ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
         this.maxCurrentItems = computed(() => {
             let maxCurrentItems = this.filter()?.pagina * this.filter()?.resultados;
             if (maxCurrentItems > this.totalItems()) {
                 maxCurrentItems = this.totalItems();
             }
             return maxCurrentItems;
-        }, ...(ngDevMode ? [{ debugName: "maxCurrentItems" }] : [])); // número de elementos que mostramos en pantalla. Necesario para el modo scroll
-        this.showPajigator = computed(() => this.typeFooter() === "list" && this.visible(), ...(ngDevMode ? [{ debugName: "showPajigator" }] : []));
-        this.showScroll = computed(() => this.typeFooter() === "scroll" && this.visible(), ...(ngDevMode ? [{ debugName: "showScroll" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "maxCurrentItems" }] : /* istanbul ignore next */ [])); // número de elementos que mostramos en pantalla. Necesario para el modo scroll
+        this.showPajigator = computed(() => this.typeFooter() === "list" && this.visible(), ...(ngDevMode ? [{ debugName: "showPajigator" }] : /* istanbul ignore next */ []));
+        this.showScroll = computed(() => this.typeFooter() === "scroll" && this.visible(), ...(ngDevMode ? [{ debugName: "showScroll" }] : /* istanbul ignore next */ []));
         this.getStyle = computed(() => {
             if ((this.fixed() && this.typeFooter() === TYPE_LIST) || this.typeFooter() === TYPE_SCROLL) {
                 return "footer navbar-fixed-bottom";
@@ -3033,7 +3010,7 @@ class BitFooterComponent {
             else {
                 return "footer";
             }
-        }, ...(ngDevMode ? [{ debugName: "getStyle" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "getStyle" }] : /* istanbul ignore next */ []));
     }
     pageChange(page) {
         this.onPageChange.emit(page);
@@ -3041,52 +3018,53 @@ class BitFooterComponent {
     pageSizeChange(pageSize) {
         this.onNewPageSize.emit(pageSize);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitFooterComponent, isStandalone: false, selector: "bit-footer", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, ngImport: i0, template: "<footer [class]=\"getStyle()\">\r\n\r\n  @if (showScroll()) {\r\n    <div class=\"scroll-outer-container\">\r\n      <div class=\"pajigator-container\">\r\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\r\n        @if (maxCurrentItems() >= totalItems()) {\r\n          <span>{{totalItems()}}</span>\r\n        }\r\n        @if (maxCurrentItems() < totalItems()) {\r\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (showPajigator()) {\r\n    <bit-pajigator [paginator]=\"paginator()\"\r\n      [totalItems]=\"totalItems()\"\r\n      [page]=\"page()\"\r\n      [itemsPerPage]=\"itemsPerPage()\"\r\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      (onPageChange)=\"pageChange($event)\"\r\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\r\n  }\r\n\r\n  @if (mostrarAvisos()) {\r\n    <bit-footer-messages [type]=\"typeFooter()\"\r\n      [status]=\"status()\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      [totalItems]=\"totalItems()\" />\r\n  }\r\n\r\n</footer>\r\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["paginator", "page", "totalItems", "rowsPerPageOptions", "itemsPerPage", "maxCurrentItems"], outputs: ["pageChange", "itemsPerPageChange", "onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["status", "maxCurrentItems", "totalItems", "type"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitFooterComponent, isStandalone: false, selector: "bit-footer", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, ngImport: i0, template: "<footer [class]=\"getStyle()\">\n\n  @if (showScroll()) {\n    <div class=\"scroll-outer-container\">\n      <div class=\"pajigator-container\">\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\n        @if (maxCurrentItems() >= totalItems()) {\n          <span>{{totalItems()}}</span>\n        }\n        @if (maxCurrentItems() < totalItems()) {\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n        }\n      </div>\n    </div>\n  }\n\n  @if (showPajigator()) {\n    <bit-pajigator [paginator]=\"paginator()\"\n      [totalItems]=\"totalItems()\"\n      [page]=\"page()\"\n      [itemsPerPage]=\"itemsPerPage()\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\n  }\n\n  @if (mostrarAvisos()) {\n    <bit-footer-messages [type]=\"typeFooter()\"\n      [status]=\"status()\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      [totalItems]=\"totalItems()\" />\n  }\n\n</footer>\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["paginator", "page", "totalItems", "rowsPerPageOptions", "itemsPerPage", "maxCurrentItems"], outputs: ["pageChange", "itemsPerPageChange", "onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["status", "maxCurrentItems", "totalItems", "type"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-footer", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<footer [class]=\"getStyle()\">\r\n\r\n  @if (showScroll()) {\r\n    <div class=\"scroll-outer-container\">\r\n      <div class=\"pajigator-container\">\r\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\r\n        @if (maxCurrentItems() >= totalItems()) {\r\n          <span>{{totalItems()}}</span>\r\n        }\r\n        @if (maxCurrentItems() < totalItems()) {\r\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (showPajigator()) {\r\n    <bit-pajigator [paginator]=\"paginator()\"\r\n      [totalItems]=\"totalItems()\"\r\n      [page]=\"page()\"\r\n      [itemsPerPage]=\"itemsPerPage()\"\r\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      (onPageChange)=\"pageChange($event)\"\r\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\r\n  }\r\n\r\n  @if (mostrarAvisos()) {\r\n    <bit-footer-messages [type]=\"typeFooter()\"\r\n      [status]=\"status()\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      [totalItems]=\"totalItems()\" />\r\n  }\r\n\r\n</footer>\r\n" }]
+            args: [{ selector: "bit-footer", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<footer [class]=\"getStyle()\">\n\n  @if (showScroll()) {\n    <div class=\"scroll-outer-container\">\n      <div class=\"pajigator-container\">\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\n        @if (maxCurrentItems() >= totalItems()) {\n          <span>{{totalItems()}}</span>\n        }\n        @if (maxCurrentItems() < totalItems()) {\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n        }\n      </div>\n    </div>\n  }\n\n  @if (showPajigator()) {\n    <bit-pajigator [paginator]=\"paginator()\"\n      [totalItems]=\"totalItems()\"\n      [page]=\"page()\"\n      [itemsPerPage]=\"itemsPerPage()\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\n  }\n\n  @if (mostrarAvisos()) {\n    <bit-footer-messages [type]=\"typeFooter()\"\n      [status]=\"status()\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      [totalItems]=\"totalItems()\" />\n  }\n\n</footer>\n" }]
         }], propDecorators: { totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], paginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginator", required: false }] }], mostrarAvisos: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarAvisos", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], typeFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], onPageChange: [{ type: i0.Output, args: ["onPageChange"] }], onNewPageSize: [{ type: i0.Output, args: ["onNewPageSize"] }] } });
 
 class BitBotonAyudaComponent {
     constructor() {
         this.ayudaService = inject(AyudaService);
-        this.ayuda = input(undefined, ...(ngDevMode ? [{ debugName: "ayuda" }] : []));
-        this.boton = input(false, ...(ngDevMode ? [{ debugName: "boton" }] : [])); // show a little [?] or a full button
-        this.extraClass = input("", ...(ngDevMode ? [{ debugName: "extraClass" }] : [])); // extra CSS classes for HTML component
-        this.buttonSize = input(undefined, ...(ngDevMode ? [{ debugName: "buttonSize" }] : []));
+        this.ayuda = input(undefined, ...(ngDevMode ? [{ debugName: "ayuda" }] : /* istanbul ignore next */ []));
+        this.boton = input(false, ...(ngDevMode ? [{ debugName: "boton" }] : /* istanbul ignore next */ [])); // show a little [?] or a full button
+        this.extraClass = input("", ...(ngDevMode ? [{ debugName: "extraClass" }] : /* istanbul ignore next */ [])); // extra CSS classes for HTML component
+        this.buttonSize = input(undefined, ...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
     }
     mostrarAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitBotonAyudaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitBotonAyudaComponent, isStandalone: false, selector: "bit-boton-ayuda", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, boton: { classPropertyName: "boton", publicName: "boton", isSignal: true, isRequired: false, transformFunction: null }, extraClass: { classPropertyName: "extraClass", publicName: "extraClass", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (boton()) {
-      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
-        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
-      </p-button>
-    }
-
-    @if (!boton()) {
-      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
-    }
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBotonAyudaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBotonAyudaComponent, isStandalone: false, selector: "bit-boton-ayuda", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, boton: { classPropertyName: "boton", publicName: "boton", isSignal: true, isRequired: false, transformFunction: null }, extraClass: { classPropertyName: "extraClass", publicName: "extraClass", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (boton()) {
+      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
+        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
+      </p-button>
+    }
+
+    @if (!boton()) {
+      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-boton-ayuda",
-                    template: `
-    @if (boton()) {
-      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
-        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
-      </p-button>
-    }
-
-    @if (!boton()) {
-      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
-    }
+                    template: `
+    @if (boton()) {
+      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
+        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
+      </p-button>
+    }
+
+    @if (!boton()) {
+      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
+    }
   `,
                     standalone: false
                 }]
@@ -3096,24 +3074,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Componenente que muestra una barra de botones.
  */
 class BitToolbarComponent extends BaseComponent {
-    static { this.FILTER_BUTTON = "filter"; }
-    static { this.PRINT_BUTTON = "print"; }
-    static { this.EXPORT_BUTTON = "export"; }
-    static { this.NEW_BUTTON = "new"; }
-    static { this.SAVE_BUTTON = "save"; }
-    static { this.DELETE_BUTTON = "delete"; }
-    static { this.ADD_BUTTON = "add"; }
-    static { this.HELP_BUTTON = "help"; }
     constructor() {
-        super();
+        super(...arguments);
         this.translateService = inject(TranslateService);
+        this.translations = toSignal(this.translateService.selectTranslate("toolbar", {}, "bitnglibrary", true), { initialValue: {} });
         this.mostrar = false;
-        this.translations = {};
-        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
-        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : [])); // clave de la ayuda contextual que mostrar para su botón
-        this.femenino = input(false, ...(ngDevMode ? [{ debugName: "femenino" }] : [])); // género femenino (para los nombres de botones) o no
-        this.buttonSize = input(...(ngDevMode ? [undefined, { debugName: "buttonSize" }] : [])); // tamaño de los botones, por defecto normal
-        this.otherActionsDropdown = input(false, ...(ngDevMode ? [{ debugName: "otherActionsDropdown" }] : [])); // determina si todas las "other actions" se muestran en un desplegable o depende del atributo displayAsButton de cada una
+        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
+        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : /* istanbul ignore next */ [])); // clave de la ayuda contextual que mostrar para su botón
+        this.femenino = input(false, ...(ngDevMode ? [{ debugName: "femenino" }] : /* istanbul ignore next */ [])); // género femenino (para los nombres de botones) o no
+        this.buttonSize = input(...(ngDevMode ? [undefined, { debugName: "buttonSize" }] : /* istanbul ignore next */ [])); // tamaño de los botones, por defecto normal
+        this.otherActionsDropdown = input(false, ...(ngDevMode ? [{ debugName: "otherActionsDropdown" }] : /* istanbul ignore next */ [])); // determina si todas las "other actions" se muestran en un desplegable o depende del atributo displayAsButton de cada una
         this.onToolbarButtonPressed = output();
         /** Devuelve si hay other actions que deben mostrarse en desplegable (solo cuando hay más de una). */
         this.itemsOtherActionsEnDesplegable = computed(() => {
@@ -3123,12 +3093,12 @@ class BitToolbarComponent extends BaseComponent {
                 return actions;
             else
                 return [];
-        }, ...(ngDevMode ? [{ debugName: "itemsOtherActionsEnDesplegable" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "itemsOtherActionsEnDesplegable" }] : /* istanbul ignore next */ []));
         /** Devuelve la clave de traducción del label del botón de "other actions" */
         this.otherActionsLabel = computed(() => {
             const toolbar = this.toolbar() || {};
             return toolbar['_otherActionsLabel'] || 'other-actions';
-        }, ...(ngDevMode ? [{ debugName: "otherActionsLabel" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "otherActionsLabel" }] : /* istanbul ignore next */ []));
         /** Devuelve si hay other actions que deben mostrarse como botón (incluye la de desplegable si hay solo una). */
         this.itemsOtherActionsEnBoton = computed(() => {
             const toolbar = this.toolbar() || {};
@@ -3138,14 +3108,16 @@ class BitToolbarComponent extends BaseComponent {
             if (actionsEnDesplegable?.length === 1)
                 actions.push(actionsEnDesplegable[0]);
             return actions;
-        }, ...(ngDevMode ? [{ debugName: "itemsOtherActionsEnBoton" }] : []));
-        this.translateService
-            .selectTranslate("toolbar", {}, "bitnglibrary", true)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((translations) => {
-            this.translations = translations;
-        });
+        }, ...(ngDevMode ? [{ debugName: "itemsOtherActionsEnBoton" }] : /* istanbul ignore next */ []));
     }
+    static { this.FILTER_BUTTON = "filter"; }
+    static { this.PRINT_BUTTON = "print"; }
+    static { this.EXPORT_BUTTON = "export"; }
+    static { this.NEW_BUTTON = "new"; }
+    static { this.SAVE_BUTTON = "save"; }
+    static { this.DELETE_BUTTON = "delete"; }
+    static { this.ADD_BUTTON = "add"; }
+    static { this.HELP_BUTTON = "help"; }
     onSplitButtonLabelClick(sb, event) {
         setTimeout(() => sb.onDropdownButtonClick(event));
     }
@@ -3199,7 +3171,7 @@ class BitToolbarComponent extends BaseComponent {
             if (this.incluirOtherActionEnDropdown(toolbar[key])) {
                 let toolbarItem = toolbar[key]; // capture the current toolbar item
                 actions.push({
-                    label: this.translations[toolbarItem.label],
+                    label: this.translations()[toolbarItem.label],
                     icon: toolbarItem.estilo,
                     visible: toolbarItem.visible,
                     command: () => {
@@ -3228,27 +3200,27 @@ class BitToolbarComponent extends BaseComponent {
     incluirOtherActionComoBoton(toolbarItem) {
         return toolbarItem.otherAction && toolbarItem.visible && (!this.otherActionsDropdown() || toolbarItem.displayAsButton === true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"contenedor-toolbar\">\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\r\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\r\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\r\n  }\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\r\n  @for (button of itemsOtherActionsEnBoton(); track button) {\r\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\r\n  }\r\n\r\n  <!-- acciones estandar -->\r\n  @if (visible('new')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n  @if (visible('add')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n\r\n  @if (visible('export')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\r\n  }\r\n  @if (visible('save')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\r\n  }\r\n  @if (visible('delete')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\r\n  }\r\n  @if (visible('print')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\r\n  }\r\n  @if (ayuda()) {\r\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2$2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"contenedor-toolbar\">\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\n  }\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\n  @for (button of itemsOtherActionsEnBoton(); track button) {\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n  }\n\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\n  }\n  @if (visible('add')) {\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n  }\n\n  @if (visible('export')) {\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n  }\n  @if (visible('save')) {\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n  }\n  @if (visible('delete')) {\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n  }\n  @if (visible('print')) {\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n  }\n  @if (ayuda()) {\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\n  }\n</div>\n", dependencies: [{ kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2$2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-toolbar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"contenedor-toolbar\">\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\r\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\r\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\r\n  }\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\r\n  @for (button of itemsOtherActionsEnBoton(); track button) {\r\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\r\n  }\r\n\r\n  <!-- acciones estandar -->\r\n  @if (visible('new')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n  @if (visible('add')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n\r\n  @if (visible('export')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\r\n  }\r\n  @if (visible('save')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\r\n  }\r\n  @if (visible('delete')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\r\n  }\r\n  @if (visible('print')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\r\n  }\r\n  @if (ayuda()) {\r\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\r\n  }\r\n</div>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], femenino: [{ type: i0.Input, args: [{ isSignal: true, alias: "femenino", required: false }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }], otherActionsDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherActionsDropdown", required: false }] }], onToolbarButtonPressed: [{ type: i0.Output, args: ["onToolbarButtonPressed"] }] } });
+            args: [{ selector: "bit-toolbar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"contenedor-toolbar\">\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\n  }\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\n  @for (button of itemsOtherActionsEnBoton(); track button) {\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n  }\n\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\n  }\n  @if (visible('add')) {\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n  }\n\n  @if (visible('export')) {\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n  }\n  @if (visible('save')) {\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n  }\n  @if (visible('delete')) {\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n  }\n  @if (visible('print')) {\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n  }\n  @if (ayuda()) {\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\n  }\n</div>\n" }]
+        }], propDecorators: { toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], femenino: [{ type: i0.Input, args: [{ isSignal: true, alias: "femenino", required: false }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }], otherActionsDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherActionsDropdown", required: false }] }], onToolbarButtonPressed: [{ type: i0.Output, args: ["onToolbarButtonPressed"] }] } });
 
 /**
  * Componente que muestra miga de pan y toolbar
  */
 class BitHeaderComponent {
     constructor() {
-        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
-        this.noToolbar = input(false, ...(ngDevMode ? [{ debugName: "noToolbar" }] : []));
-        this.otherActionsDropdown = input(false, ...(ngDevMode ? [{ debugName: "otherActionsDropdown" }] : [])); // determina si las "other actions" deben mostrarse en línea o como un desplegable
-        this.breadcrumb = input(undefined, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : []));
-        this.masacciones = input(undefined, ...(ngDevMode ? [{ debugName: "masacciones" }] : []));
-        this.colsBreadcrumb = input(undefined, ...(ngDevMode ? [{ debugName: "colsBreadcrumb" }] : []));
-        this.femenino = input(false, ...(ngDevMode ? [{ debugName: "femenino" }] : [])); // género femenino (para los nombres de botones) o no
-        this.ayuda = input(undefined, ...(ngDevMode ? [{ debugName: "ayuda" }] : [])); // clave de la ayuda contextual para la botonera
+        this.toolbar = input({}, ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
+        this.noToolbar = input(false, ...(ngDevMode ? [{ debugName: "noToolbar" }] : /* istanbul ignore next */ []));
+        this.otherActionsDropdown = input(false, ...(ngDevMode ? [{ debugName: "otherActionsDropdown" }] : /* istanbul ignore next */ [])); // determina si las "other actions" deben mostrarse en línea o como un desplegable
+        this.breadcrumb = input(undefined, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : /* istanbul ignore next */ []));
+        this.masacciones = input(undefined, ...(ngDevMode ? [{ debugName: "masacciones" }] : /* istanbul ignore next */ []));
+        this.colsBreadcrumb = input(undefined, ...(ngDevMode ? [{ debugName: "colsBreadcrumb" }] : /* istanbul ignore next */ []));
+        this.femenino = input(false, ...(ngDevMode ? [{ debugName: "femenino" }] : /* istanbul ignore next */ [])); // género femenino (para los nombres de botones) o no
+        this.ayuda = input(undefined, ...(ngDevMode ? [{ debugName: "ayuda" }] : /* istanbul ignore next */ [])); // clave de la ayuda contextual para la botonera
         this.onToolbarButtonPressed = output();
     }
     /** Tenemos que capturar el evento y volver a subirlo, por diseño Angular2 no permite enviar un evento de un nieto a su abuelo, solo
@@ -3257,51 +3229,52 @@ class BitHeaderComponent {
     onTBPressed(button) {
         this.onToolbarButtonPressed.emit(button);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitHeaderComponent, isStandalone: false, selector: "bit-header", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null }, masacciones: { classPropertyName: "masacciones", publicName: "masacciones", isSignal: true, isRequired: false, transformFunction: null }, colsBreadcrumb: { classPropertyName: "colsBreadcrumb", publicName: "colsBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, ngImport: i0, template: "<!-- <div class=\"grid mt-3 mb-3\">\r\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\r\n  <!-- ruta de donde nos encontramos (miga de pan) -->\r\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\r\n</div>\r\n<div *ngIf=\"noToolbar === false\"\r\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\r\n  <!-- botonera de acciones -->\r\n  <!-- <bit-toolbar\r\n  [toolbar]=\"toolbar\"\r\n  [femenino]=\"femenino\"\r\n  [otherActionsDropdown]=\"otherActionsDropdown\"\r\n  [ayuda]=\"ayuda\"\r\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\r\n</div>\r\n</div> -->\r\n\r\n<div class=\"grid mt-3 mb-3\">\r\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\r\n    <!-- ruta de donde nos encontramos (miga de pan) -->\r\n    @if (breadcrumb()) {\r\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\r\n    }\r\n  </div>\r\n  @if (noToolbar() === false) {\r\n    <div\r\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\r\n      <!-- botonera de acciones -->\r\n      <bit-toolbar [toolbar]=\"toolbar()\"\r\n        [femenino]=\"femenino()\"\r\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\r\n        [ayuda]=\"ayuda()\"\r\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BitBreadCrumbComponent, selector: "bit-breadcrumb", inputs: ["breadcrumb"] }, { kind: "component", type: BitToolbarComponent, selector: "bit-toolbar", inputs: ["toolbar", "ayuda", "femenino", "buttonSize", "otherActionsDropdown"], outputs: ["onToolbarButtonPressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHeaderComponent, isStandalone: false, selector: "bit-header", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null }, masacciones: { classPropertyName: "masacciones", publicName: "masacciones", isSignal: true, isRequired: false, transformFunction: null }, colsBreadcrumb: { classPropertyName: "colsBreadcrumb", publicName: "colsBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, ngImport: i0, template: "<!-- <div class=\"grid mt-3 mb-3\">\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\n  <!-- ruta de donde nos encontramos (miga de pan) -->\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\n</div>\n<div *ngIf=\"noToolbar === false\"\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\n  <!-- botonera de acciones -->\n  <!-- <bit-toolbar\n  [toolbar]=\"toolbar\"\n  [femenino]=\"femenino\"\n  [otherActionsDropdown]=\"otherActionsDropdown\"\n  [ayuda]=\"ayuda\"\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\n</div>\n</div> -->\n\n<div class=\"grid mt-3 mb-3\">\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\n    <!-- ruta de donde nos encontramos (miga de pan) -->\n    @if (breadcrumb()) {\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\n    }\n  </div>\n  @if (noToolbar() === false) {\n    <div\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\n      <!-- botonera de acciones -->\n      <bit-toolbar [toolbar]=\"toolbar()\"\n        [femenino]=\"femenino()\"\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\n        [ayuda]=\"ayuda()\"\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\n    </div>\n  }\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BitBreadCrumbComponent, selector: "bit-breadcrumb", inputs: ["breadcrumb"] }, { kind: "component", type: BitToolbarComponent, selector: "bit-toolbar", inputs: ["toolbar", "ayuda", "femenino", "buttonSize", "otherActionsDropdown"], outputs: ["onToolbarButtonPressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-header", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"grid mt-3 mb-3\">\r\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\r\n  <!-- ruta de donde nos encontramos (miga de pan) -->\r\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\r\n</div>\r\n<div *ngIf=\"noToolbar === false\"\r\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\r\n  <!-- botonera de acciones -->\r\n  <!-- <bit-toolbar\r\n  [toolbar]=\"toolbar\"\r\n  [femenino]=\"femenino\"\r\n  [otherActionsDropdown]=\"otherActionsDropdown\"\r\n  [ayuda]=\"ayuda\"\r\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\r\n</div>\r\n</div> -->\r\n\r\n<div class=\"grid mt-3 mb-3\">\r\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\r\n    <!-- ruta de donde nos encontramos (miga de pan) -->\r\n    @if (breadcrumb()) {\r\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\r\n    }\r\n  </div>\r\n  @if (noToolbar() === false) {\r\n    <div\r\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\r\n      <!-- botonera de acciones -->\r\n      <bit-toolbar [toolbar]=\"toolbar()\"\r\n        [femenino]=\"femenino()\"\r\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\r\n        [ayuda]=\"ayuda()\"\r\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\r\n    </div>\r\n  }\r\n</div>" }]
+            args: [{ selector: "bit-header", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"grid mt-3 mb-3\">\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\n  <!-- ruta de donde nos encontramos (miga de pan) -->\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\n</div>\n<div *ngIf=\"noToolbar === false\"\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\n  <!-- botonera de acciones -->\n  <!-- <bit-toolbar\n  [toolbar]=\"toolbar\"\n  [femenino]=\"femenino\"\n  [otherActionsDropdown]=\"otherActionsDropdown\"\n  [ayuda]=\"ayuda\"\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\n</div>\n</div> -->\n\n<div class=\"grid mt-3 mb-3\">\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\n    <!-- ruta de donde nos encontramos (miga de pan) -->\n    @if (breadcrumb()) {\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\n    }\n  </div>\n  @if (noToolbar() === false) {\n    <div\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\n      <!-- botonera de acciones -->\n      <bit-toolbar [toolbar]=\"toolbar()\"\n        [femenino]=\"femenino()\"\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\n        [ayuda]=\"ayuda()\"\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\n    </div>\n  }\n</div>" }]
         }], propDecorators: { toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], noToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "noToolbar", required: false }] }], otherActionsDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherActionsDropdown", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], masacciones: [{ type: i0.Input, args: [{ isSignal: true, alias: "masacciones", required: false }] }], colsBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "colsBreadcrumb", required: false }] }], femenino: [{ type: i0.Input, args: [{ isSignal: true, alias: "femenino", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], onToolbarButtonPressed: [{ type: i0.Output, args: ["onToolbarButtonPressed"] }] } });
 
 class BitLoadingComponent {
     constructor() {
         this.generalUtils = inject(GeneralUtils);
-        this.imageSource = input(undefined, ...(ngDevMode ? [{ debugName: "imageSource", alias: "source" }] : [{ alias: "source" }]));
-        this.loading = computed(() => this.generalUtils.loading() > 0, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.imageSource = input(undefined, { ...(ngDevMode ? { debugName: "imageSource" } : /* istanbul ignore next */ {}), alias: "source" });
+        this.loading = computed(() => this.generalUtils.loading() > 0, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         console.log("Constructor bitloading");
     }
     ngOnDestroy() {
         this.generalUtils.loading.set(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitLoadingComponent, isStandalone: false, selector: "bit-loading", inputs: { imageSource: { classPropertyName: "imageSource", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-      @if (loading()) {
-        <div class="modal">
-          <div class="grid">
-            <div class="col-12 text-center">
-              <i class="pi pi-spin pi-spinner icono-loading"></i>
-            </div>
-          </div>
-        </div>
-      }
-    `, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLoadingComponent, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitLoadingComponent, isStandalone: false, selector: "bit-loading", inputs: { imageSource: { classPropertyName: "imageSource", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+      @if (loading()) {
+        <div class="modal">
+          <div class="grid">
+            <div class="col-12 text-center">
+              <i class="pi pi-spin pi-spinner icono-loading"></i>
+            </div>
+          </div>
+        </div>
+      }
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLoadingComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-loading",
-                    template: `
-      @if (loading()) {
-        <div class="modal">
-          <div class="grid">
-            <div class="col-12 text-center">
-              <i class="pi pi-spin pi-spinner icono-loading"></i>
-            </div>
-          </div>
-        </div>
-      }
+                    template: `
+      @if (loading()) {
+        <div class="modal">
+          <div class="grid">
+            <div class="col-12 text-center">
+              <i class="pi pi-spin pi-spinner icono-loading"></i>
+            </div>
+          </div>
+        </div>
+      }
     `,
                     standalone: false
                 }]
@@ -3320,7 +3293,7 @@ class BitNotificationToastComponent extends BaseComponent {
     //Nos suscribimos a la espera de que envíen notificaciones
     subscribeToNotifications() {
         this.bitMessageService.observableNotifications
-            .pipe(tap((notification) => {
+            .pipe(takeUntil(this.destroy$), tap((notification) => {
             //controlamos si nos llega vacío
             if (!notification) {
                 this.hide();
@@ -3346,12 +3319,13 @@ class BitNotificationToastComponent extends BaseComponent {
     getLife(life) {
         return life ? life : DEFAULT_LIFE; // Si no se especifica el tiempo, usamos el valor por defecto
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BitNotificationToastComponent, isStandalone: false, selector: "bit-notification-toast", usesInheritance: true, ngImport: i0, template: ` <p-toast key="notification" position="top-right" /> `, isInline: true, dependencies: [{ kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNotificationToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitNotificationToastComponent, isStandalone: false, selector: "bit-notification-toast", usesInheritance: true, ngImport: i0, template: ` <p-toast key="notification" position="top-right" /> `, isInline: true, dependencies: [{ kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNotificationToastComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-notification-toast",
                     template: ` <p-toast key="notification" position="top-right" /> `,
                     standalone: false
@@ -3365,8 +3339,8 @@ class BitNotificationErrorComponent extends BaseComponent {
         this.bitMessageService = inject(BitMessageService);
         this.primeMessageService = inject(MessageService);
         this.translateService = inject(TranslateService);
-        this.escape = input(true, ...(ngDevMode ? [{ debugName: "escape" }] : []));
-        this.closable = input(true, ...(ngDevMode ? [{ debugName: "closable" }] : []));
+        this.escape = input(true, ...(ngDevMode ? [{ debugName: "escape" }] : /* istanbul ignore next */ []));
+        this.closable = input(true, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
         this.messages = [];
     }
     ngOnInit() {
@@ -3376,7 +3350,7 @@ class BitNotificationErrorComponent extends BaseComponent {
     //Nos suscribimos a la espera de que envíen notificaciones de error
     subscribeToNotificationMessages() {
         this.bitMessageService.observableNotificationsErrors
-            .pipe(tap((notificacionError) => {
+            .pipe(takeUntil(this.destroy$), tap((notificacionError) => {
             //controlamos si nos llega vacio
             if (!notificacionError) {
                 this.hideErrors();
@@ -3427,10 +3401,10 @@ class BitNotificationErrorComponent extends BaseComponent {
         else {
             console.log("single error");
             if (!detail) {
-                this.pushError(title, message);
+                this.pushError(title || "", message || "");
             }
             else {
-                this.pushError(message, detail);
+                this.pushError(message || "", detail);
             }
             this.showErrors();
         }
@@ -3483,12 +3457,13 @@ class BitNotificationErrorComponent extends BaseComponent {
             return of([]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: BitNotificationErrorComponent, isStandalone: false, selector: "bit-notification-error", inputs: { escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: ` <p-toast /> `, isInline: true, dependencies: [{ kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNotificationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitNotificationErrorComponent, isStandalone: false, selector: "bit-notification-error", inputs: { escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: ` <p-toast /> `, isInline: true, dependencies: [{ kind: "component", type: i1$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-notification-error",
                     template: ` <p-toast /> `,
                     standalone: false
@@ -3507,10 +3482,10 @@ class FocusRegisterDirective {
     onBlur() {
         this.focusService.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FocusRegisterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: FocusRegisterDirective, isStandalone: false, selector: "input,select,textarea,bit-input,bit-select", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FocusRegisterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: FocusRegisterDirective, isStandalone: false, selector: "input,select,textarea,bit-input,bit-select", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FocusRegisterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FocusRegisterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "input,select,textarea,bit-input,bit-select" //TODO: no funciona bien con autoComplete. No se registra el focus
@@ -3528,21 +3503,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class BitNGUploadComponent {
     constructor() {
         this.generalUtils = inject(GeneralUtils);
-        this.uploader = input.required(...(ngDevMode ? [{ debugName: "uploader" }] : []));
-        this.hasDropZone = input(...(ngDevMode ? [undefined, { debugName: "hasDropZone" }] : []));
-        this.hasQueue = input(...(ngDevMode ? [undefined, { debugName: "hasQueue" }] : []));
-        this.hasSingleUpload = input(...(ngDevMode ? [undefined, { debugName: "hasSingleUpload" }] : []));
-        this.hasMultipleUpload = input(...(ngDevMode ? [undefined, { debugName: "hasMultipleUpload" }] : []));
-        this.deleteItemAfterUpload = input(...(ngDevMode ? [undefined, { debugName: "deleteItemAfterUpload" }] : []));
-        this.canUpload = input(...(ngDevMode ? [undefined, { debugName: "canUpload" }] : []));
-        this.hasProgressBar = input(...(ngDevMode ? [undefined, { debugName: "hasProgressBar" }] : []));
-        this.sizeDropZone = input(...(ngDevMode ? [undefined, { debugName: "sizeDropZone" }] : []));
-        this.sizeQueue = input(...(ngDevMode ? [undefined, { debugName: "sizeQueue" }] : []));
-        this.inputAccept = input("*", ...(ngDevMode ? [{ debugName: "inputAccept" }] : []));
+        this.uploader = input.required(...(ngDevMode ? [{ debugName: "uploader" }] : /* istanbul ignore next */ []));
+        this.hasDropZone = input(...(ngDevMode ? [undefined, { debugName: "hasDropZone" }] : /* istanbul ignore next */ []));
+        this.hasQueue = input(...(ngDevMode ? [undefined, { debugName: "hasQueue" }] : /* istanbul ignore next */ []));
+        this.hasSingleUpload = input(...(ngDevMode ? [undefined, { debugName: "hasSingleUpload" }] : /* istanbul ignore next */ []));
+        this.hasMultipleUpload = input(...(ngDevMode ? [undefined, { debugName: "hasMultipleUpload" }] : /* istanbul ignore next */ []));
+        this.deleteItemAfterUpload = input(...(ngDevMode ? [undefined, { debugName: "deleteItemAfterUpload" }] : /* istanbul ignore next */ []));
+        this.canUpload = input(...(ngDevMode ? [undefined, { debugName: "canUpload" }] : /* istanbul ignore next */ []));
+        this.hasProgressBar = input(...(ngDevMode ? [undefined, { debugName: "hasProgressBar" }] : /* istanbul ignore next */ []));
+        this.sizeDropZone = input(...(ngDevMode ? [undefined, { debugName: "sizeDropZone" }] : /* istanbul ignore next */ []));
+        this.sizeQueue = input(...(ngDevMode ? [undefined, { debugName: "sizeQueue" }] : /* istanbul ignore next */ []));
+        this.inputAccept = input("*", ...(ngDevMode ? [{ debugName: "inputAccept" }] : /* istanbul ignore next */ []));
         this.onSuccess = output();
         this.onError = output();
-        this.fileInput = viewChild("fileRef", ...(ngDevMode ? [{ debugName: "fileInput" }] : []));
-        this.hasBaseDropZoneOver = signal(false, ...(ngDevMode ? [{ debugName: "hasBaseDropZoneOver" }] : []));
+        this.fileInput = viewChild("fileRef", ...(ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []));
+        this.hasBaseDropZoneOver = signal(false, ...(ngDevMode ? [{ debugName: "hasBaseDropZoneOver" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         this.uploader().onSuccessItem = (item, response, status, headers) => {
@@ -3622,12 +3597,12 @@ class BitNGUploadComponent {
     fileOverBase(e) {
         this.hasBaseDropZoneOver.set(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNGUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: { classPropertyName: "uploader", publicName: "uploader", isSignal: true, isRequired: true, transformFunction: null }, hasDropZone: { classPropertyName: "hasDropZone", publicName: "hasDropZone", isSignal: true, isRequired: false, transformFunction: null }, hasQueue: { classPropertyName: "hasQueue", publicName: "hasQueue", isSignal: true, isRequired: false, transformFunction: null }, hasSingleUpload: { classPropertyName: "hasSingleUpload", publicName: "hasSingleUpload", isSignal: true, isRequired: false, transformFunction: null }, hasMultipleUpload: { classPropertyName: "hasMultipleUpload", publicName: "hasMultipleUpload", isSignal: true, isRequired: false, transformFunction: null }, deleteItemAfterUpload: { classPropertyName: "deleteItemAfterUpload", publicName: "deleteItemAfterUpload", isSignal: true, isRequired: false, transformFunction: null }, canUpload: { classPropertyName: "canUpload", publicName: "canUpload", isSignal: true, isRequired: false, transformFunction: null }, hasProgressBar: { classPropertyName: "hasProgressBar", publicName: "hasProgressBar", isSignal: true, isRequired: false, transformFunction: null }, sizeDropZone: { classPropertyName: "sizeDropZone", publicName: "sizeDropZone", isSignal: true, isRequired: false, transformFunction: null }, sizeQueue: { classPropertyName: "sizeQueue", publicName: "sizeQueue", isSignal: true, isRequired: false, transformFunction: null }, inputAccept: { classPropertyName: "inputAccept", publicName: "inputAccept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    @if (hasDropZone()) {\r\n      <div\r\n        ng2FileDrop\r\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\r\n        (fileOver)=\"fileOverBase($event)\"\r\n        [uploader]=\"uploader()\"\r\n        class=\"well my-drop-zone\">\r\n        <div class=\"contenedor-upload\">\r\n          <i class=\"fa fa-file documento\"></i>\r\n          <div>\r\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\r\n            <div class=\"grid\">\r\n              <div class=\"col-12\">\r\n                @if (hasMultipleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\r\n                  </label>\r\n                }\r\n                @if (hasSingleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\r\n                  </label>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"grid\">\r\n  @if (hasQueue()) {\r\n    <div class=\"col-12\">\r\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\r\n      <p-table [value]=\"uploader()?.queue\">\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\r\n            @if (uploader().options.isHTML5) {\r\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\r\n            }\r\n            @if (canUpload()) {\r\n              <th>Estat</th>\r\n            }\r\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-item>\r\n          <tr>\r\n            <td><strong>{{ item?.file?.name }}</strong></td>\r\n            @if (uploader()?.options?.isHTML5) {\r\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <td>\r\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\r\n                </div>\r\n              </td>\r\n            }\r\n            @if (canUpload()) {\r\n              <td class=\"p-text-center\">\r\n                @if (item.isSuccess) {\r\n                  <span><i class=\"fa fa-check\"></i></span>\r\n                }\r\n                @if (item.isCancel) {\r\n                  <span><i class=\"fa fa-ban\"></i></span>\r\n                }\r\n                @if (item.isError) {\r\n                  <span><i class=\"fa fa-times\"></i></span>\r\n                }\r\n              </td>\r\n            }\r\n            <td nowrap>\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\r\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\r\n              }\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\r\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\r\n              }\r\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\r\n                (onClick)=\"removeFile(item)\" />\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n      @if (hasProgressBar()) {\r\n        <div class=\"cola-progreso\">\r\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\r\n          <div class=\"progress\">\r\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\r\n          </div>\r\n        </div>\r\n      }\r\n      <div>\r\n\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\r\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\r\n        }\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\r\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\r\n        }\r\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\r\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i5.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNGUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: { classPropertyName: "uploader", publicName: "uploader", isSignal: true, isRequired: true, transformFunction: null }, hasDropZone: { classPropertyName: "hasDropZone", publicName: "hasDropZone", isSignal: true, isRequired: false, transformFunction: null }, hasQueue: { classPropertyName: "hasQueue", publicName: "hasQueue", isSignal: true, isRequired: false, transformFunction: null }, hasSingleUpload: { classPropertyName: "hasSingleUpload", publicName: "hasSingleUpload", isSignal: true, isRequired: false, transformFunction: null }, hasMultipleUpload: { classPropertyName: "hasMultipleUpload", publicName: "hasMultipleUpload", isSignal: true, isRequired: false, transformFunction: null }, deleteItemAfterUpload: { classPropertyName: "deleteItemAfterUpload", publicName: "deleteItemAfterUpload", isSignal: true, isRequired: false, transformFunction: null }, canUpload: { classPropertyName: "canUpload", publicName: "canUpload", isSignal: true, isRequired: false, transformFunction: null }, hasProgressBar: { classPropertyName: "hasProgressBar", publicName: "hasProgressBar", isSignal: true, isRequired: false, transformFunction: null }, sizeDropZone: { classPropertyName: "sizeDropZone", publicName: "sizeDropZone", isSignal: true, isRequired: false, transformFunction: null }, sizeQueue: { classPropertyName: "sizeQueue", publicName: "sizeQueue", isSignal: true, isRequired: false, transformFunction: null }, inputAccept: { classPropertyName: "inputAccept", publicName: "inputAccept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    @if (hasDropZone()) {\n      <div\n        ng2FileDrop\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\n        (fileOver)=\"fileOverBase($event)\"\n        [uploader]=\"uploader()\"\n        class=\"well my-drop-zone\">\n        <div class=\"contenedor-upload\">\n          <i class=\"fa fa-file documento\"></i>\n          <div>\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\n            <div class=\"grid\">\n              <div class=\"col-12\">\n                @if (hasMultipleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                  </label>\n                }\n                @if (hasSingleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                  </label>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n<div class=\"grid\">\n  @if (hasQueue()) {\n    <div class=\"col-12\">\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\n      <p-table [value]=\"uploader()?.queue\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n            @if (uploader().options.isHTML5) {\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n            }\n            @if (canUpload()) {\n              <th>Estat</th>\n            }\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item>\n          <tr>\n            <td><strong>{{ item?.file?.name }}</strong></td>\n            @if (uploader()?.options?.isHTML5) {\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <td>\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\n                </div>\n              </td>\n            }\n            @if (canUpload()) {\n              <td class=\"p-text-center\">\n                @if (item.isSuccess) {\n                  <span><i class=\"fa fa-check\"></i></span>\n                }\n                @if (item.isCancel) {\n                  <span><i class=\"fa fa-ban\"></i></span>\n                }\n                @if (item.isError) {\n                  <span><i class=\"fa fa-times\"></i></span>\n                }\n              </td>\n            }\n            <td nowrap>\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\n              }\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (onClick)=\"removeFile(item)\" />\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (hasProgressBar()) {\n        <div class=\"cola-progreso\">\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\n          <div class=\"progress\">\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\n          </div>\n        </div>\n      }\n      <div>\n\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\n        }\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i5.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNGUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNGUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-ng-upload", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    @if (hasDropZone()) {\r\n      <div\r\n        ng2FileDrop\r\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\r\n        (fileOver)=\"fileOverBase($event)\"\r\n        [uploader]=\"uploader()\"\r\n        class=\"well my-drop-zone\">\r\n        <div class=\"contenedor-upload\">\r\n          <i class=\"fa fa-file documento\"></i>\r\n          <div>\r\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\r\n            <div class=\"grid\">\r\n              <div class=\"col-12\">\r\n                @if (hasMultipleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\r\n                  </label>\r\n                }\r\n                @if (hasSingleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\r\n                  </label>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"grid\">\r\n  @if (hasQueue()) {\r\n    <div class=\"col-12\">\r\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\r\n      <p-table [value]=\"uploader()?.queue\">\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\r\n            @if (uploader().options.isHTML5) {\r\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\r\n            }\r\n            @if (canUpload()) {\r\n              <th>Estat</th>\r\n            }\r\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-item>\r\n          <tr>\r\n            <td><strong>{{ item?.file?.name }}</strong></td>\r\n            @if (uploader()?.options?.isHTML5) {\r\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <td>\r\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\r\n                </div>\r\n              </td>\r\n            }\r\n            @if (canUpload()) {\r\n              <td class=\"p-text-center\">\r\n                @if (item.isSuccess) {\r\n                  <span><i class=\"fa fa-check\"></i></span>\r\n                }\r\n                @if (item.isCancel) {\r\n                  <span><i class=\"fa fa-ban\"></i></span>\r\n                }\r\n                @if (item.isError) {\r\n                  <span><i class=\"fa fa-times\"></i></span>\r\n                }\r\n              </td>\r\n            }\r\n            <td nowrap>\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\r\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\r\n              }\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\r\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\r\n              }\r\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\r\n                (onClick)=\"removeFile(item)\" />\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n      @if (hasProgressBar()) {\r\n        <div class=\"cola-progreso\">\r\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\r\n          <div class=\"progress\">\r\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\r\n          </div>\r\n        </div>\r\n      }\r\n      <div>\r\n\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\r\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\r\n        }\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\r\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\r\n        }\r\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\r\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
+            args: [{ selector: "bit-ng-upload", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    @if (hasDropZone()) {\n      <div\n        ng2FileDrop\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\n        (fileOver)=\"fileOverBase($event)\"\n        [uploader]=\"uploader()\"\n        class=\"well my-drop-zone\">\n        <div class=\"contenedor-upload\">\n          <i class=\"fa fa-file documento\"></i>\n          <div>\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\n            <div class=\"grid\">\n              <div class=\"col-12\">\n                @if (hasMultipleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                  </label>\n                }\n                @if (hasSingleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                  </label>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n<div class=\"grid\">\n  @if (hasQueue()) {\n    <div class=\"col-12\">\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\n      <p-table [value]=\"uploader()?.queue\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n            @if (uploader().options.isHTML5) {\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n            }\n            @if (canUpload()) {\n              <th>Estat</th>\n            }\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item>\n          <tr>\n            <td><strong>{{ item?.file?.name }}</strong></td>\n            @if (uploader()?.options?.isHTML5) {\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <td>\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\n                </div>\n              </td>\n            }\n            @if (canUpload()) {\n              <td class=\"p-text-center\">\n                @if (item.isSuccess) {\n                  <span><i class=\"fa fa-check\"></i></span>\n                }\n                @if (item.isCancel) {\n                  <span><i class=\"fa fa-ban\"></i></span>\n                }\n                @if (item.isError) {\n                  <span><i class=\"fa fa-times\"></i></span>\n                }\n              </td>\n            }\n            <td nowrap>\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\n              }\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (onClick)=\"removeFile(item)\" />\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (hasProgressBar()) {\n        <div class=\"cola-progreso\">\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\n          <div class=\"progress\">\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\n          </div>\n        </div>\n      }\n      <div>\n\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\n        }\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\n      </div>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { uploader: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploader", required: true }] }], hasDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDropZone", required: false }] }], hasQueue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasQueue", required: false }] }], hasSingleUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSingleUpload", required: false }] }], hasMultipleUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMultipleUpload", required: false }] }], deleteItemAfterUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteItemAfterUpload", required: false }] }], canUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUpload", required: false }] }], hasProgressBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasProgressBar", required: false }] }], sizeDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeDropZone", required: false }] }], sizeQueue: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeQueue", required: false }] }], inputAccept: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAccept", required: false }] }], onSuccess: [{ type: i0.Output, args: ["onSuccess"] }], onError: [{ type: i0.Output, args: ["onError"] }], fileInput: [{ type: i0.ViewChild, args: ["fileRef", { isSignal: true }] }] } });
 
 /**
@@ -3637,15 +3612,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  */
 class BitUserControlsComponent {
     constructor() {
-        this.usuario = input.required(...(ngDevMode ? [{ debugName: "usuario" }] : []));
-        this.json = computed(() => JSON.stringify(this.usuario(), null, 4), ...(ngDevMode ? [{ debugName: "json" }] : []));
+        this.usuario = input.required(...(ngDevMode ? [{ debugName: "usuario" }] : /* istanbul ignore next */ []));
+        this.json = computed(() => JSON.stringify(this.usuario(), null, 4), ...(ngDevMode ? [{ debugName: "json" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitUserControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitUserControlsComponent, isStandalone: false, selector: "bit-user-controls", inputs: { usuario: { classPropertyName: "usuario", publicName: "usuario", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (usuario()) {\r\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\r\n}" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitUserControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitUserControlsComponent, isStandalone: false, selector: "bit-user-controls", inputs: { usuario: { classPropertyName: "usuario", publicName: "usuario", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (usuario()) {\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitUserControlsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitUserControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-user-controls", standalone: false, template: "@if (usuario()) {\r\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\r\n}" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-user-controls", standalone: false, template: "@if (usuario()) {\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\n}" }]
         }], propDecorators: { usuario: [{ type: i0.Input, args: [{ isSignal: true, alias: "usuario", required: true }] }] } });
 
 /**
@@ -3653,30 +3628,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  **/
 class BitColumnBooleanComponent {
     constructor() {
-        this.data = input(undefined, ...(ngDevMode ? [{ debugName: "data" }] : [])); // objeto del que extraer la propiedad
-        this.field = input(undefined, ...(ngDevMode ? [{ debugName: "field" }] : [])); // propiedad booleana que procesar
-        this.textTrue = input("Sí", ...(ngDevMode ? [{ debugName: "textTrue" }] : []));
-        this.textFalse = input("No", ...(ngDevMode ? [{ debugName: "textFalse" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitColumnBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitColumnBooleanComponent, isStandalone: false, selector: "bit-column-boolean", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, textTrue: { classPropertyName: "textTrue", publicName: "textTrue", isSignal: true, isRequired: false, transformFunction: null }, textFalse: { classPropertyName: "textFalse", publicName: "textFalse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (data()) {
-      <span class="ui-cell-data">
-        {{ data()[field()] ? textTrue() : textFalse() }}
-      </span>
-    }
-    `, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitColumnBooleanComponent, decorators: [{
+        this.data = input(undefined, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ [])); // objeto del que extraer la propiedad
+        this.field = input(undefined, ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ [])); // propiedad booleana que procesar
+        this.textTrue = input("Sí", ...(ngDevMode ? [{ debugName: "textTrue" }] : /* istanbul ignore next */ []));
+        this.textFalse = input("No", ...(ngDevMode ? [{ debugName: "textFalse" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitColumnBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitColumnBooleanComponent, isStandalone: false, selector: "bit-column-boolean", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, textTrue: { classPropertyName: "textTrue", publicName: "textTrue", isSignal: true, isRequired: false, transformFunction: null }, textFalse: { classPropertyName: "textFalse", publicName: "textFalse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (data()) {
+      <span class="ui-cell-data">
+        {{ data()[field()] ? textTrue() : textFalse() }}
+      </span>
+    }
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitColumnBooleanComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-column-boolean",
-                    template: `
-    @if (data()) {
-      <span class="ui-cell-data">
-        {{ data()[field()] ? textTrue() : textFalse() }}
-      </span>
-    }
+                    template: `
+    @if (data()) {
+      <span class="ui-cell-data">
+        {{ data()[field()] ? textTrue() : textFalse() }}
+      </span>
+    }
     `,
                     standalone: false
                 }]
@@ -3684,9 +3660,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 
 class BitDomainValueComponent {
     constructor() {
-        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-        this.emptyText = input("", ...(ngDevMode ? [{ debugName: "emptyText" }] : []));
-        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+        this.emptyText = input("", ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
         this.translatedValue = computed(() => {
             // buscar traducción para el valor en el dominio
             const data = this.data();
@@ -3701,19 +3677,20 @@ class BitDomainValueComponent {
             else {
                 return this.emptyText() ?? "Carregant...";
             }
-        }, ...(ngDevMode ? [{ debugName: "translatedValue" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "translatedValue" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDomainValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: BitDomainValueComponent, isStandalone: false, selector: "bit-domain-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <span>{{ translatedValue() }}</span>
-  `, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDomainValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitDomainValueComponent, isStandalone: false, selector: "bit-domain-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <span>{{ translatedValue() }}</span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDomainValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDomainValueComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-domain-value",
-                    template: `
-    <span>{{ translatedValue() }}</span>
+                    template: `
+    <span>{{ translatedValue() }}</span>
   `,
                     standalone: false
                 }]
@@ -3726,20 +3703,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class BitGeneralComponent extends BaseComponent {
     constructor() {
         super(...arguments);
-        this.control = input(undefined, ...(ngDevMode ? [{ debugName: "control", alias: "formControl" }] : [{ alias: "formControl" }]));
-        this.nombre = input(...(ngDevMode ? [undefined, { debugName: "nombre" }] : []));
-        this.nombreDirectiva = input(...(ngDevMode ? [undefined, { debugName: "nombreDirectiva" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.estilo = input(...(ngDevMode ? [undefined, { debugName: "estilo" }] : []));
-        this.tooltipTexto = input(...(ngDevMode ? [undefined, { debugName: "tooltipTexto" }] : []));
-        this.tooltipPosicion = input(...(ngDevMode ? [undefined, { debugName: "tooltipPosicion" }] : []));
-        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : [])); // clave de la ayuda contextual
-        this.placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
-        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : [])); // forzar que no se reserve espacio para el nombre del campo
-        this.forceObligatorio = input(false, ...(ngDevMode ? [{ debugName: "forceObligatorio" }] : []));
-        this.testid = input(...(ngDevMode ? [undefined, { debugName: "testid" }] : []));
-        this.log = input(false, ...(ngDevMode ? [{ debugName: "log" }] : []));
+        this.control = input(undefined, { ...(ngDevMode ? { debugName: "control" } : /* istanbul ignore next */ {}), alias: "formControl" });
+        this.nombre = input(...(ngDevMode ? [undefined, { debugName: "nombre" }] : /* istanbul ignore next */ []));
+        this.nombreDirectiva = input(...(ngDevMode ? [undefined, { debugName: "nombreDirectiva" }] : /* istanbul ignore next */ []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.estilo = input(...(ngDevMode ? [undefined, { debugName: "estilo" }] : /* istanbul ignore next */ []));
+        this.tooltipTexto = input(...(ngDevMode ? [undefined, { debugName: "tooltipTexto" }] : /* istanbul ignore next */ []));
+        this.tooltipPosicion = input(...(ngDevMode ? [undefined, { debugName: "tooltipPosicion" }] : /* istanbul ignore next */ []));
+        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : /* istanbul ignore next */ [])); // clave de la ayuda contextual
+        this.placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
+        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ [])); // forzar que no se reserve espacio para el nombre del campo
+        this.forceObligatorio = input(false, ...(ngDevMode ? [{ debugName: "forceObligatorio" }] : /* istanbul ignore next */ []));
+        this.testid = input(...(ngDevMode ? [undefined, { debugName: "testid" }] : /* istanbul ignore next */ []));
+        this.log = input(false, ...(ngDevMode ? [{ debugName: "log" }] : /* istanbul ignore next */ []));
         this.onChange = output();
         this.onTouch = output();
         this.onBlur = output();
@@ -3748,7 +3725,7 @@ class BitGeneralComponent extends BaseComponent {
         this.dataTestId = computed(() => {
             const testid = this.testid();
             return testid ? testid : this.nombre();
-        }, ...(ngDevMode ? [{ debugName: "dataTestId" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "dataTestId" }] : /* istanbul ignore next */ []));
     }
     get obligatorio() {
         let control = this.control();
@@ -3757,10 +3734,10 @@ class BitGeneralComponent extends BaseComponent {
     showAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitGeneralComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.19", type: BitGeneralComponent, isStandalone: true, inputs: { control: { classPropertyName: "control", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null }, nombre: { classPropertyName: "nombre", publicName: "nombre", isSignal: true, isRequired: false, transformFunction: null }, nombreDirectiva: { classPropertyName: "nombreDirectiva", publicName: "nombreDirectiva", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, estilo: { classPropertyName: "estilo", publicName: "estilo", isSignal: true, isRequired: false, transformFunction: null }, tooltipTexto: { classPropertyName: "tooltipTexto", publicName: "tooltipTexto", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosicion: { classPropertyName: "tooltipPosicion", publicName: "tooltipPosicion", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, forceObligatorio: { classPropertyName: "forceObligatorio", publicName: "forceObligatorio", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, log: { classPropertyName: "log", publicName: "log", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onTouch: "onTouch", onBlur: "onBlur", onFocus: "onFocus" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitGeneralComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.13", type: BitGeneralComponent, isStandalone: true, inputs: { control: { classPropertyName: "control", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null }, nombre: { classPropertyName: "nombre", publicName: "nombre", isSignal: true, isRequired: false, transformFunction: null }, nombreDirectiva: { classPropertyName: "nombreDirectiva", publicName: "nombreDirectiva", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, estilo: { classPropertyName: "estilo", publicName: "estilo", isSignal: true, isRequired: false, transformFunction: null }, tooltipTexto: { classPropertyName: "tooltipTexto", publicName: "tooltipTexto", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosicion: { classPropertyName: "tooltipPosicion", publicName: "tooltipPosicion", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, forceObligatorio: { classPropertyName: "forceObligatorio", publicName: "forceObligatorio", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, log: { classPropertyName: "log", publicName: "log", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onTouch: "onTouch", onBlur: "onBlur", onFocus: "onFocus" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitGeneralComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitGeneralComponent, decorators: [{
             type: Directive
         }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "formControl", required: false }] }], nombre: [{ type: i0.Input, args: [{ isSignal: true, alias: "nombre", required: false }] }], nombreDirectiva: [{ type: i0.Input, args: [{ isSignal: true, alias: "nombreDirectiva", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], estilo: [{ type: i0.Input, args: [{ isSignal: true, alias: "estilo", required: false }] }], tooltipTexto: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipTexto", required: false }] }], tooltipPosicion: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosicion", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], forceObligatorio: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceObligatorio", required: false }] }], testid: [{ type: i0.Input, args: [{ isSignal: true, alias: "testid", required: false }] }], log: [{ type: i0.Input, args: [{ isSignal: true, alias: "log", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onTouch: [{ type: i0.Output, args: ["onTouch"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }] } });
 
@@ -3771,7 +3748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class BitCustomComponent extends BitGeneralComponent {
     constructor() {
         super(...arguments);
-        this.isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.cdr = inject(ChangeDetectorRef);
+        this.isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
         // nos permite decirle a Angular que nuestro componente ha modificado su valor
         this._onChange = (_) => { };
         // nos permite decirle a Angular que nuestro componente ha sido tacado
@@ -3805,10 +3783,10 @@ class BitCustomComponent extends BitGeneralComponent {
     registerOnTouched(fn) {
         this._onTouch = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BitCustomComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: BitCustomComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCustomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCustomComponent, decorators: [{
             type: Directive
         }] });
 
@@ -3831,32 +3809,33 @@ class BitTextComponent extends BitCustomComponent {
         else {
             this.value = v;
         }
+        this.cdr.markForCheck();
     }
     onChangeValue(text) {
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + text);
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitTextComponent, isStandalone: false, selector: "bit-text", providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitTextComponent, isStandalone: false, selector: "bit-text", providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$3.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-text", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-text", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }] });
 
 class BitTextAreaComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.filas = input(2, ...(ngDevMode ? [{ debugName: "filas" }] : []));
+        this.filas = input(2, ...(ngDevMode ? [{ debugName: "filas" }] : /* istanbul ignore next */ []));
     }
     get value_lectura() {
         if (this.value == null) {
@@ -3876,26 +3855,27 @@ class BitTextAreaComponent extends BitCustomComponent {
         else {
             this.value = v;
         }
+        this.cdr.markForCheck();
     }
     onChangeValue(text) {
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + text);
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitTextAreaComponent, isStandalone: false, selector: "bit-textarea", inputs: { filas: { classPropertyName: "filas", publicName: "filas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitTextAreaComponent, isStandalone: false, selector: "bit-textarea", inputs: { filas: { classPropertyName: "filas", publicName: "filas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextAreaComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\r\n}\r\n@if (!readOnly()) {\r\n  <textarea\r\n    pInputTextarea\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [placeholder]=\"placeholder()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    class=\"{{ estilo() }}\"\r\n    [rows]=\"filas()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n  ></textarea>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\n}\n@if (!readOnly()) {\n  <textarea\n    pInputTextarea\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    class=\"{{ estilo() }}\"\n    [rows]=\"filas()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n  ></textarea>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-textarea", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-textarea", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextAreaComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\r\n}\r\n@if (!readOnly()) {\r\n  <textarea\r\n    pInputTextarea\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [placeholder]=\"placeholder()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    class=\"{{ estilo() }}\"\r\n    [rows]=\"filas()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n  ></textarea>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\n}\n@if (!readOnly()) {\n  <textarea\n    pInputTextarea\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    class=\"{{ estilo() }}\"\n    [rows]=\"filas()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n  ></textarea>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { filas: [{ type: i0.Input, args: [{ isSignal: true, alias: "filas", required: false }] }] } });
 
 /** Clase general para componentes personalizados de tipo Fecha como puede ser BitDate, BitTime y BitDateTime */
@@ -3903,12 +3883,12 @@ class BitCalendarComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
         // calendarios
-        this.fechaMinima = input(undefined, ...(ngDevMode ? [{ debugName: "fechaMinima" }] : [])); // fecha mínima seleccionable
-        this.fechaMaxima = input(undefined, ...(ngDevMode ? [{ debugName: "fechaMaxima" }] : [])); // fecha máxima seleccionable
-        this.calendarReadOnlyInput = input(false, ...(ngDevMode ? [{ debugName: "calendarReadOnlyInput" }] : [])); // desabilitar edicion por teclado
-        this.format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : []));
-        this.showButtonBar = input(false, ...(ngDevMode ? [{ debugName: "showButtonBar" }] : []));
-        this.appendTo = input("body", ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
+        this.fechaMinima = input(undefined, ...(ngDevMode ? [{ debugName: "fechaMinima" }] : /* istanbul ignore next */ [])); // fecha mínima seleccionable
+        this.fechaMaxima = input(undefined, ...(ngDevMode ? [{ debugName: "fechaMaxima" }] : /* istanbul ignore next */ [])); // fecha máxima seleccionable
+        this.calendarReadOnlyInput = input(false, ...(ngDevMode ? [{ debugName: "calendarReadOnlyInput" }] : /* istanbul ignore next */ [])); // desabilitar edicion por teclado
+        this.format = input(...(ngDevMode ? [undefined, { debugName: "format" }] : /* istanbul ignore next */ []));
+        this.showButtonBar = input(false, ...(ngDevMode ? [{ debugName: "showButtonBar" }] : /* istanbul ignore next */ []));
+        this.appendTo = input("body", ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
         this.onSelect = output();
         this.dateUtils = inject(DateUtils);
         this.translateService = inject(TranslateService);
@@ -3983,10 +3963,10 @@ class BitCalendarComponent extends BitCustomComponent {
     isValueCorrect(value) {
         return moment(value, this.visual_format, true).isValid();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.19", type: BitCalendarComponent, isStandalone: true, inputs: { fechaMinima: { classPropertyName: "fechaMinima", publicName: "fechaMinima", isSignal: true, isRequired: false, transformFunction: null }, fechaMaxima: { classPropertyName: "fechaMaxima", publicName: "fechaMaxima", isSignal: true, isRequired: false, transformFunction: null }, calendarReadOnlyInput: { classPropertyName: "calendarReadOnlyInput", publicName: "calendarReadOnlyInput", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, showButtonBar: { classPropertyName: "showButtonBar", publicName: "showButtonBar", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.13", type: BitCalendarComponent, isStandalone: true, inputs: { fechaMinima: { classPropertyName: "fechaMinima", publicName: "fechaMinima", isSignal: true, isRequired: false, transformFunction: null }, fechaMaxima: { classPropertyName: "fechaMaxima", publicName: "fechaMaxima", isSignal: true, isRequired: false, transformFunction: null }, calendarReadOnlyInput: { classPropertyName: "calendarReadOnlyInput", publicName: "calendarReadOnlyInput", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, showButtonBar: { classPropertyName: "showButtonBar", publicName: "showButtonBar", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelect: "onSelect" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCalendarComponent, decorators: [{
             type: Directive
         }], propDecorators: { fechaMinima: [{ type: i0.Input, args: [{ isSignal: true, alias: "fechaMinima", required: false }] }], fechaMaxima: [{ type: i0.Input, args: [{ isSignal: true, alias: "fechaMaxima", required: false }] }], calendarReadOnlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarReadOnlyInput", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], showButtonBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonBar", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }] } });
 
@@ -3994,7 +3974,7 @@ class BitDateComponent extends BitCalendarComponent {
     constructor() {
         super();
         this.dateUtils = inject(DateUtils);
-        this.placeholder = input("dd/mm/yyyy", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.placeholder = input("dd/mm/yyyy", ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.visual_format = DateUtils.FORMAT_SHORT_DATE;
     }
     get value_lectura() {
@@ -4017,6 +3997,7 @@ class BitDateComponent extends BitCalendarComponent {
             this.value = this.dateUtils.getStringAsDate(v, this.getDateFormat());
             this.log() && console.log("new value:" + this.value);
         }
+        this.cdr.markForCheck();
     }
     getDateAsString(d) {
         let value = this.dateUtils.getDateAsString(d, this.getDateFormat());
@@ -4025,27 +4006,27 @@ class BitDateComponent extends BitCalendarComponent {
     getDateFormat() {
         return this.format() ? this.format() : DateUtils.FORMAT_SHORT_DATE;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitDateComponent, isStandalone: false, selector: "bit-date", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDateComponent, isStandalone: false, selector: "bit-date", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    [readonlyInput]=\"calendarReadOnlyInput()\"\r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    yearRange=\"2000:2050\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    [readonlyInput]=\"calendarReadOnlyInput()\"\n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    yearRange=\"2000:2050\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-date", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-date", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    [readonlyInput]=\"calendarReadOnlyInput()\"\r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    yearRange=\"2000:2050\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    [readonlyInput]=\"calendarReadOnlyInput()\"\n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    yearRange=\"2000:2050\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitTimeComponent extends BitCalendarComponent {
     constructor() {
         super();
         this.dateUtils = inject(DateUtils);
-        this.placeholder = input("hh:mm", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.placeholder = input("hh:mm", ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.visual_format = DateUtils.FORMAT_SHORT_TIME;
     }
     get value_lectura() {
@@ -4068,6 +4049,7 @@ class BitTimeComponent extends BitCalendarComponent {
             this.value = this.dateUtils.getStringAsDate(v, this.getDateFormat());
             this.log() && console.log("new value:" + this.value);
         }
+        this.cdr.markForCheck();
     }
     getDateAsString(d) {
         let value = this.dateUtils.getTimeAsString(d, this.getDateFormat());
@@ -4076,27 +4058,27 @@ class BitTimeComponent extends BitCalendarComponent {
     getDateFormat() {
         return this.format() ? this.format() : DateUtils.FORMAT_SHORT_TIME;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitTimeComponent, isStandalone: false, selector: "bit-time", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitTimeComponent, isStandalone: false, selector: "bit-time", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTimeComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"HH:mm\"\r\n    [timeOnly]=\"true\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    (onTodayClick)=\"_onTodayClick($event)\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"HH:mm\"\n    [timeOnly]=\"true\"\n    placeholder=\"{{ placeholder() }}\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    (onTodayClick)=\"_onTodayClick($event)\"\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-time", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-time", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTimeComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"HH:mm\"\r\n    [timeOnly]=\"true\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    (onTodayClick)=\"_onTodayClick($event)\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"HH:mm\"\n    [timeOnly]=\"true\"\n    placeholder=\"{{ placeholder() }}\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    (onTodayClick)=\"_onTodayClick($event)\"\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitDateTimeComponent extends BitCalendarComponent {
     constructor() {
         super();
         this.dateUtils = inject(DateUtils);
-        this.placeholder = input("dd/mm/yyyy hh:mm", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.placeholder = input("dd/mm/yyyy hh:mm", ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         this.visual_format = DateUtils.FORMAT_LONG_DATE;
     }
     get value_lectura() {
@@ -4119,6 +4101,7 @@ class BitDateTimeComponent extends BitCalendarComponent {
             this.value = this.dateUtils.getStringAsDate(v, this.getDateFormat());
             this.log() && console.log("new value:" + this.value);
         }
+        this.cdr.markForCheck();
     }
     getDateAsString(d) {
         let value = this.dateUtils.getDateTimeAsString(d, this.getDateFormat());
@@ -4127,20 +4110,20 @@ class BitDateTimeComponent extends BitCalendarComponent {
     getDateFormat() {
         return this.format() ? this.format() : DateUtils.FORMAT_LONG_DATE;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitDateTimeComponent, isStandalone: false, selector: "bit-datetime", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDateTimeComponent, isStandalone: false, selector: "bit-datetime", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateTimeComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"    \r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    yearRange=\"2000:2050\"\r\n    [showTime]=\"true\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"    \n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    yearRange=\"2000:2050\"\n    [showTime]=\"true\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateTimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-datetime", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-datetime", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateTimeComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"    \r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    yearRange=\"2000:2050\"\r\n    [showTime]=\"true\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"    \n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    yearRange=\"2000:2050\"\n    [showTime]=\"true\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitCheckBoxComponent extends BitCustomComponent {
@@ -4151,26 +4134,27 @@ class BitCheckBoxComponent extends BitCustomComponent {
     writeValue(v) {
         this.log() && console.log(`writeValue forComponent ${this.nombre()} with value ${v}`);
         this.value = v;
+        this.cdr.markForCheck();
     }
     onChangeValue(event) {
         this.value = event.checked;
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + this.value);
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitCheckBoxComponent, isStandalone: false, selector: "bit-checkbox", providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitCheckBoxComponent, isStandalone: false, selector: "bit-checkbox", providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitCheckBoxComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-checkbox class=\"{{ estilo() }}\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n\r\n@if (ayuda()) {\r\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n}\r\n\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-checkbox class=\"{{ estilo() }}\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n\n@if (ayuda()) {\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n}\n\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-checkbox", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-checkbox", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitCheckBoxComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-checkbox class=\"{{ estilo() }}\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n\r\n@if (ayuda()) {\r\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n}\r\n\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-checkbox class=\"{{ estilo() }}\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n\n@if (ayuda()) {\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n}\n\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }] });
 
 class BitSwitchComponent extends BitCustomComponent {
@@ -4181,42 +4165,43 @@ class BitSwitchComponent extends BitCustomComponent {
     writeValue(v) {
         this.log() && console.log(`writeValue forComponent ${this.nombre()} with value ${v}`);
         this.value = v;
+        this.cdr.markForCheck();
     }
     onChangeValue(event) {
         this.value = event.checked;
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + this.value);
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitSwitchComponent, isStandalone: false, selector: "bit-switch", providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitSwitchComponent, isStandalone: false, selector: "bit-switch", providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-switch", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-switch", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }] });
 
 class BitAutoCompleteComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.suggestions = input([], ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
-        this.suggestionField = input(...(ngDevMode ? [undefined, { debugName: "suggestionField" }] : []));
-        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        this.inputStyleClass = input(...(ngDevMode ? [undefined, { debugName: "inputStyleClass" }] : []));
-        this.id = input("id", ...(ngDevMode ? [{ debugName: "id" }] : []));
-        this.displayValue = input(...(ngDevMode ? [undefined, { debugName: "displayValue" }] : []));
-        this.customTemplate = input(false, ...(ngDevMode ? [{ debugName: "customTemplate" }] : [])); // si se usa un template personalizado para mostrar los items
+        this.suggestions = input([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
+        this.suggestionField = input(...(ngDevMode ? [undefined, { debugName: "suggestionField" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+        this.inputStyleClass = input(...(ngDevMode ? [undefined, { debugName: "inputStyleClass" }] : /* istanbul ignore next */ []));
+        this.id = input("id", ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.displayValue = input(...(ngDevMode ? [undefined, { debugName: "displayValue" }] : /* istanbul ignore next */ []));
+        this.customTemplate = input(false, ...(ngDevMode ? [{ debugName: "customTemplate" }] : /* istanbul ignore next */ [])); // si se usa un template personalizado para mostrar los items
         this.completeMethod = output();
         this.onSelect = output();
         this.onClear = output();
-        this.itemTemplate = contentChild("itemTemplate", ...(ngDevMode ? [{ debugName: "itemTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
+        this.itemTemplate = contentChild("itemTemplate", { ...(ngDevMode ? { debugName: "itemTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
         this.suggestions_mapped = computed(() => {
             let suggestions = this.suggestions();
             if (suggestions) {
@@ -4224,7 +4209,7 @@ class BitAutoCompleteComponent extends BitCustomComponent {
                 this.log() && console.log("suggestions mapped for component: " + this.nombre(), newList);
                 return newList;
             }
-        }, ...(ngDevMode ? [{ debugName: "suggestions_mapped" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "suggestions_mapped" }] : /* istanbul ignore next */ []));
     }
     ngAfterViewInit() {
         // Control de errores:
@@ -4284,6 +4269,7 @@ class BitAutoCompleteComponent extends BitCustomComponent {
                 this.value = this.displayValue();
             }
         }
+        this.cdr.markForCheck();
     }
     changeComponentValue(value) {
         this.log() && console.log(`changeComponentValue forComponent ${this.nombre()} with value ${value}`);
@@ -4340,24 +4326,24 @@ class BitAutoCompleteComponent extends BitCustomComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitAutoCompleteComponent, isStandalone: false, selector: "bit-autocomplete", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, suggestionField: { classPropertyName: "suggestionField", publicName: "suggestionField", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, inputStyleClass: { classPropertyName: "inputStyleClass", publicName: "inputStyleClass", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onClear: "onClear" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitAutoCompleteComponent, isStandalone: false, selector: "bit-autocomplete", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, suggestionField: { classPropertyName: "suggestionField", publicName: "suggestionField", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, inputStyleClass: { classPropertyName: "inputStyleClass", publicName: "inputStyleClass", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onClear: "onClear" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitAutoCompleteComponent),
                 multi: true
             }
-        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n<label for=\"{{ nombre() }}\">\r\n  <ng-content />&nbsp; @if (obligatorio) {\r\n  <span class=\"obligatorio fa fa-asterisk\"></span>\r\n  }&nbsp;&nbsp; @if (ayuda()) {\r\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n  }\r\n</label>\r\n} @if (readOnly()) {\r\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n} @if (!readOnly()) {\r\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\r\n<p-autoComplete\r\n  fluid\r\n  [(ngModel)]=\"value\"\r\n  id=\"{{ nombre() }}\"\r\n  name=\"{{ nombre() }}\"\r\n  ariaLabel=\"{{ nombre() }}\"\r\n  [disabled]=\"isDisabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [delay]=\"400\"\r\n  [suggestions]=\"suggestions_mapped()\"\r\n  [multiple]=\"multiple()\"\r\n  [inputStyleClass]=\"inputStyleClass()\"\r\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\r\n  appendTo=\"body\"\r\n  (completeMethod)=\"search($event)\"\r\n  (onSelect)=\"_onSelect($event)\"\r\n  (onClear)=\"_onClear()\"\r\n  (onBlur)=\"_onBlur()\"\r\n  (onFocus)=\"_onFocus()\"\r\n  attr.data-testid=\"{{ dataTestId() }}\"\r\n>\r\n  @if (customTemplate() && itemTemplate()) {\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\r\n  </ng-template>\r\n  }\r\n</p-autoComplete>\r\n} @if (control() != null) {\r\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$6.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n<label for=\"{{ nombre() }}\">\n  <ng-content />&nbsp; @if (obligatorio) {\n  <span class=\"obligatorio fa fa-asterisk\"></span>\n  }&nbsp;&nbsp; @if (ayuda()) {\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n  }\n</label>\n} @if (readOnly()) {\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n} @if (!readOnly()) {\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\n<p-autoComplete\n  fluid\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre() }}\"\n  name=\"{{ nombre() }}\"\n  ariaLabel=\"{{ nombre() }}\"\n  [disabled]=\"isDisabled()\"\n  [placeholder]=\"placeholder()\"\n  [delay]=\"400\"\n  [suggestions]=\"suggestions_mapped()\"\n  [multiple]=\"multiple()\"\n  [inputStyleClass]=\"inputStyleClass()\"\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\n  appendTo=\"body\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId() }}\"\n>\n  @if (customTemplate() && itemTemplate()) {\n  <ng-template pTemplate=\"item\" let-item>\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\n  </ng-template>\n  }\n</p-autoComplete>\n} @if (control() != null) {\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$6.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-autocomplete", providers: [
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-autocomplete", providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitAutoCompleteComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\r\n<label for=\"{{ nombre() }}\">\r\n  <ng-content />&nbsp; @if (obligatorio) {\r\n  <span class=\"obligatorio fa fa-asterisk\"></span>\r\n  }&nbsp;&nbsp; @if (ayuda()) {\r\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n  }\r\n</label>\r\n} @if (readOnly()) {\r\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n} @if (!readOnly()) {\r\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\r\n<p-autoComplete\r\n  fluid\r\n  [(ngModel)]=\"value\"\r\n  id=\"{{ nombre() }}\"\r\n  name=\"{{ nombre() }}\"\r\n  ariaLabel=\"{{ nombre() }}\"\r\n  [disabled]=\"isDisabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [delay]=\"400\"\r\n  [suggestions]=\"suggestions_mapped()\"\r\n  [multiple]=\"multiple()\"\r\n  [inputStyleClass]=\"inputStyleClass()\"\r\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\r\n  appendTo=\"body\"\r\n  (completeMethod)=\"search($event)\"\r\n  (onSelect)=\"_onSelect($event)\"\r\n  (onClear)=\"_onClear()\"\r\n  (onBlur)=\"_onBlur()\"\r\n  (onFocus)=\"_onFocus()\"\r\n  attr.data-testid=\"{{ dataTestId() }}\"\r\n>\r\n  @if (customTemplate() && itemTemplate()) {\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\r\n  </ng-template>\r\n  }\r\n</p-autoComplete>\r\n} @if (control() != null) {\r\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\n<label for=\"{{ nombre() }}\">\n  <ng-content />&nbsp; @if (obligatorio) {\n  <span class=\"obligatorio fa fa-asterisk\"></span>\n  }&nbsp;&nbsp; @if (ayuda()) {\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n  }\n</label>\n} @if (readOnly()) {\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n} @if (!readOnly()) {\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\n<p-autoComplete\n  fluid\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre() }}\"\n  name=\"{{ nombre() }}\"\n  ariaLabel=\"{{ nombre() }}\"\n  [disabled]=\"isDisabled()\"\n  [placeholder]=\"placeholder()\"\n  [delay]=\"400\"\n  [suggestions]=\"suggestions_mapped()\"\n  [multiple]=\"multiple()\"\n  [inputStyleClass]=\"inputStyleClass()\"\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\n  appendTo=\"body\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId() }}\"\n>\n  @if (customTemplate() && itemTemplate()) {\n  <ng-template pTemplate=\"item\" let-item>\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\n  </ng-template>\n  }\n</p-autoComplete>\n} @if (control() != null) {\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], suggestionField: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestionField", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], inputStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyleClass", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], completeMethod: [{ type: i0.Output, args: ["completeMethod"] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], itemTemplate: [{ type: i0.ContentChild, args: ["itemTemplate", { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 /**
@@ -4374,23 +4360,23 @@ class BitDropDownGeneralComponent extends BitCustomComponent {
         super();
         this.router = router;
         this.translateService = translateService;
-        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : [])); // forzar no reservar espacio para el nombre del campo
-        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : [])); // lista de valores estáticos con lo que inicializamos el select
-        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-        this.excludedValues = input(...(ngDevMode ? [undefined, { debugName: "excludedValues" }] : []));
-        this.emptyText = input("", ...(ngDevMode ? [{ debugName: "emptyText" }] : [])); //valor por defecto seleccionable como primer elemento
-        this.includeEmpty = input(true, ...(ngDevMode ? [{ debugName: "includeEmpty" }] : []));
-        this.valueAs = input(...(ngDevMode ? [undefined, { debugName: "valueAs" }] : []));
-        this.appendTo = input("body", ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
-        this.group = input(false, ...(ngDevMode ? [{ debugName: "group" }] : []));
-        this.atributoLabel = input("label", ...(ngDevMode ? [{ debugName: "atributoLabel" }] : [])); // El atributo de los objetos de la lista que corresponde al label
-        this.atributoValue = input("value", ...(ngDevMode ? [{ debugName: "atributoValue" }] : [])); // El atributo de los objetos de la lista que corresponde al valor
-        this.atributoDisabled = input("inactivo", ...(ngDevMode ? [{ debugName: "atributoDisabled" }] : [])); // El atributo de los objetos de la lista que indica si un valor está deshabilitado
+        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ [])); // forzar no reservar espacio para el nombre del campo
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ [])); // lista de valores estáticos con lo que inicializamos el select
+        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+        this.excludedValues = input(...(ngDevMode ? [undefined, { debugName: "excludedValues" }] : /* istanbul ignore next */ []));
+        this.emptyText = input("", ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ [])); //valor por defecto seleccionable como primer elemento
+        this.includeEmpty = input(true, ...(ngDevMode ? [{ debugName: "includeEmpty" }] : /* istanbul ignore next */ []));
+        this.valueAs = input(...(ngDevMode ? [undefined, { debugName: "valueAs" }] : /* istanbul ignore next */ []));
+        this.appendTo = input("body", ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
+        this.group = input(false, ...(ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []));
+        this.atributoLabel = input("label", ...(ngDevMode ? [{ debugName: "atributoLabel" }] : /* istanbul ignore next */ [])); // El atributo de los objetos de la lista que corresponde al label
+        this.atributoValue = input("value", ...(ngDevMode ? [{ debugName: "atributoValue" }] : /* istanbul ignore next */ [])); // El atributo de los objetos de la lista que corresponde al valor
+        this.atributoDisabled = input("inactivo", ...(ngDevMode ? [{ debugName: "atributoDisabled" }] : /* istanbul ignore next */ [])); // El atributo de los objetos de la lista que indica si un valor está deshabilitado
         this.listaOpciones = computed(() => {
             let list = this.data() ? this.data().slice() : [];
             this.log() && console.log("Lista de opciones forComponent:" + this.nombre(), list);
             return list;
-        }, ...(ngDevMode ? [{ debugName: "listaOpciones" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "listaOpciones" }] : /* istanbul ignore next */ []));
         this.listaOpcionesVisible = computed(() => {
             let opciones = [];
             if (this.listaOpciones()) {
@@ -4410,12 +4396,12 @@ class BitDropDownGeneralComponent extends BitCustomComponent {
             }
             this.log() && console.log("Lista de opciones visibles forComponent:" + this.nombre() + " después de excludeValues", opciones);
             return opciones;
-        }, ...(ngDevMode ? [{ debugName: "listaOpcionesVisible" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "listaOpcionesVisible" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownGeneralComponent, deps: [{ token: i1$6.ActivatedRoute }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.19", type: BitDropDownGeneralComponent, isStandalone: true, inputs: { hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, excludedValues: { classPropertyName: "excludedValues", publicName: "excludedValues", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, includeEmpty: { classPropertyName: "includeEmpty", publicName: "includeEmpty", isSignal: true, isRequired: false, transformFunction: null }, valueAs: { classPropertyName: "valueAs", publicName: "valueAs", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, atributoLabel: { classPropertyName: "atributoLabel", publicName: "atributoLabel", isSignal: true, isRequired: false, transformFunction: null }, atributoValue: { classPropertyName: "atributoValue", publicName: "atributoValue", isSignal: true, isRequired: false, transformFunction: null }, atributoDisabled: { classPropertyName: "atributoDisabled", publicName: "atributoDisabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownGeneralComponent, deps: [{ token: i1$6.ActivatedRoute }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.13", type: BitDropDownGeneralComponent, isStandalone: true, inputs: { hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, excludedValues: { classPropertyName: "excludedValues", publicName: "excludedValues", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, includeEmpty: { classPropertyName: "includeEmpty", publicName: "includeEmpty", isSignal: true, isRequired: false, transformFunction: null }, valueAs: { classPropertyName: "valueAs", publicName: "valueAs", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, atributoLabel: { classPropertyName: "atributoLabel", publicName: "atributoLabel", isSignal: true, isRequired: false, transformFunction: null }, atributoValue: { classPropertyName: "atributoValue", publicName: "atributoValue", isSignal: true, isRequired: false, transformFunction: null }, atributoDisabled: { classPropertyName: "atributoDisabled", publicName: "atributoDisabled", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownGeneralComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownGeneralComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1$6.ActivatedRoute }, { type: TranslateService }], propDecorators: { hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], excludedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedValues", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], includeEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "includeEmpty", required: false }] }], valueAs: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueAs", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], atributoLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "atributoLabel", required: false }] }], atributoValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "atributoValue", required: false }] }], atributoDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "atributoDisabled", required: false }] }] } });
 
@@ -4433,7 +4419,7 @@ class BitDropDownComponent extends BitDropDownGeneralComponent {
         const router = inject(ActivatedRoute);
         const translateService = inject(TranslateService);
         super(router, translateService);
-        this.filter = input(false, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+        this.filter = input(false, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
         this.router = router;
         this.translateService = translateService;
     }
@@ -4452,6 +4438,7 @@ class BitDropDownComponent extends BitDropDownGeneralComponent {
         else {
             this.value = v;
         }
+        this.cdr.markForCheck();
     }
     _onChangeValue(event) {
         this.value = event.value;
@@ -4468,24 +4455,24 @@ class BitDropDownComponent extends BitDropDownGeneralComponent {
         this.value = null;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitDropDownComponent, isStandalone: false, selector: "bit-dropdown", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDropDownComponent, isStandalone: false, selector: "bit-dropdown", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDropDownComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-select\r\n    id=\"{{ nombre() }}\"\r\n    [(ngModel)]=\"value\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [options]=\"listaOpcionesVisible()\"\r\n    [filter]=\"filter()\"\r\n    [group]=\"group()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [optionDisabled]=\"atributoDisabled()\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\r\n    </ng-template>\r\n  </p-select>\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-select\n    id=\"{{ nombre() }}\"\n    [(ngModel)]=\"value\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [options]=\"listaOpcionesVisible()\"\n    [filter]=\"filter()\"\n    [group]=\"group()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [optionDisabled]=\"atributoDisabled()\"\n    [appendTo]=\"appendTo()\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <ng-template let-item pTemplate=\"item\">\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\n    </ng-template>\n  </p-select>\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n}\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-dropdown", providers: [
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-dropdown", providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDropDownComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-select\r\n    id=\"{{ nombre() }}\"\r\n    [(ngModel)]=\"value\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [options]=\"listaOpcionesVisible()\"\r\n    [filter]=\"filter()\"\r\n    [group]=\"group()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [optionDisabled]=\"atributoDisabled()\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\r\n    </ng-template>\r\n  </p-select>\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n}\r\n" }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-select\n    id=\"{{ nombre() }}\"\n    [(ngModel)]=\"value\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [options]=\"listaOpcionesVisible()\"\n    [filter]=\"filter()\"\n    [group]=\"group()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [optionDisabled]=\"atributoDisabled()\"\n    [appendTo]=\"appendTo()\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <ng-template let-item pTemplate=\"item\">\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\n    </ng-template>\n  </p-select>\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
 /**
@@ -4497,10 +4484,10 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
         const router = inject(ActivatedRoute);
         const translateService = inject(TranslateService);
         super(router, translateService);
-        this.maxSelectedLabels = input(3, ...(ngDevMode ? [{ debugName: "maxSelectedLabels" }] : []));
-        this.showSeparateSelectedLabels = input(false, ...(ngDevMode ? [{ debugName: "showSeparateSelectedLabels" }] : [])); // indica si se muestran los elementos seleccionados en una columna separada
-        this.title = input(undefined, ...(ngDevMode ? [{ debugName: "title" }] : [])); //título que aparece en el link para eliminar un elemento una vez seleccionado
-        this.filter = input(true, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+        this.maxSelectedLabels = input(3, ...(ngDevMode ? [{ debugName: "maxSelectedLabels" }] : /* istanbul ignore next */ []));
+        this.showSeparateSelectedLabels = input(false, ...(ngDevMode ? [{ debugName: "showSeparateSelectedLabels" }] : /* istanbul ignore next */ [])); // indica si se muestran los elementos seleccionados en una columna separada
+        this.title = input(undefined, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ [])); //título que aparece en el link para eliminar un elemento una vez seleccionado
+        this.filter = input(true, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
         this.router = router;
         this.translateService = translateService;
     }
@@ -4557,6 +4544,7 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
                 this.log() && console.log("currentValues: ", this.value);
             }
         }
+        this.cdr.markForCheck();
     }
     _onChangeValue(event) {
         this.value = event.value;
@@ -4578,24 +4566,24 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
     emitValue() {
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitDropDownMultipleComponent, isStandalone: false, selector: "bit-dropdown-multiple", inputs: { maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, showSeparateSelectedLabels: { classPropertyName: "showSeparateSelectedLabels", publicName: "showSeparateSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDropDownMultipleComponent, isStandalone: false, selector: "bit-dropdown-multiple", inputs: { maxSelectedLabels: { classPropertyName: "maxSelectedLabels", publicName: "maxSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, showSeparateSelectedLabels: { classPropertyName: "showSeparateSelectedLabels", publicName: "showSeparateSelectedLabels", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDropDownMultipleComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n  <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-multiSelect id=\"{{ id() }}\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder()\"\r\n    [filter]=\"filter()\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [options]=\"listaOpciones()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n    [appendTo]=\"appendTo()\"\r\n    selectedItemsLabel=\"{0} elements seleccionats\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n  @if (showSeparateSelectedLabels()) {\r\n    <div>\r\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n      <div class=\"multiselect-labels\">\r\n        @for (item of value; track item) {\r\n          <div class=\"label label-primary multiselect-labels-lg\">\r\n            <span>{{ labelSelectedItem(item) }}</span>\r\n            @if (!readOnly()) {\r\n              &nbsp;&nbsp;\r\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly() && !showSeparateSelectedLabels()) {\n  <p class=\"lectura\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-multiSelect id=\"{{ id() }}\"\n    [(ngModel)]=\"value\"\n    [placeholder]=\"placeholder()\"\n    [filter]=\"filter()\"\n    ariaLabel=\"{{ nombre() }}\"\n    [options]=\"listaOpciones()\"\n    [disabled]=\"isDisabled()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\n    [appendTo]=\"appendTo()\"\n    selectedItemsLabel=\"{0} elements seleccionats\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n  @if (showSeparateSelectedLabels()) {\n    <div>\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\n      <div class=\"multiselect-labels\">\n        @for (item of value; track item) {\n          <div class=\"label label-primary multiselect-labels-lg\">\n            <span>{{ labelSelectedItem(item) }}</span>\n            @if (!readOnly()) {\n              &nbsp;&nbsp;\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-dropdown-multiple", providers: [
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-dropdown-multiple", providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDropDownMultipleComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n  <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-multiSelect id=\"{{ id() }}\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder()\"\r\n    [filter]=\"filter()\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [options]=\"listaOpciones()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n    [appendTo]=\"appendTo()\"\r\n    selectedItemsLabel=\"{0} elements seleccionats\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n  @if (showSeparateSelectedLabels()) {\r\n    <div>\r\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n      <div class=\"multiselect-labels\">\r\n        @for (item of value; track item) {\r\n          <div class=\"label label-primary multiselect-labels-lg\">\r\n            <span>{{ labelSelectedItem(item) }}</span>\r\n            @if (!readOnly()) {\r\n              &nbsp;&nbsp;\r\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly() && !showSeparateSelectedLabels()) {\n  <p class=\"lectura\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-multiSelect id=\"{{ id() }}\"\n    [(ngModel)]=\"value\"\n    [placeholder]=\"placeholder()\"\n    [filter]=\"filter()\"\n    ariaLabel=\"{{ nombre() }}\"\n    [options]=\"listaOpciones()\"\n    [disabled]=\"isDisabled()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\n    [appendTo]=\"appendTo()\"\n    selectedItemsLabel=\"{0} elements seleccionats\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n  @if (showSeparateSelectedLabels()) {\n    <div>\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\n      <div class=\"multiselect-labels\">\n        @for (item of value; track item) {\n          <div class=\"label label-primary multiselect-labels-lg\">\n            <span>{{ labelSelectedItem(item) }}</span>\n            @if (!readOnly()) {\n              &nbsp;&nbsp;\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { maxSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedLabels", required: false }] }], showSeparateSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeparateSelectedLabels", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
 class ConfigurationEditor {
@@ -4631,11 +4619,11 @@ class ConfigurationEditor {
 class BitEditorComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.tipo = input("default", ...(ngDevMode ? [{ debugName: "tipo" }] : []));
+        this.tipo = input("default", ...(ngDevMode ? [{ debugName: "tipo" }] : /* istanbul ignore next */ []));
         // si es "custom", se utiliza el objeto de configuracion: configuration.
         // si es "default", no se utiliza ninguna configuracion (se muestran todos los controles)
-        this.configuration = input(BitEditorComponent.globalConfiguration, ...(ngDevMode ? [{ debugName: "configuration" }] : []));
-        this.height = input(100, ...(ngDevMode ? [{ debugName: "height" }] : []));
+        this.configuration = input(BitEditorComponent.globalConfiguration, ...(ngDevMode ? [{ debugName: "configuration" }] : /* istanbul ignore next */ []));
+        this.height = input(100, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
         this.onTextChange = output();
     }
     // es posible tener configuraciones globales en todos los bit-editor de un proyecto
@@ -4658,6 +4646,7 @@ class BitEditorComponent extends BitCustomComponent {
         else {
             this.value = v;
         }
+        this.cdr.markForCheck();
     }
     onChangeValue(text) {
         this.value = text;
@@ -4683,20 +4672,20 @@ class BitEditorComponent extends BitCustomComponent {
         const configuration = this.configuration();
         return configuration ? configuration : BitEditorComponent.globalConfiguration;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitEditorComponent, isStandalone: false, selector: "bit-editor", inputs: { tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTextChange: "onTextChange" }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitEditorComponent, isStandalone: false, selector: "bit-editor", inputs: { tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTextChange: "onTextChange" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitEditorComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\">\r\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\r\n  </p>\r\n}\r\n@if (!readOnly() && tipo() == 'custom') {\r\n  <p-editor\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [disabled]=\"isDisabled()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (onInit)=\"onInit($event)\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (onTextChange)=\"_onTextChange($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <p-header>\r\n      @if (configuracion.fontSize) {\r\n        <span class=\"ql-formats\">\r\n          <select class=\"ql-size\">\r\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\r\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\r\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\r\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\r\n          </select>\r\n        </span>\r\n      }\r\n      @if (configuracion.fontFormat) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\r\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\r\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\r\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.bullet) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\r\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.link) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n    </p-header>\r\n  </p-editor>\r\n}\r\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\r\n  <p-editor id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [placeholder]=\"placeholder()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$3.Header, selector: "p-header" }, { kind: "component", type: i2$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\">\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n  </p>\n}\n@if (!readOnly() && tipo() == 'custom') {\n  <p-editor\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [disabled]=\"isDisabled()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (onInit)=\"onInit($event)\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (onTextChange)=\"_onTextChange($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <p-header>\n      @if (configuracion.fontSize) {\n        <span class=\"ql-formats\">\n          <select class=\"ql-size\">\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\n          </select>\n        </span>\n      }\n      @if (configuracion.fontFormat) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\n        </span>\n      }\n      @if (configuracion.bullet) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\n        </span>\n      }\n      @if (configuracion.link) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n        </span>\n      }\n    </p-header>\n  </p-editor>\n}\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\n  <p-editor id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [placeholder]=\"placeholder()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$3.Header, selector: "p-header" }, { kind: "component", type: i2$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange", "onEditorChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-editor", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-editor", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitEditorComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\">\r\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\r\n  </p>\r\n}\r\n@if (!readOnly() && tipo() == 'custom') {\r\n  <p-editor\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [disabled]=\"isDisabled()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (onInit)=\"onInit($event)\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (onTextChange)=\"_onTextChange($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <p-header>\r\n      @if (configuracion.fontSize) {\r\n        <span class=\"ql-formats\">\r\n          <select class=\"ql-size\">\r\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\r\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\r\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\r\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\r\n          </select>\r\n        </span>\r\n      }\r\n      @if (configuracion.fontFormat) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\r\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\r\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\r\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.bullet) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\r\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.link) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n    </p-header>\r\n  </p-editor>\r\n}\r\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\r\n  <p-editor id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [placeholder]=\"placeholder()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\">\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n  </p>\n}\n@if (!readOnly() && tipo() == 'custom') {\n  <p-editor\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [disabled]=\"isDisabled()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (onInit)=\"onInit($event)\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (onTextChange)=\"_onTextChange($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <p-header>\n      @if (configuracion.fontSize) {\n        <span class=\"ql-formats\">\n          <select class=\"ql-size\">\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\n          </select>\n        </span>\n      }\n      @if (configuracion.fontFormat) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\n        </span>\n      }\n      @if (configuracion.bullet) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\n        </span>\n      }\n      @if (configuracion.link) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n        </span>\n      }\n    </p-header>\n  </p-editor>\n}\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\n  <p-editor id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [placeholder]=\"placeholder()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], configuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "configuration", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], onTextChange: [{ type: i0.Output, args: ["onTextChange"] }] } });
 
 class BitReadonlyComponent {
@@ -4705,15 +4694,15 @@ class BitReadonlyComponent {
         this.sessionShared = inject(SessionSharedService);
         this.ayudaService = inject(AyudaService);
         this.dateUtils = inject(DateUtils);
-        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : []));
-        this.valor = input(...(ngDevMode ? [undefined, { debugName: "valor" }] : []));
-        this.tipo = input("text", ...(ngDevMode ? [{ debugName: "tipo" }] : [])); // text (default), date, datetime, time, boolean, textarea, list, list-multiple
-        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : []));
-        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : [])); //lista de valores estáticos con lo que inicializamos el select
-        this.isTextarea = computed(() => this.tipo() === "textarea", ...(ngDevMode ? [{ debugName: "isTextarea" }] : []));
+        this.ayuda = input(...(ngDevMode ? [undefined, { debugName: "ayuda" }] : /* istanbul ignore next */ []));
+        this.valor = input(...(ngDevMode ? [undefined, { debugName: "valor" }] : /* istanbul ignore next */ []));
+        this.tipo = input("text", ...(ngDevMode ? [{ debugName: "tipo" }] : /* istanbul ignore next */ [])); // text (default), date, datetime, time, boolean, textarea, list, list-multiple
+        this.hideLabel = input(false, ...(ngDevMode ? [{ debugName: "hideLabel" }] : /* istanbul ignore next */ []));
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ [])); //lista de valores estáticos con lo que inicializamos el select
+        this.isTextarea = computed(() => this.tipo() === "textarea", ...(ngDevMode ? [{ debugName: "isTextarea" }] : /* istanbul ignore next */ []));
         this.opcionesDropdown = computed(() => {
             return (this.data() && this.data().slice()) || [];
-        }, ...(ngDevMode ? [{ debugName: "opcionesDropdown" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "opcionesDropdown" }] : /* istanbul ignore next */ []));
     }
     showAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
@@ -4739,29 +4728,29 @@ class BitReadonlyComponent {
                 return valor;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitReadonlyComponent, isStandalone: false, selector: "bit-readonly", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label>\r\n    <ng-content />&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (!isTextarea()) {\r\n  <p class=\"lectura\">{{value_lectura}}</p>\r\n}\r\n@if (isTextarea()) {\r\n  <pre class=\"lectura\">{{value_lectura}}</pre>\r\n}" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitReadonlyComponent, isStandalone: false, selector: "bit-readonly", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!hideLabel()) {\n  <label>\n    <ng-content />&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (!isTextarea()) {\n  <p class=\"lectura\">{{value_lectura}}</p>\n}\n@if (isTextarea()) {\n  <pre class=\"lectura\">{{value_lectura}}</pre>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitReadonlyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitReadonlyComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-readonly", standalone: false, template: "@if (!hideLabel()) {\r\n  <label>\r\n    <ng-content />&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (!isTextarea()) {\r\n  <p class=\"lectura\">{{value_lectura}}</p>\r\n}\r\n@if (isTextarea()) {\r\n  <pre class=\"lectura\">{{value_lectura}}</pre>\r\n}" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-readonly", standalone: false, template: "@if (!hideLabel()) {\n  <label>\n    <ng-content />&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (!isTextarea()) {\n  <p class=\"lectura\">{{value_lectura}}</p>\n}\n@if (isTextarea()) {\n  <pre class=\"lectura\">{{value_lectura}}</pre>\n}" }]
         }], propDecorators: { ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }], tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 class BitNumberComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.modo = input("decimal", ...(ngDevMode ? [{ debugName: "modo" }] : []));
-        this.divisa = input(...(ngDevMode ? [undefined, { debugName: "divisa" }] : []));
-        this.prefijo = input(...(ngDevMode ? [undefined, { debugName: "prefijo" }] : []));
-        this.sufijo = input(...(ngDevMode ? [undefined, { debugName: "sufijo" }] : []));
-        this.minimo = input(...(ngDevMode ? [undefined, { debugName: "minimo" }] : []));
-        this.maximo = input(...(ngDevMode ? [undefined, { debugName: "maximo" }] : []));
-        this.numeroDecimales = input(...(ngDevMode ? [undefined, { debugName: "numeroDecimales" }] : []));
-        this.maximoDecimales = input(...(ngDevMode ? [undefined, { debugName: "maximoDecimales" }] : []));
-        this.separadorGrupo = input(false, ...(ngDevMode ? [{ debugName: "separadorGrupo" }] : []));
-        this.mostrarBotones = input(...(ngDevMode ? [undefined, { debugName: "mostrarBotones" }] : []));
-        this.incremento = input(1, ...(ngDevMode ? [{ debugName: "incremento" }] : []));
-        this.inputElement = viewChild('inputReference', ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
+        this.modo = input("decimal", ...(ngDevMode ? [{ debugName: "modo" }] : /* istanbul ignore next */ []));
+        this.divisa = input(...(ngDevMode ? [undefined, { debugName: "divisa" }] : /* istanbul ignore next */ []));
+        this.prefijo = input(...(ngDevMode ? [undefined, { debugName: "prefijo" }] : /* istanbul ignore next */ []));
+        this.sufijo = input(...(ngDevMode ? [undefined, { debugName: "sufijo" }] : /* istanbul ignore next */ []));
+        this.minimo = input(...(ngDevMode ? [undefined, { debugName: "minimo" }] : /* istanbul ignore next */ []));
+        this.maximo = input(...(ngDevMode ? [undefined, { debugName: "maximo" }] : /* istanbul ignore next */ []));
+        this.numeroDecimales = input(...(ngDevMode ? [undefined, { debugName: "numeroDecimales" }] : /* istanbul ignore next */ []));
+        this.maximoDecimales = input(...(ngDevMode ? [undefined, { debugName: "maximoDecimales" }] : /* istanbul ignore next */ []));
+        this.separadorGrupo = input(false, ...(ngDevMode ? [{ debugName: "separadorGrupo" }] : /* istanbul ignore next */ []));
+        this.mostrarBotones = input(...(ngDevMode ? [undefined, { debugName: "mostrarBotones" }] : /* istanbul ignore next */ []));
+        this.incremento = input(1, ...(ngDevMode ? [{ debugName: "incremento" }] : /* istanbul ignore next */ []));
+        this.inputElement = viewChild('inputReference', ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
     }
     get value_lectura() {
         this.log() && console.log("value lectura: " + this.value);
@@ -4770,62 +4759,63 @@ class BitNumberComponent extends BitCustomComponent {
     writeValue(v) {
         this.log() && console.log(`writeValue forComponent ${this.nombre()} with value ${v}`);
         this.value = v;
+        this.cdr.markForCheck();
     }
     onChangeValue(text) {
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + text);
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitNumberComponent, isStandalone: false, selector: "bit-number", inputs: { modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, divisa: { classPropertyName: "divisa", publicName: "divisa", isSignal: true, isRequired: false, transformFunction: null }, prefijo: { classPropertyName: "prefijo", publicName: "prefijo", isSignal: true, isRequired: false, transformFunction: null }, sufijo: { classPropertyName: "sufijo", publicName: "sufijo", isSignal: true, isRequired: false, transformFunction: null }, minimo: { classPropertyName: "minimo", publicName: "minimo", isSignal: true, isRequired: false, transformFunction: null }, maximo: { classPropertyName: "maximo", publicName: "maximo", isSignal: true, isRequired: false, transformFunction: null }, numeroDecimales: { classPropertyName: "numeroDecimales", publicName: "numeroDecimales", isSignal: true, isRequired: false, transformFunction: null }, maximoDecimales: { classPropertyName: "maximoDecimales", publicName: "maximoDecimales", isSignal: true, isRequired: false, transformFunction: null }, separadorGrupo: { classPropertyName: "separadorGrupo", publicName: "separadorGrupo", isSignal: true, isRequired: false, transformFunction: null }, mostrarBotones: { classPropertyName: "mostrarBotones", publicName: "mostrarBotones", isSignal: true, isRequired: false, transformFunction: null }, incremento: { classPropertyName: "incremento", publicName: "incremento", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitNumberComponent, isStandalone: false, selector: "bit-number", inputs: { modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, divisa: { classPropertyName: "divisa", publicName: "divisa", isSignal: true, isRequired: false, transformFunction: null }, prefijo: { classPropertyName: "prefijo", publicName: "prefijo", isSignal: true, isRequired: false, transformFunction: null }, sufijo: { classPropertyName: "sufijo", publicName: "sufijo", isSignal: true, isRequired: false, transformFunction: null }, minimo: { classPropertyName: "minimo", publicName: "minimo", isSignal: true, isRequired: false, transformFunction: null }, maximo: { classPropertyName: "maximo", publicName: "maximo", isSignal: true, isRequired: false, transformFunction: null }, numeroDecimales: { classPropertyName: "numeroDecimales", publicName: "numeroDecimales", isSignal: true, isRequired: false, transformFunction: null }, maximoDecimales: { classPropertyName: "maximoDecimales", publicName: "maximoDecimales", isSignal: true, isRequired: false, transformFunction: null }, separadorGrupo: { classPropertyName: "separadorGrupo", publicName: "separadorGrupo", isSignal: true, isRequired: false, transformFunction: null }, mostrarBotones: { classPropertyName: "mostrarBotones", publicName: "mostrarBotones", isSignal: true, isRequired: false, transformFunction: null }, incremento: { classPropertyName: "incremento", publicName: "incremento", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitNumberComponent),
                 multi: true
-            }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-number", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-number", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitNumberComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }], divisa: [{ type: i0.Input, args: [{ isSignal: true, alias: "divisa", required: false }] }], prefijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefijo", required: false }] }], sufijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "sufijo", required: false }] }], minimo: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimo", required: false }] }], maximo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximo", required: false }] }], numeroDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "numeroDecimales", required: false }] }], maximoDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximoDecimales", required: false }] }], separadorGrupo: [{ type: i0.Input, args: [{ isSignal: true, alias: "separadorGrupo", required: false }] }], mostrarBotones: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarBotones", required: false }] }], incremento: [{ type: i0.Input, args: [{ isSignal: true, alias: "incremento", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputReference', { isSignal: true }] }] } });
 
 class BitAmountComponent extends BitNumberComponent {
     constructor() {
         super(...arguments);
-        this.prefijo = input(...(ngDevMode ? [undefined, { debugName: "prefijo" }] : []));
-        this.sufijo = input(...(ngDevMode ? [undefined, { debugName: "sufijo" }] : []));
-        this.minimo = input(...(ngDevMode ? [undefined, { debugName: "minimo" }] : []));
-        this.maximo = input(...(ngDevMode ? [undefined, { debugName: "maximo" }] : []));
-        this.mostrarBotones = input(...(ngDevMode ? [undefined, { debugName: "mostrarBotones" }] : []));
-        this.incremento = input(...(ngDevMode ? [undefined, { debugName: "incremento" }] : []));
-        this.modo = input("currency", ...(ngDevMode ? [{ debugName: "modo" }] : []));
-        this.divisa = input("EUR", ...(ngDevMode ? [{ debugName: "divisa" }] : []));
-        this.maximoDecimales = input(2, ...(ngDevMode ? [{ debugName: "maximoDecimales" }] : []));
-        this.separadorGrupo = input(true, ...(ngDevMode ? [{ debugName: "separadorGrupo" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAmountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitAmountComponent, isStandalone: false, selector: "bit-amount", inputs: { prefijo: { classPropertyName: "prefijo", publicName: "prefijo", isSignal: true, isRequired: false, transformFunction: null }, sufijo: { classPropertyName: "sufijo", publicName: "sufijo", isSignal: true, isRequired: false, transformFunction: null }, minimo: { classPropertyName: "minimo", publicName: "minimo", isSignal: true, isRequired: false, transformFunction: null }, maximo: { classPropertyName: "maximo", publicName: "maximo", isSignal: true, isRequired: false, transformFunction: null }, mostrarBotones: { classPropertyName: "mostrarBotones", publicName: "mostrarBotones", isSignal: true, isRequired: false, transformFunction: null }, incremento: { classPropertyName: "incremento", publicName: "incremento", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, divisa: { classPropertyName: "divisa", publicName: "divisa", isSignal: true, isRequired: false, transformFunction: null }, maximoDecimales: { classPropertyName: "maximoDecimales", publicName: "maximoDecimales", isSignal: true, isRequired: false, transformFunction: null }, separadorGrupo: { classPropertyName: "separadorGrupo", publicName: "separadorGrupo", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+        this.prefijo = input(...(ngDevMode ? [undefined, { debugName: "prefijo" }] : /* istanbul ignore next */ []));
+        this.sufijo = input(...(ngDevMode ? [undefined, { debugName: "sufijo" }] : /* istanbul ignore next */ []));
+        this.minimo = input(...(ngDevMode ? [undefined, { debugName: "minimo" }] : /* istanbul ignore next */ []));
+        this.maximo = input(...(ngDevMode ? [undefined, { debugName: "maximo" }] : /* istanbul ignore next */ []));
+        this.mostrarBotones = input(...(ngDevMode ? [undefined, { debugName: "mostrarBotones" }] : /* istanbul ignore next */ []));
+        this.incremento = input(...(ngDevMode ? [undefined, { debugName: "incremento" }] : /* istanbul ignore next */ []));
+        this.modo = input("currency", ...(ngDevMode ? [{ debugName: "modo" }] : /* istanbul ignore next */ []));
+        this.divisa = input("EUR", ...(ngDevMode ? [{ debugName: "divisa" }] : /* istanbul ignore next */ []));
+        this.maximoDecimales = input(2, ...(ngDevMode ? [{ debugName: "maximoDecimales" }] : /* istanbul ignore next */ []));
+        this.separadorGrupo = input(true, ...(ngDevMode ? [{ debugName: "separadorGrupo" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAmountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitAmountComponent, isStandalone: false, selector: "bit-amount", inputs: { prefijo: { classPropertyName: "prefijo", publicName: "prefijo", isSignal: true, isRequired: false, transformFunction: null }, sufijo: { classPropertyName: "sufijo", publicName: "sufijo", isSignal: true, isRequired: false, transformFunction: null }, minimo: { classPropertyName: "minimo", publicName: "minimo", isSignal: true, isRequired: false, transformFunction: null }, maximo: { classPropertyName: "maximo", publicName: "maximo", isSignal: true, isRequired: false, transformFunction: null }, mostrarBotones: { classPropertyName: "mostrarBotones", publicName: "mostrarBotones", isSignal: true, isRequired: false, transformFunction: null }, incremento: { classPropertyName: "incremento", publicName: "incremento", isSignal: true, isRequired: false, transformFunction: null }, modo: { classPropertyName: "modo", publicName: "modo", isSignal: true, isRequired: false, transformFunction: null }, divisa: { classPropertyName: "divisa", publicName: "divisa", isSignal: true, isRequired: false, transformFunction: null }, maximoDecimales: { classPropertyName: "maximoDecimales", publicName: "maximoDecimales", isSignal: true, isRequired: false, transformFunction: null }, separadorGrupo: { classPropertyName: "separadorGrupo", publicName: "separadorGrupo", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitAmountComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAmountComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAmountComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-amount", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-amount", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitAmountComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { prefijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefijo", required: false }] }], sufijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "sufijo", required: false }] }], minimo: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimo", required: false }] }], maximo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximo", required: false }] }], mostrarBotones: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarBotones", required: false }] }], incremento: [{ type: i0.Input, args: [{ isSignal: true, alias: "incremento", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }], divisa: [{ type: i0.Input, args: [{ isSignal: true, alias: "divisa", required: false }] }], maximoDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximoDecimales", required: false }] }], separadorGrupo: [{ type: i0.Input, args: [{ isSignal: true, alias: "separadorGrupo", required: false }] }] } });
 
 /** Esta clase contiene información sobre el menú pulsado por el usuairo. Permite setear dicho valor y recuperarlo mediante un signal */
 class MenuService {
     constructor() {
-        this.currentMenu$ = signal(undefined, ...(ngDevMode ? [{ debugName: "currentMenu$" }] : []));
+        this.currentMenu$ = signal(undefined, ...(ngDevMode ? [{ debugName: "currentMenu$" }] : /* istanbul ignore next */ []));
     }
     setCurrentMenu(menuTitle) {
         this.currentMenu$.set(menuTitle);
@@ -4834,10 +4824,10 @@ class MenuService {
     getCurrentMenu() {
         return this.currentMenu$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MenuService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -4850,8 +4840,8 @@ class MenuTitle {
 
 class BitSidebarComponent {
     constructor() {
-        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items" }] : []));
-        this.visibilidad = input(undefined, ...(ngDevMode ? [{ debugName: "visibilidad" }] : []));
+        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.visibilidad = input(undefined, ...(ngDevMode ? [{ debugName: "visibilidad" }] : /* istanbul ignore next */ []));
         this.onSelectLanguage = output();
         this.onCloseMenu = output();
         this.onMenuTitle = output();
@@ -4879,12 +4869,12 @@ class BitSidebarComponent {
         this.closeMenu();
         this.onSelectLanguage.emit(language);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n  <ul>\r\n    @for (item of items(); track item) {\r\n      <li class=\"item\" (click)=\"clickMenu(item)\">\r\n        @if (item.items.length > 0) {\r\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n        }\r\n        {{ \"menu.\" + item.label | transloco }}\r\n        @if (item.expanded) {\r\n          <ul>\r\n            @for (subitem of item.items; track subitem) {\r\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n            }\r\n          </ul>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n  <!-- <p class=\"idioma-selector\">    \r\n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n  </p> -->\r\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\n  <ul>\n    @for (item of items(); track item) {\n      <li class=\"item\" (click)=\"clickMenu(item)\">\n        @if (item.items.length > 0) {\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\n        }\n        {{ \"menu.\" + item.label | transloco }}\n        @if (item.expanded) {\n          <ul>\n            @for (subitem of item.items; track subitem) {\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\n            }\n          </ul>\n        }\n      </li>\n    }\n  </ul>\n  <!-- <p class=\"idioma-selector\">    \n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\n  </p> -->\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\n</div>\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n  <ul>\r\n    @for (item of items(); track item) {\r\n      <li class=\"item\" (click)=\"clickMenu(item)\">\r\n        @if (item.items.length > 0) {\r\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n        }\r\n        {{ \"menu.\" + item.label | transloco }}\r\n        @if (item.expanded) {\r\n          <ul>\r\n            @for (subitem of item.items; track subitem) {\r\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n            }\r\n          </ul>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n  <!-- <p class=\"idioma-selector\">    \r\n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n  </p> -->\r\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
+            args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\n  <ul>\n    @for (item of items(); track item) {\n      <li class=\"item\" (click)=\"clickMenu(item)\">\n        @if (item.items.length > 0) {\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\n        }\n        {{ \"menu.\" + item.label | transloco }}\n        @if (item.expanded) {\n          <ul>\n            @for (subitem of item.items; track subitem) {\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\n            }\n          </ul>\n        }\n      </li>\n    }\n  </ul>\n  <!-- <p class=\"idioma-selector\">    \n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\n  </p> -->\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\n</div>\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], visibilidad: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibilidad", required: false }] }], onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onCloseMenu: [{ type: i0.Output, args: ["onCloseMenu"] }], onMenuTitle: [{ type: i0.Output, args: ["onMenuTitle"] }] } });
 
 class BitThemeSelectorComponent {
@@ -4893,10 +4883,10 @@ class BitThemeSelectorComponent {
         this.themeFBitService = inject(ThemeFBitService);
         this.themeList$ = computed(() => this.themeFBitService.themeList$().map((theme) => {
             return { name: theme };
-        }), ...(ngDevMode ? [{ debugName: "themeList$" }] : []));
+        }), ...(ngDevMode ? [{ debugName: "themeList$" }] : /* istanbul ignore next */ []));
         this.currentTheme$ = computed(() => {
             return this.themeFBitService.currentTheme$();
-        }, ...(ngDevMode ? [{ debugName: "currentTheme$" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "currentTheme$" }] : /* istanbul ignore next */ []));
         effect(() => {
             console.log("theme", this.currentTheme$());
             console.log("themeList", this.themeList$());
@@ -4910,20 +4900,20 @@ class BitThemeSelectorComponent {
         this.themeFBitService.changeTheme(theme);
         this.onChangeTheme.emit(theme);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitThemeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BitThemeSelectorComponent, isStandalone: false, selector: "bit-theme-selector", outputs: { onChangeTheme: "onChangeTheme" }, ngImport: i0, template: "<p-selectbutton \r\n    [options]=\"themeList$()\" \r\n    [ngModel]=\"currentTheme$()\" \r\n    optionLabel=\"name\" \r\n    optionValue=\"name\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitThemeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitThemeSelectorComponent, isStandalone: false, selector: "bit-theme-selector", outputs: { onChangeTheme: "onChangeTheme" }, ngImport: i0, template: "<p-selectbutton \n    [options]=\"themeList$()\" \n    [ngModel]=\"currentTheme$()\" \n    optionLabel=\"name\" \n    optionValue=\"name\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitThemeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitThemeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-theme-selector", standalone: false, template: "<p-selectbutton \r\n    [options]=\"themeList$()\" \r\n    [ngModel]=\"currentTheme$()\" \r\n    optionLabel=\"name\" \r\n    optionValue=\"name\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-theme-selector", standalone: false, template: "<p-selectbutton \n    [options]=\"themeList$()\" \n    [ngModel]=\"currentTheme$()\" \n    optionLabel=\"name\" \n    optionValue=\"name\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
         }], ctorParameters: () => [], propDecorators: { onChangeTheme: [{ type: i0.Output, args: ["onChangeTheme"] }] } });
 
 class BitLanguageSelectorComponent {
     constructor() {
         this.onSelectLanguage = output();
         this.localeService = inject(LocaleService);
-        this.languageList$ = signal(this.localeService.locales, ...(ngDevMode ? [{ debugName: "languageList$" }] : []));
-        this.currentLanguage$ = linkedSignal(() => this.localeService.locale$(), ...(ngDevMode ? [{ debugName: "currentLanguage$" }] : []));
+        this.languageList$ = signal(this.localeService.locales, ...(ngDevMode ? [{ debugName: "languageList$" }] : /* istanbul ignore next */ []));
+        this.currentLanguage$ = linkedSignal(() => this.localeService.locale$(), ...(ngDevMode ? [{ debugName: "currentLanguage$" }] : /* istanbul ignore next */ []));
     }
     //signal(this.localeService.locale$());
     selectGroupChanged(_event) {
@@ -4935,12 +4925,12 @@ class BitLanguageSelectorComponent {
         this.currentLanguage$.set(language);
         this.onSelectLanguage.emit(language);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BitLanguageSelectorComponent, isStandalone: false, selector: "bit-language-selector", outputs: { onSelectLanguage: "onSelectLanguage" }, ngImport: i0, template: "<p-selectbutton \r\n    [options]=\"languageList$()\" \r\n    [ngModel]=\"currentLanguage$()\" \r\n    optionLabel=\"label\" \r\n    optionValue=\"value\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitLanguageSelectorComponent, isStandalone: false, selector: "bit-language-selector", outputs: { onSelectLanguage: "onSelectLanguage" }, ngImport: i0, template: "<p-selectbutton \n    [options]=\"languageList$()\" \n    [ngModel]=\"currentLanguage$()\" \n    optionLabel=\"label\" \n    optionValue=\"value\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLanguageSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLanguageSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-language-selector", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p-selectbutton \r\n    [options]=\"languageList$()\" \r\n    [ngModel]=\"currentLanguage$()\" \r\n    optionLabel=\"label\" \r\n    optionValue=\"value\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
+            args: [{ selector: "bit-language-selector", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p-selectbutton \n    [options]=\"languageList$()\" \n    [ngModel]=\"currentLanguage$()\" \n    optionLabel=\"label\" \n    optionValue=\"value\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
         }], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }] } });
 
 class BitSettingsComponent {
@@ -4964,12 +4954,12 @@ class BitSettingsComponent {
         this.themeFBitService.setDarkMode(this.isDarkMode);
         this.onDarkModeChange.emit(this.isDarkMode); // Emit the new state
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\r\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\r\n        <div class=\"config-panel-settings\">\r\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\r\n            <bit-theme-selector />\r\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\r\n            <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-moon\"></span>\r\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\r\n            </div>\r\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\r\n             <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-globe\"></span>\r\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\r\n             </div>\r\n            \r\n        </div>        \r\n    </p-popover>\r\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitLanguageSelectorComponent, selector: "bit-language-selector", outputs: ["onSelectLanguage"] }, { kind: "component", type: BitThemeSelectorComponent, selector: "bit-theme-selector", outputs: ["onChangeTheme"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-moon\"></span>\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            </div>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n             <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-globe\"></span>\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n             </div>\n            \n        </div>        \n    </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitLanguageSelectorComponent, selector: "bit-language-selector", outputs: ["onSelectLanguage"] }, { kind: "component", type: BitThemeSelectorComponent, selector: "bit-theme-selector", outputs: ["onChangeTheme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSettingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\r\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\r\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\r\n        <div class=\"config-panel-settings\">\r\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\r\n            <bit-theme-selector />\r\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\r\n            <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-moon\"></span>\r\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\r\n            </div>\r\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\r\n             <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-globe\"></span>\r\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\r\n             </div>\r\n            \r\n        </div>        \r\n    </p-popover>\r\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-moon\"></span>\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            </div>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n             <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-globe\"></span>\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n             </div>\n            \n        </div>        \n    </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onDarkModeChange: [{ type: i0.Output, args: ["onDarkModeChange"] }] } });
 
 class BytesPipe {
@@ -5018,10 +5008,10 @@ class BytesPipe {
         const prev = format.prev ? BytesPipe.formats[format.prev] : undefined;
         return prev ? bytes / prev.max : bytes;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: BytesPipe, isStandalone: false, name: "bytes" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: BytesPipe, isStandalone: false, name: "bytes" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "bytes",
@@ -5058,10 +5048,10 @@ class CapitalizePipe {
             return texto;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: CapitalizePipe, isStandalone: false, name: "capitalize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: CapitalizePipe, isStandalone: false, name: "capitalize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CapitalizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CapitalizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "capitalize",
@@ -5078,10 +5068,10 @@ class CutTextPipe {
         }
         return value.substring(0, maxLength) + "...";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: CutTextPipe, isStandalone: false, name: "cutText" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: CutTextPipe, isStandalone: false, name: "cutText" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CutTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CutTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cutText',
@@ -5106,10 +5096,10 @@ class DomainListValuePipe {
             s = s.substring(0, s.length - 2);
         return s;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: DomainListValuePipe, isStandalone: false, name: "domainListValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: DomainListValuePipe, isStandalone: false, name: "domainListValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainListValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainListValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "domainListValue",
@@ -5131,10 +5121,10 @@ class DomainValuePipe {
             return "";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: DomainValuePipe, isStandalone: false, name: "domainValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: DomainValuePipe, isStandalone: false, name: "domainValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DomainValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "domainValue",
@@ -5154,10 +5144,10 @@ class ListValuePipe {
             s = s.substring(0, s.length - 2);
         return s;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: ListValuePipe, isStandalone: false, name: "listValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: ListValuePipe, isStandalone: false, name: "listValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ListValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ListValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "listValue",
@@ -5179,10 +5169,10 @@ class OtherToolbarActionPipe {
         }
         return actions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: OtherToolbarActionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: OtherToolbarActionPipe, isStandalone: false, name: "otherToolbarAction" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OtherToolbarActionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: OtherToolbarActionPipe, isStandalone: false, name: "otherToolbarAction" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: OtherToolbarActionPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: OtherToolbarActionPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "otherToolbarAction",
@@ -5206,10 +5196,10 @@ class RemoveLineBreaksPipe {
         }
         return str;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RemoveLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: RemoveLineBreaksPipe, isStandalone: false, name: "removeLineBreaks" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: RemoveLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: RemoveLineBreaksPipe, isStandalone: false, name: "removeLineBreaks" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RemoveLineBreaksPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: RemoveLineBreaksPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "removeLineBreaks",
@@ -5226,10 +5216,10 @@ class SiONoPipe {
             return value ? "Sí" : "No";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SiONoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: SiONoPipe, isStandalone: false, name: "siONo" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SiONoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: SiONoPipe, isStandalone: false, name: "siONo" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SiONoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SiONoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "siONo",
@@ -5241,10 +5231,10 @@ class StringifyPipe {
     transform(value) {
         return JSON.stringify(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StringifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: StringifyPipe, isStandalone: false, name: "stringify" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StringifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: StringifyPipe, isStandalone: false, name: "stringify" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StringifyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StringifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "stringify",
@@ -5271,10 +5261,10 @@ class BitPanelDirective {
     ngOnDestroy() {
         this.suscription && this.suscription.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BitPanelDirective, isStandalone: false, selector: "[bitpanel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: BitPanelDirective, isStandalone: false, selector: "[bitpanel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitPanelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPanelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[bitpanel]",
@@ -5290,8 +5280,8 @@ const directives = [
 class BitSwitchSiNoComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.valorTrue = input(true, ...(ngDevMode ? [{ debugName: "valorTrue" }] : []));
-        this.valorFalse = input(false, ...(ngDevMode ? [{ debugName: "valorFalse" }] : []));
+        this.valorTrue = input(true, ...(ngDevMode ? [{ debugName: "valorTrue" }] : /* istanbul ignore next */ []));
+        this.valorFalse = input(false, ...(ngDevMode ? [{ debugName: "valorFalse" }] : /* istanbul ignore next */ []));
     }
     get value_lectura() {
         this.log() && console.log("value lectura: " + this.value);
@@ -5300,34 +5290,35 @@ class BitSwitchSiNoComponent extends BitCustomComponent {
     writeValue(v) {
         this.log() && console.log(`writeValue forComponent ${this.nombre()} with value ${v}`);
         this.value = v;
+        this.cdr.markForCheck();
     }
     onChangeValue(event) {
         this.value = event.checked;
         this.log() && console.log("_onChangeValue forComponent: " + this.nombre() + " with value:" + this.value);
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchSiNoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitSwitchSiNoComponent, isStandalone: false, selector: "bit-switch-si-no", inputs: { valorTrue: { classPropertyName: "valorTrue", publicName: "valorTrue", isSignal: true, isRequired: false, transformFunction: null }, valorFalse: { classPropertyName: "valorFalse", publicName: "valorFalse", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchSiNoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitSwitchSiNoComponent, isStandalone: false, selector: "bit-switch-si-no", inputs: { valorTrue: { classPropertyName: "valorTrue", publicName: "valorTrue", isSignal: true, isRequired: false, transformFunction: null }, valorFalse: { classPropertyName: "valorFalse", publicName: "valorFalse", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchSiNoComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    [trueValue]=\"valorTrue()\"\r\n    [falseValue]=\"valorFalse()\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    [trueValue]=\"valorTrue()\"\n    [falseValue]=\"valorFalse()\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchSiNoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchSiNoComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-switch-si-no", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-switch-si-no", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchSiNoComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    [trueValue]=\"valorTrue()\"\r\n    [falseValue]=\"valorFalse()\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    [trueValue]=\"valorTrue()\"\n    [falseValue]=\"valorFalse()\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
         }], propDecorators: { valorTrue: [{ type: i0.Input, args: [{ isSignal: true, alias: "valorTrue", required: false }] }], valorFalse: [{ type: i0.Input, args: [{ isSignal: true, alias: "valorFalse", required: false }] }] } });
 
 class BitMultipleCheckboxComponent extends BitCustomComponent {
     constructor() {
         super(...arguments);
-        this.chekAll = input(true, ...(ngDevMode ? [{ debugName: "chekAll" }] : []));
-        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
-        this.isCheckAll = signal(false, ...(ngDevMode ? [{ debugName: "isCheckAll" }] : []));
+        this.chekAll = input(true, ...(ngDevMode ? [{ debugName: "chekAll" }] : /* istanbul ignore next */ []));
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+        this.isCheckAll = signal(false, ...(ngDevMode ? [{ debugName: "isCheckAll" }] : /* istanbul ignore next */ []));
         this.estiloCheckAll = computed(() => {
             if (this.isCheckAll()) {
                 return "pi pi-check-square";
@@ -5335,7 +5326,7 @@ class BitMultipleCheckboxComponent extends BitCustomComponent {
             else {
                 return "pi pi-stop";
             }
-        }, ...(ngDevMode ? [{ debugName: "estiloCheckAll" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "estiloCheckAll" }] : /* istanbul ignore next */ []));
     }
     get value_lectura() {
         if (this.value) {
@@ -5356,6 +5347,7 @@ class BitMultipleCheckboxComponent extends BitCustomComponent {
         this.log() && console.log(`writeValue forComponent ${this.nombre()} with value ${v}`);
         this.value = v;
         this.refreshCheckAll();
+        this.cdr.markForCheck();
     }
     onChangeValue(event) {
         let selected = event && event.checked;
@@ -5385,24 +5377,24 @@ class BitMultipleCheckboxComponent extends BitCustomComponent {
     refreshCheckAll() {
         this.isCheckAll.set(this.data()?.length === this.value?.length);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMultipleCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: BitMultipleCheckboxComponent, isStandalone: false, selector: "bit-checkbox-multiple", inputs: { chekAll: { classPropertyName: "chekAll", publicName: "chekAll", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMultipleCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitMultipleCheckboxComponent, isStandalone: false, selector: "bit-checkbox-multiple", inputs: { chekAll: { classPropertyName: "chekAll", publicName: "chekAll", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n\r\n  @if (!hideLabel()) {\r\n    <label for=\"{{ nombre() }}\">\r\n      <ng-content />&nbsp;\r\n      @if (!readOnly() && this.chekAll()) {\r\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\r\n           style=\"color: #ced4da\"\r\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\r\n           (click)=\"onCheckAll()\"></i>&nbsp;\r\n      }\r\n      @if (obligatorio) {\r\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\r\n      }\r\n      @if (ayuda()) {\r\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  @if (readOnly()) {\r\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n  } @else {\r\n\r\n    @for (dominio of data(); track dominio) {\r\n      <div class=\"field-checkbox inline-block\">\r\n        <p-checkbox\r\n          id=\"{{ nombre() + '-' + dominio.value }}\"\r\n          name=\"{{ nombre() + '-' + dominio.value }}\"\r\n          ariaLabel=\"{{ nombre() }}\"\r\n          [value]=\"dominio.value\"\r\n          [(ngModel)]=\"value\"\r\n          [inputId]=\"dominio.value\"\r\n          [disabled]=\"isDisabled()\"\r\n          (onChange)=\"onChangeValue($event)\">\r\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\r\n        </p-checkbox>\r\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\r\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\r\n      </div>\r\n    }\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n    }\r\n\r\n    @if (control() != null) {\r\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n    }\r\n  }\r\n\r\n</ng-container>\r\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n\n  @if (!hideLabel()) {\n    <label for=\"{{ nombre() }}\">\n      <ng-content />&nbsp;\n      @if (!readOnly() && this.chekAll()) {\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\n           style=\"color: #ced4da\"\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\n           (click)=\"onCheckAll()\"></i>&nbsp;\n      }\n      @if (obligatorio) {\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n      }\n      @if (ayuda()) {\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n      }\n    </label>\n  }\n\n  @if (readOnly()) {\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n  } @else {\n\n    @for (dominio of data(); track dominio) {\n      <div class=\"field-checkbox inline-block\">\n        <p-checkbox\n          id=\"{{ nombre() + '-' + dominio.value }}\"\n          name=\"{{ nombre() + '-' + dominio.value }}\"\n          ariaLabel=\"{{ nombre() }}\"\n          [value]=\"dominio.value\"\n          [(ngModel)]=\"value\"\n          [inputId]=\"dominio.value\"\n          [disabled]=\"isDisabled()\"\n          (onChange)=\"onChangeValue($event)\">\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\n        </p-checkbox>\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\n      </div>\n    }\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n    }\n\n    @if (control() != null) {\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n    }\n  }\n\n</ng-container>\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-checkbox-multiple", providers: [
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-checkbox-multiple", providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "<ng-container *transloco=\"let t\">\r\n\r\n  @if (!hideLabel()) {\r\n    <label for=\"{{ nombre() }}\">\r\n      <ng-content />&nbsp;\r\n      @if (!readOnly() && this.chekAll()) {\r\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\r\n           style=\"color: #ced4da\"\r\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\r\n           (click)=\"onCheckAll()\"></i>&nbsp;\r\n      }\r\n      @if (obligatorio) {\r\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\r\n      }\r\n      @if (ayuda()) {\r\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  @if (readOnly()) {\r\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n  } @else {\r\n\r\n    @for (dominio of data(); track dominio) {\r\n      <div class=\"field-checkbox inline-block\">\r\n        <p-checkbox\r\n          id=\"{{ nombre() + '-' + dominio.value }}\"\r\n          name=\"{{ nombre() + '-' + dominio.value }}\"\r\n          ariaLabel=\"{{ nombre() }}\"\r\n          [value]=\"dominio.value\"\r\n          [(ngModel)]=\"value\"\r\n          [inputId]=\"dominio.value\"\r\n          [disabled]=\"isDisabled()\"\r\n          (onChange)=\"onChangeValue($event)\">\r\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\r\n        </p-checkbox>\r\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\r\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\r\n      </div>\r\n    }\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n    }\r\n\r\n    @if (control() != null) {\r\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n    }\r\n  }\r\n\r\n</ng-container>\r\n" }]
+                    ], standalone: false, template: "<ng-container *transloco=\"let t\">\n\n  @if (!hideLabel()) {\n    <label for=\"{{ nombre() }}\">\n      <ng-content />&nbsp;\n      @if (!readOnly() && this.chekAll()) {\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\n           style=\"color: #ced4da\"\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\n           (click)=\"onCheckAll()\"></i>&nbsp;\n      }\n      @if (obligatorio) {\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n      }\n      @if (ayuda()) {\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n      }\n    </label>\n  }\n\n  @if (readOnly()) {\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n  } @else {\n\n    @for (dominio of data(); track dominio) {\n      <div class=\"field-checkbox inline-block\">\n        <p-checkbox\n          id=\"{{ nombre() + '-' + dominio.value }}\"\n          name=\"{{ nombre() + '-' + dominio.value }}\"\n          ariaLabel=\"{{ nombre() }}\"\n          [value]=\"dominio.value\"\n          [(ngModel)]=\"value\"\n          [inputId]=\"dominio.value\"\n          [disabled]=\"isDisabled()\"\n          (onChange)=\"onChangeValue($event)\">\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\n        </p-checkbox>\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\n      </div>\n    }\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n    }\n\n    @if (control() != null) {\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n    }\n  }\n\n</ng-container>\n" }]
         }], propDecorators: { chekAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "chekAll", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 const modules = [
@@ -5494,8 +5486,8 @@ const formComponents = [
     BitAmountComponent
 ];
 class SharedLibraryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SharedLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: SharedLibraryModule, declarations: [BitPanelDirective, FocusRegisterDirective, BitBreadCrumbComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SharedLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.13", ngImport: i0, type: SharedLibraryModule, declarations: [BitPanelDirective, FocusRegisterDirective, BitBreadCrumbComponent,
             BitControlMessages,
             BitDialogComponent,
             BitFooterComponent,
@@ -5654,7 +5646,7 @@ class SharedLibraryModule {
             BitReadonlyComponent,
             BitNumberComponent,
             BitAmountComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SharedLibraryModule, providers: [{ provide: TRANSLOCO_SCOPE, useValue: "bitnglibrary" }, MessageService], imports: [modules, RouterModule, FileUploadModule$1, TranslocoModule, AccordionModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SharedLibraryModule, providers: [{ provide: TRANSLOCO_SCOPE, useValue: "bitnglibrary" }, MessageService], imports: [modules, RouterModule, FileUploadModule$1, TranslocoModule, AccordionModule,
             AutoCompleteModule,
             BadgeModule,
             DatePickerModule,
@@ -5700,7 +5692,7 @@ class SharedLibraryModule {
             TreeModule,
             TreeTableModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SharedLibraryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SharedLibraryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...modules, RouterModule, FileUploadModule$1, TranslocoModule],
@@ -5774,10 +5766,10 @@ class CanDeactivateGuard {
     canDeactivate(component) {
         return component.canDeactivate ? component.canDeactivate() : true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CanDeactivateGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CanDeactivateGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CanDeactivateGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CanDeactivateGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -5802,10 +5794,10 @@ class CustomHttpInterceptor {
             this.generalUtils.stopLoading();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomHttpInterceptor, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CustomHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CustomHttpInterceptor, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomHttpInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CustomHttpInterceptor, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -5834,10 +5826,10 @@ class EntityDataService {
     getService(entityName) {
         return this.services[entityName.trim()];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EntityDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EntityDataService, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EntityDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EntityDataService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EntityDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: EntityDataService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -5962,7 +5954,7 @@ class EntityCollectionServiceBase {
                 entities = entities.sort(sortComparerFn);
             }
             return entities;
-        }, ...(ngDevMode ? [{ debugName: "entities$" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "entities$" }] : /* istanbul ignore next */ []));
         /** Signal of all ids in the cached collection. */
         this.ids$ = this.entityStore.ids;
         /** Signal of the filter object applied by the entity collection's filter function */
@@ -6482,10 +6474,10 @@ class HttpUrlGenerator {
             ...(entityHttpResourceUrls || {})
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUrlGenerator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUrlGenerator, providedIn: "root" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUrlGenerator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUrlGenerator, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUrlGenerator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: HttpUrlGenerator, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });