bit-ng-library 20.1.12 → 20.1.13

package/fesm2022/bit-ng-library.mjs

@@ -270,10 +270,10 @@ class StorageService {
         }
         return object;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StorageService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -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.2.4", ngImport: i0, type: ThemeFBitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ThemeFBitService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ThemeFBitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ThemeFBitService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -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.2.4", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: LocaleService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: LocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
@@ -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.2.4", ngImport: i0, type: AyudaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AyudaService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AyudaService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: BitMessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitMessageService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitMessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMessageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -649,10 +649,10 @@ class GeneralUtils {
         }
         return "-";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: GeneralUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: GeneralUtils, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: GeneralUtils, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: TranslateService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: HttpUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: HttpUtilsService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: HttpUtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUtilsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1645,10 +1645,10 @@ class DateUtils {
         }
         return "-";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DateUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DateUtils, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DateUtils, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: DomainService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: DownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DownloadService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DownloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FocusService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FocusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: SessionSharedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SessionSharedService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SessionSharedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: TableViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: TableViewService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: TableViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ToolbarService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ToolbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ToolbarService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1865,10 +1865,10 @@ class UploadService {
     getUrlDownloadFile(id) {
         return `${this.DOWNLOAD_URL}${id}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: UploadService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: UploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -1883,10 +1883,10 @@ class ClearItemsService {
     getClearItems() {
         return this.clearItems;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ClearItemsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ClearItemsService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ClearItemsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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.2.4", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: BaseComponent, isStandalone: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive
         }] });
 
@@ -2291,18 +2291,21 @@ function getToolbarObjectLoadedDefault() {
  * no mostrará el botón save
  * @returns un objeto de tipo ToolbarType
  */
-function buildDefaultToolbarForm(formType, saveEnable = true, soloLectura = false) {
+function buildDefaultToolbarForm(formType, saveEnable = true, soloLectura = false, customLabelOtherActions) {
+    const otherActionsLabel = customLabelOtherActions ? { _otherActionsLabel: customLabelOtherActions } : {};
     switch (formType) {
         case FormType.Select:
-            return { print: buildButtonToolbar(true, true) };
+            return { ...otherActionsLabel, print: buildButtonToolbar(true, true) };
         case FormType.Insert:
             return {
+                ...otherActionsLabel,
                 save: buildButtonToolbar(true, saveEnable),
                 delete: buildButtonToolbar(false, false),
                 print: buildButtonToolbar(false, false)
             };
         case FormType.Update:
             return {
+                ...otherActionsLabel,
                 save: buildButtonToolbar(!soloLectura, saveEnable),
                 delete: buildButtonToolbar(true, true),
                 print: buildButtonToolbar(true, true)
@@ -2403,46 +2406,46 @@ class BitBreadCrumbComponent {
         }
         return false; //para evitar que navegue al href="#"
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitBreadCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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>
     `, isInline: true, dependencies: [{ kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitBreadCrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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"]
                     ,
                     standalone: false
                 }]
-        }] });
+        }], propDecorators: { bc: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }] } });
 
 class BitControlMessages {
     constructor() {
@@ -2466,31 +2469,31 @@ class BitControlMessages {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitControlMessages, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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>
-    }
+    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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitControlMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitControlMessages, decorators: [{
             type: Component,
             args: [{
                     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"]
                     ,
                     standalone: false
                 }]
-        }] });
+        }], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }] } });
 
 class BitMessage {
     static { this.WIDTH = 600; }
@@ -2619,117 +2622,117 @@ class BitDialogComponent extends BaseComponent {
             return '<span class="' + cls + '">' + match + "</span>";
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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>
-    }
+    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.2.4", ngImport: i0, type: BitDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDialogComponent, decorators: [{
             type: Component,
             args: [{
                     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"
+        [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>
+    }
     `
                     //styleUrls: ["bit-dialog.component.css"]
                     ,
@@ -2777,10 +2780,10 @@ class CantidadMonedaPipe {
                 : "";
         return integer + fraction;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CantidadMonedaPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: CantidadMonedaPipe, isStandalone: false, name: "cantidadMoneda" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CantidadMonedaPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CantidadMonedaPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "cantidadMoneda",
@@ -2825,64 +2828,68 @@ class BitPajigatorComponent {
         this.page.update((current) => (current += direction));
         this.onPageChange.emit(this.page());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitPajigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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"], 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitPajigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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'\">\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>" }]
-        }] });
+            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>" }]
+        }], 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({
-            source: this.ayudaService.mostrar,
-            computation: (newAyuda, _) => {
-                console.log("newAyuda", newAyuda);
-                return newAyuda;
-            }
-        });
+        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" }] : []));
     }
     /** Oculta el modal con los avisos */
     hideAyuda() {
         this.ayuda.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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>
+    }
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitHelpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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"]
                     ,
@@ -2981,13 +2988,13 @@ class BitFooterMessagesComponent {
             return "";
         }, ...(ngDevMode ? [{ debugName: "message" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitFooterMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitFooterMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterMessagesComponent, decorators: [{
             type: Component,
-            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>" }]
-        }] });
+            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>" }]
+        }], 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 }] }] } });
 
 /**
  * Componente que muestra un paginador en la sección footer.
@@ -3034,13 +3041,13 @@ class BitFooterComponent {
     pageSizeChange(pageSize) {
         this.onNewPageSize.emit(pageSize);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitFooterComponent, decorators: [{
             type: Component,
-            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" }]
-        }] });
+            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" }]
+        }], 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() {
@@ -3053,37 +3060,37 @@ class BitBotonAyudaComponent {
     mostrarAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitBotonAyudaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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>
-    }
+    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.2.4", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
             type: Component,
             args: [{
                     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
                 }]
-        }] });
+        }], propDecorators: { ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], boton: [{ type: i0.Input, args: [{ isSignal: true, alias: "boton", required: false }] }], extraClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraClass", required: false }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }] } });
 
 /**
  * Componenente que muestra una barra de botones.
@@ -3117,6 +3124,11 @@ class BitToolbarComponent extends BaseComponent {
             else
                 return [];
         }, ...(ngDevMode ? [{ debugName: "itemsOtherActionsEnDesplegable" }] : []));
+        /** 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" }] : []));
         /** 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() || {};
@@ -3134,6 +3146,9 @@ class BitToolbarComponent extends BaseComponent {
             this.translations = translations;
         });
     }
+    onSplitButtonLabelClick(sb, event) {
+        setTimeout(() => sb.onDropdownButtonClick(event));
+    }
     enable(button) {
         const toolbar = this.toolbar();
         return toolbar && toolbar[button] && toolbar[button].enable;
@@ -3213,13 +3228,13 @@ 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.2.4", ngImport: i0, type: BitToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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 label=\"{{'bitnglibrary.toolbar.other-actions' | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" />\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: ["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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitToolbarComponent, decorators: [{
             type: Component,
-            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 label=\"{{'bitnglibrary.toolbar.other-actions' | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" />\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" }]
-        }], ctorParameters: () => [] });
+            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"] }] } });
 
 /**
  * Componente que muestra miga de pan y toolbar
@@ -3242,13 +3257,13 @@ class BitHeaderComponent {
     onTBPressed(button) {
         this.onToolbarButtonPressed.emit(button);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitHeaderComponent, decorators: [{
             type: Component,
-            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>" }]
-        }] });
+            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>" }]
+        }], 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() {
@@ -3260,37 +3275,37 @@ class BitLoadingComponent {
     ngOnDestroy() {
         this.generalUtils.loading.set(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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>
-      }
+    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.2.4", ngImport: i0, type: BitLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLoadingComponent, decorators: [{
             type: Component,
             args: [{
                     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
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { imageSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }] } });
 
 class BitNotificationToastComponent extends BaseComponent {
     constructor() {
@@ -3331,10 +3346,10 @@ 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.2.4", ngImport: i0, type: BitNotificationToastComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", 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: "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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNotificationToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationToastComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "bit-notification-toast",
@@ -3468,17 +3483,17 @@ class BitNotificationErrorComponent extends BaseComponent {
             return of([]);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNotificationErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", 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: "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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "bit-notification-error",
                     template: ` <p-toast /> `,
                     standalone: false
                 }]
-        }] });
+        }], propDecorators: { escape: [{ type: i0.Input, args: [{ isSignal: true, alias: "escape", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }] } });
 
 class FocusRegisterDirective {
     constructor() {
@@ -3492,10 +3507,10 @@ class FocusRegisterDirective {
     onBlur() {
         this.focusService.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FocusRegisterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FocusRegisterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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
@@ -3607,13 +3622,13 @@ class BitNGUploadComponent {
     fileOverBase(e) {
         this.hasBaseDropZoneOver.set(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNGUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: ["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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNGUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNGUploadComponent, decorators: [{
             type: Component,
-            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" }]
-        }] });
+            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" }]
+        }], 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 }] }] } });
 
 /**
  * Componente general que muestra controles de sesión de usuario.
@@ -3625,13 +3640,13 @@ class BitUserControlsComponent {
         this.usuario = input.required(...(ngDevMode ? [{ debugName: "usuario" }] : []));
         this.json = computed(() => JSON.stringify(this.usuario(), null, 4), ...(ngDevMode ? [{ debugName: "json" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitUserControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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}" }); }
+    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}" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitUserControlsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitUserControlsComponent, decorators: [{
             type: Component,
-            args: [{ 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}" }]
-        }] });
+            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}" }]
+        }], propDecorators: { usuario: [{ type: i0.Input, args: [{ isSignal: true, alias: "usuario", required: true }] }] } });
 
 /**
  * Componenente que muestra un paginador en la sección footer.
@@ -3643,29 +3658,29 @@ class BitColumnBooleanComponent {
         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.2.4", ngImport: i0, type: BitColumnBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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>
-    }
+    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.2.4", ngImport: i0, type: BitColumnBooleanComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitColumnBooleanComponent, decorators: [{
             type: Component,
             args: [{
                     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
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], textTrue: [{ type: i0.Input, args: [{ isSignal: true, alias: "textTrue", required: false }] }], textFalse: [{ type: i0.Input, args: [{ isSignal: true, alias: "textFalse", required: false }] }] } });
 
 class BitDomainValueComponent {
     constructor() {
@@ -3688,21 +3703,21 @@ class BitDomainValueComponent {
             }
         }, ...(ngDevMode ? [{ debugName: "translatedValue" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDomainValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", 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>
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDomainValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDomainValueComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "bit-domain-value",
-                    template: `
-    <span>{{ translatedValue() }}</span>
+                    template: `
+    <span>{{ translatedValue() }}</span>
   `,
                     standalone: false
                 }]
-        }] });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 /**
  *  Clase general que todos los componentes personalizados deben extender. Contiene toda la lógica común para trabajar con
@@ -3742,12 +3757,12 @@ class BitGeneralComponent extends BaseComponent {
     showAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitGeneralComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.4", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitGeneralComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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"] }] } });
 
 /** Clase customizada para componentes personalizados que requieren implementar la interface ControlValueAccessor.
  * Tipicamente para aquellos componentes personalizados que trabajan sobre otros componentes no estándars HTML como
@@ -3790,10 +3805,10 @@ class BitCustomComponent extends BitGeneralComponent {
     registerOnTouched(fn) {
         this._onTouch = fn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitCustomComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: BitCustomComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitCustomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCustomComponent, decorators: [{
             type: Directive
         }] });
 
@@ -3822,20 +3837,20 @@ class BitTextComponent extends BitCustomComponent {
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: BitTextComponent, isStandalone: false, selector: "bit-text", providers: [{
+    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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextComponent),
                 multi: 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  <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: ["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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-text", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextComponent),
                             multi: true
-                        }], 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" }]
+                        }], 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" }]
         }] });
 
 class BitTextAreaComponent extends BitCustomComponent {
@@ -3867,21 +3882,21 @@ class BitTextAreaComponent extends BitCustomComponent {
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextAreaComponent),
                 multi: 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  <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: ["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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitTextAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTextAreaComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-textarea", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextAreaComponent),
                             multi: true
-                        }], 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" }]
-        }] });
+                        }], 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" }]
+        }], 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 */
 class BitCalendarComponent extends BitCustomComponent {
@@ -3968,12 +3983,12 @@ 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.2.4", ngImport: i0, type: BitCalendarComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.4", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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"] }] } });
 
 class BitDateComponent extends BitCalendarComponent {
     constructor() {
@@ -4010,21 +4025,21 @@ 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.2.4", ngImport: i0, type: BitDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateComponent),
                 multi: 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 (!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"], 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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-date", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateComponent),
                             multi: true
-                        }], 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: () => [] });
+                        }], 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" }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitTimeComponent extends BitCalendarComponent {
     constructor() {
@@ -4061,21 +4076,21 @@ 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.2.4", ngImport: i0, type: BitTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTimeComponent),
                 multi: 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 (!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"], 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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-time", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTimeComponent),
                             multi: true
-                        }], 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: () => [] });
+                        }], 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" }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitDateTimeComponent extends BitCalendarComponent {
     constructor() {
@@ -4112,21 +4127,21 @@ 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.2.4", ngImport: i0, type: BitDateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateTimeComponent),
                 multi: 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 (!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"], 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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDateTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-datetime", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateTimeComponent),
                             multi: true
-                        }], 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: () => [] });
+                        }], 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" }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitCheckBoxComponent extends BitCustomComponent {
     get value_lectura() {
@@ -4142,20 +4157,20 @@ class BitCheckBoxComponent extends BitCustomComponent {
         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.2.4", ngImport: i0, type: BitCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: BitCheckBoxComponent, isStandalone: false, selector: "bit-checkbox", providers: [{
+    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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitCheckBoxComponent),
                 multi: 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 (!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: ["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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-checkbox", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitCheckBoxComponent),
                             multi: true
-                        }], 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" }]
+                        }], 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" }]
         }] });
 
 class BitSwitchComponent extends BitCustomComponent {
@@ -4172,20 +4187,20 @@ class BitSwitchComponent extends BitCustomComponent {
         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.2.4", ngImport: i0, type: BitSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: BitSwitchComponent, isStandalone: false, selector: "bit-switch", providers: [{
+    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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchComponent),
                 multi: 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 (!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"] }] }); }
+            }], 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-switch", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchComponent),
                             multi: true
-                        }], 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" }]
+                        }], 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" }]
         }] });
 
 class BitAutoCompleteComponent extends BitCustomComponent {
@@ -4325,16 +4340,16 @@ class BitAutoCompleteComponent extends BitCustomComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitAutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [
             {
                 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()) {\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", "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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-autocomplete", providers: [
                         {
@@ -4342,8 +4357,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
                             useExisting: forwardRef(() => BitAutoCompleteComponent),
                             multi: true
                         }
-                    ], 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" }]
-        }] });
+                    ], 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" }]
+        }], 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 }] }] } });
 
 /**
  * Clase general común a ambos bit-dropdown (El normal y el múltiple).
@@ -4397,12 +4412,12 @@ class BitDropDownGeneralComponent extends BitCustomComponent {
             return opciones;
         }, ...(ngDevMode ? [{ debugName: "listaOpcionesVisible" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", 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.2.4", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDropDownGeneralComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownGeneralComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1$6.ActivatedRoute }, { type: TranslateService }] });
+        }], 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 }] }] } });
 
 /**
  * Clase que utiliza un custom componente para select de elementos
@@ -4453,16 +4468,16 @@ class BitDropDownComponent extends BitDropDownGeneralComponent {
         this.value = null;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDropDownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDropDownComponent),
                 multi: 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 (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"], 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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDropDownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-dropdown", providers: [
                         {
@@ -4470,8 +4485,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
                             useExisting: forwardRef(() => BitDropDownComponent),
                             multi: true
                         }
-                    ], 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: () => [] });
+                    ], 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" }]
+        }], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
 /**
  * Clase que utiliza un custom componente para select múltiple de elementos
@@ -4563,16 +4578,16 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
     emitValue() {
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDropDownMultipleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDropDownMultipleComponent),
                 multi: true
             }
-        ], 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"], 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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-dropdown-multiple", providers: [
                         {
@@ -4580,8 +4595,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
                             useExisting: forwardRef(() => BitDropDownMultipleComponent),
                             multi: true
                         }
-                    ], 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: () => [] });
+                    ], 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"] }]
+        }], 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 {
     constructor() {
@@ -4668,21 +4683,21 @@ class BitEditorComponent extends BitCustomComponent {
         const configuration = this.configuration();
         return configuration ? configuration : BitEditorComponent.globalConfiguration;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitEditorComponent),
                 multi: 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\">\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"] }, { 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()) {\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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-editor", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitEditorComponent),
                             multi: true
-                        }], 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" }]
-        }] });
+                        }], 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" }]
+        }], 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 {
     constructor() {
@@ -4724,13 +4739,13 @@ class BitReadonlyComponent {
                 return valor;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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}" }); }
+    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}" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitReadonlyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitReadonlyComponent, decorators: [{
             type: Component,
-            args: [{ 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}" }]
-        }] });
+            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}" }]
+        }], 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() {
@@ -4761,21 +4776,21 @@ class BitNumberComponent extends BitCustomComponent {
         this.value = text;
         this.changeComponentValue(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 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()) {\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", "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()) {\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitNumberComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-number", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitNumberComponent),
                             multi: true
-                        }], 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" }]
-        }] });
+                        }], 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" }]
+        }], 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() {
@@ -4791,21 +4806,21 @@ class BitAmountComponent extends BitNumberComponent {
         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.2.4", ngImport: i0, type: BitAmountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: [{
+    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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitAmountComponent),
                 multi: 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", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitAmountComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitAmountComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-amount", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitAmountComponent),
                             multi: true
-                        }], 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" }]
-        }] });
+                        }], 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" }]
+        }], 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 {
@@ -4819,10 +4834,10 @@ class MenuService {
     getCurrentMenu() {
         return this.currentMenu$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: MenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -4864,13 +4879,13 @@ class BitSidebarComponent {
         this.closeMenu();
         this.onSelectLanguage.emit(language);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", 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'\">\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"] }]
-        }] });
+            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"] }]
+        }], 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 {
     constructor() {
@@ -4895,20 +4910,20 @@ class BitThemeSelectorComponent {
         this.themeFBitService.changeTheme(theme);
         this.onChangeTheme.emit(theme);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitThemeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", 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"] }] }); }
+    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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitThemeSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitThemeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ 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: () => [] });
+            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)\"/>" }]
+        }], 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$());
+        this.currentLanguage$ = linkedSignal(() => this.localeService.locale$(), ...(ngDevMode ? [{ debugName: "currentLanguage$" }] : []));
     }
     //signal(this.localeService.locale$());
     selectGroupChanged(_event) {
@@ -4920,13 +4935,13 @@ class BitLanguageSelectorComponent {
         this.currentLanguage$.set(language);
         this.onSelectLanguage.emit(language);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", 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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitLanguageSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitLanguageSelectorComponent, decorators: [{
             type: Component,
-            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)\"/>" }]
-        }] });
+            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)\"/>" }]
+        }], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }] } });
 
 class BitSettingsComponent {
     constructor() {
@@ -4949,13 +4964,13 @@ 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.2.4", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", 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"], 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: "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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitSettingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSettingsComponent, decorators: [{
             type: Component,
-            args: [{ 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: () => [] });
+            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"] }]
+        }], ctorParameters: () => [], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onDarkModeChange: [{ type: i0.Output, args: ["onDarkModeChange"] }] } });
 
 class BytesPipe {
     static { this.formats = {
@@ -5003,10 +5018,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.2.4", ngImport: i0, type: BytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: BytesPipe, isStandalone: false, name: "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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "bytes",
@@ -5043,10 +5058,10 @@ class CapitalizePipe {
             return texto;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CapitalizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: CapitalizePipe, isStandalone: false, name: "capitalize" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CapitalizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CapitalizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "capitalize",
@@ -5063,10 +5078,10 @@ class CutTextPipe {
         }
         return value.substring(0, maxLength) + "...";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CutTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: CutTextPipe, isStandalone: false, name: "cutText" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CutTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CutTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cutText',
@@ -5091,10 +5106,10 @@ class DomainListValuePipe {
             s = s.substring(0, s.length - 2);
         return s;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: DomainListValuePipe, isStandalone: false, name: "domainListValue" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainListValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainListValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "domainListValue",
@@ -5116,10 +5131,10 @@ class DomainValuePipe {
             return "";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: DomainValuePipe, isStandalone: false, name: "domainValue" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: DomainValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DomainValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "domainValue",
@@ -5139,10 +5154,10 @@ class ListValuePipe {
             s = s.substring(0, s.length - 2);
         return s;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ListValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: ListValuePipe, isStandalone: false, name: "listValue" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ListValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ListValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "listValue",
@@ -5164,10 +5179,10 @@ class OtherToolbarActionPipe {
         }
         return actions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: OtherToolbarActionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: OtherToolbarActionPipe, isStandalone: false, name: "otherToolbarAction" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: OtherToolbarActionPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: OtherToolbarActionPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "otherToolbarAction",
@@ -5191,10 +5206,10 @@ class RemoveLineBreaksPipe {
         }
         return str;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: RemoveLineBreaksPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: RemoveLineBreaksPipe, isStandalone: false, name: "removeLineBreaks" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: RemoveLineBreaksPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: RemoveLineBreaksPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "removeLineBreaks",
@@ -5211,10 +5226,10 @@ class SiONoPipe {
             return value ? "Sí" : "No";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SiONoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: SiONoPipe, isStandalone: false, name: "siONo" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SiONoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SiONoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "siONo",
@@ -5226,10 +5241,10 @@ class StringifyPipe {
     transform(value) {
         return JSON.stringify(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StringifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: StringifyPipe, isStandalone: false, name: "stringify" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: StringifyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: StringifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "stringify",
@@ -5256,10 +5271,10 @@ class BitPanelDirective {
     ngOnDestroy() {
         this.suscription && this.suscription.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: BitPanelDirective, isStandalone: false, selector: "[bitpanel]", ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitPanelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitPanelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[bitpanel]",
@@ -5291,21 +5306,21 @@ class BitSwitchSiNoComponent extends BitCustomComponent {
         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.2.4", ngImport: i0, type: BitSwitchSiNoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchSiNoComponent),
                 multi: 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 (!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"] }] }); }
+            }], 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitSwitchSiNoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitSwitchSiNoComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-switch-si-no", providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchSiNoComponent),
                             multi: true
-                        }], 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" }]
-        }] });
+                        }], 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" }]
+        }], 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() {
@@ -5370,16 +5385,16 @@ 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.2.4", ngImport: i0, type: BitMultipleCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", 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: "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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                 multi: true
             }
-        ], 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: ["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\">\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-checkbox-multiple", providers: [
                         {
@@ -5387,8 +5402,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
                             useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                             multi: true
                         }
-                    ], 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" }]
-        }] });
+                    ], 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" }]
+        }], 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 = [
     AccordionModule,
@@ -5479,8 +5494,8 @@ const formComponents = [
     BitAmountComponent
 ];
 class SharedLibraryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SharedLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: SharedLibraryModule, declarations: [BitPanelDirective, FocusRegisterDirective, BitBreadCrumbComponent,
+    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,
             BitControlMessages,
             BitDialogComponent,
             BitFooterComponent,
@@ -5639,7 +5654,7 @@ class SharedLibraryModule {
             BitReadonlyComponent,
             BitNumberComponent,
             BitAmountComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", 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: "20.3.19", ngImport: i0, type: SharedLibraryModule, providers: [{ provide: TRANSLOCO_SCOPE, useValue: "bitnglibrary" }, MessageService], imports: [modules, RouterModule, FileUploadModule$1, TranslocoModule, AccordionModule,
             AutoCompleteModule,
             BadgeModule,
             DatePickerModule,
@@ -5685,7 +5700,7 @@ class SharedLibraryModule {
             TreeModule,
             TreeTableModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SharedLibraryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SharedLibraryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...modules, RouterModule, FileUploadModule$1, TranslocoModule],
@@ -5759,10 +5774,10 @@ class CanDeactivateGuard {
     canDeactivate(component) {
         return component.canDeactivate ? component.canDeactivate() : true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CanDeactivateGuard }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CanDeactivateGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CanDeactivateGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -5787,10 +5802,10 @@ class CustomHttpInterceptor {
             this.generalUtils.stopLoading();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CustomHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CustomHttpInterceptor, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: CustomHttpInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CustomHttpInterceptor, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -5819,10 +5834,10 @@ class EntityDataService {
     getService(entityName) {
         return this.services[entityName.trim()];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: EntityDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: EntityDataService, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: EntityDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EntityDataService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: () => [] });
@@ -6467,10 +6482,10 @@ class HttpUrlGenerator {
             ...(entityHttpResourceUrls || {})
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: HttpUrlGenerator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: HttpUrlGenerator, providedIn: "root" }); }
+    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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: HttpUrlGenerator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HttpUrlGenerator, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }] });