bit-ng-library 19.0.6 → 19.0.7

package/README.md

@@ -26,6 +26,11 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
 
 ## changelog
 
+## [19.0.7] - 2025-04-08
+
+Se modifican stilos del sidebar para eliminar el estilo que daba color
+Se cambia el p-putton del settings por un elemento i con un icono
+
 ## [19.0.6] - 2025-04-03
 
 Se modifica el componente bit-switch para utilizar p-toogleSwitch en vez de p-inputSwitch

package/fesm2022/bit-ng-library.mjs

@@ -8,7 +8,7 @@ import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i1$1 from '@jsverse/transloco';
+import * as i5 from '@jsverse/transloco';
 import { TranslocoModule, TRANSLOCO_SCOPE } from '@jsverse/transloco';
 import * as i4$2 from 'primeng/calendar';
 import { CalendarModule } from 'primeng/calendar';
@@ -16,7 +16,7 @@ import * as i3$6 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i3$8 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
-import * as i5$1 from 'primeng/multiselect';
+import * as i5$2 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
 import * as i2$1 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
@@ -43,7 +43,7 @@ import { MessagesModule } from 'primeng/messages';
 import { MenuModule } from 'primeng/menu';
 import { MenubarModule } from 'primeng/menubar';
 import { MegaMenuModule } from 'primeng/megamenu';
-import * as i5 from 'primeng/table';
+import * as i5$1 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import { TreeModule } from 'primeng/tree';
 import { DynamicDialogModule } from 'primeng/dynamicdialog';
@@ -75,7 +75,7 @@ import * as i4 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import { SplitButtonModule } from 'primeng/splitbutton';
 import { map, mergeMap, tap, takeUntil, startWith, delay, concatMap, take, filter, switchMapTo, catchError, finalize } from 'rxjs/operators';
-import * as i1$2 from '@angular/common/http';
+import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { saveAs } from 'file-saver';
@@ -603,7 +603,7 @@ class BitBreadCrumbComponent {
         </li>
       }
     </ul>
-    `, isInline: true, dependencies: [{ kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    `, isInline: true, dependencies: [{ kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitBreadCrumbComponent, decorators: [{
             type: Component,
@@ -992,13 +992,13 @@ class TranslateService {
         let lang = this.translocoService.getActiveLang();
         return lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TranslateService, deps: [{ token: i1$1.TranslocoService }, { token: "DEFAULT_LANGUAGE" }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TranslateService, deps: [{ token: i5.TranslocoService }, { token: "DEFAULT_LANGUAGE" }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TranslateService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslocoService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i5.TranslocoService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ["DEFAULT_LANGUAGE"]
                 }] }] });
@@ -1140,13 +1140,13 @@ class HttpUtilsService {
         }
         return httpHeaders;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HttpUtilsService, deps: [{ token: i1$2.HttpClient }, { token: BitMessageService }, { token: GeneralUtils }, { token: TranslateService }, { token: "API_URL" }, { token: "CONTEXT_PATH" }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HttpUtilsService, deps: [{ token: i1$1.HttpClient }, { token: BitMessageService }, { token: GeneralUtils }, { token: TranslateService }, { token: "API_URL" }, { token: "CONTEXT_PATH" }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HttpUtilsService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: HttpUtilsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: BitMessageService }, { type: GeneralUtils }, { type: TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: BitMessageService }, { type: GeneralUtils }, { type: TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ["API_URL"]
                 }] }, { type: undefined, decorators: [{
@@ -2009,7 +2009,7 @@ class DownloadService {
             this.generalUtils.stopLoading();
         }, () => this.generalUtils.stopLoading());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DownloadService, deps: [{ token: i1$2.HttpClient }, { token: GeneralUtils }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DownloadService, deps: [{ token: i1$1.HttpClient }, { token: GeneralUtils }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DownloadService, providedIn: "root" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: DownloadService, decorators: [{
@@ -2017,7 +2017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
             args: [{
                     providedIn: "root"
                 }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: GeneralUtils }] });
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: GeneralUtils }] });
 
 /**
  * FocusService almacena el campo/elemento que actualmente tiene el foco del usuario.
@@ -2533,7 +2533,7 @@ class BitPajigatorComponent {
         return this.totalItems > 0 && this.page < this.maxPages;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitPajigatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions", maxCurrentItems: "maxCurrentItems" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pajigator-outer-container\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n      @if (maxCurrentItems >= totalItems) {\n        <span>{{totalItems}}</span>\n      }\n      @if (maxCurrentItems < totalItems) {\n        <span>{{maxCurrentItems}} / {{totalItems}}</span>\n      }\n    </div>\n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select \n        appendTo=\"body\"\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-select>\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      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: i4.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions", maxCurrentItems: "maxCurrentItems" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pajigator-outer-container\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n      @if (maxCurrentItems >= totalItems) {\n        <span>{{totalItems}}</span>\n      }\n      @if (maxCurrentItems < totalItems) {\n        <span>{{maxCurrentItems}} / {{totalItems}}</span>\n      }\n    </div>\n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select \n        appendTo=\"body\"\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-select>\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      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: i4.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitPajigatorComponent, decorators: [{
             type: Component,
@@ -2844,7 +2844,7 @@ class BitFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", 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 }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: false, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: false, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: false, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: false, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, mostrarEnlacesPaginas: { classPropertyName: "mostrarEnlacesPaginas", publicName: "mostrarEnlacesPaginas", isSignal: false, isRequired: false, transformFunction: null }, mostrarPrimeraUltimaPagina: { classPropertyName: "mostrarPrimeraUltimaPagina", publicName: "mostrarPrimeraUltimaPagina", isSignal: false, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, forcePageLinkSize: { classPropertyName: "forcePageLinkSize", publicName: "forcePageLinkSize", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, usesOnChanges: true, 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\n      [totalItems]=\"totalItems()\"\n      [page]=\"filter ? filter().pagina : 1\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*5,baseItemsPerPage*25,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\"></bit-pajigator>\n  }\n\n  @if (mostrarAvisos) {\n    <bit-footer-messages\n      [messages]=\"messages\"\n      [typeFooter]=\"typeFooter\"\n      [status]=\"status\"\n      [maxCurrentItems]=\"maxCurrentItems\"\n    [totalItems]=\"totalItems\"></bit-footer-messages>\n  }\n\n</footer>\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["page", "totalItems", "itemsPerPage", "rowsPerPageOptions", "maxCurrentItems"], outputs: ["onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["messages", "status", "typeFooter", "maxCurrentItems", "totalItems"] }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", 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 }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: false, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: false, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: false, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: false, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: false, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, mostrarEnlacesPaginas: { classPropertyName: "mostrarEnlacesPaginas", publicName: "mostrarEnlacesPaginas", isSignal: false, isRequired: false, transformFunction: null }, mostrarPrimeraUltimaPagina: { classPropertyName: "mostrarPrimeraUltimaPagina", publicName: "mostrarPrimeraUltimaPagina", isSignal: false, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: false, isRequired: false, transformFunction: null }, forcePageLinkSize: { classPropertyName: "forcePageLinkSize", publicName: "forcePageLinkSize", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, usesOnChanges: true, 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\n      [totalItems]=\"totalItems()\"\n      [page]=\"filter ? filter().pagina : 1\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*5,baseItemsPerPage*25,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\"></bit-pajigator>\n  }\n\n  @if (mostrarAvisos) {\n    <bit-footer-messages\n      [messages]=\"messages\"\n      [typeFooter]=\"typeFooter\"\n      [status]=\"status\"\n      [maxCurrentItems]=\"maxCurrentItems\"\n    [totalItems]=\"totalItems\"></bit-footer-messages>\n  }\n\n</footer>\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["page", "totalItems", "itemsPerPage", "rowsPerPageOptions", "maxCurrentItems"], outputs: ["onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["messages", "status", "typeFooter", "maxCurrentItems", "totalItems"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitFooterComponent, decorators: [{
             type: Component,
@@ -2896,7 +2896,7 @@ class BitBotonAyudaComponent {
     @if (!boton) {
       <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass" (click)="mostrarAyuda()"></i>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
             type: Component,
@@ -3050,7 +3050,7 @@ class BitToolbarComponent extends BaseComponent {
         return actions;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitToolbarComponent, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: "toolbar", ayuda: "ayuda", femenino: "femenino", buttonSize: "buttonSize", otherActionsDropdown: "otherActionsDropdown" }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- acciones no estandar definidas din\u00E1micamente o muy particulares-->\n<!-- si otherActionsDropdown viene a true y hay m\u00E1s de una acci\u00F3n, se muestran como un desplegable, si no, todas las acciones en l\u00EDnea -->\n<div class=\"contenedor-toolbar\">\n\n  @if (mostrarOtherActionsEnDesplegable) {\n    @if (otherActionsDropdown) {\n      <p-button (click)=\"menu.toggle($event)\" [size]=\"buttonSize\"\n                styleClass=\"p-button-primary\" icon=\"pi pi-caret-right\" iconPos=\"right\" label=\"{{'bitnglibrary.toolbar.other-actions' | transloco}}\"></p-button>\n      <p-tieredMenu #menu [model]=\"itemsOtherActions\" [popup]=\"true\"></p-tieredMenu>\n    }\n  }\n\n  <!-- si otherActionsDropdown viene a false o solo hay una acci\u00F3n, se muestran una tras otra en l\u00EDnea -->\n  @if (!mostrarOtherActionsEnDesplegable) {\n    @for (button of (toolbar | otherToolbarAction); track button) {\n      @if (button.visible) {\n        <p-button type=\"button\" [disabled]=\"!button.enable\" (click)=\"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  }\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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\"></bit-boton-ayuda>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3$3.TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: OtherToolbarActionPipe, name: "otherToolbarAction" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: "toolbar", ayuda: "ayuda", femenino: "femenino", buttonSize: "buttonSize", otherActionsDropdown: "otherActionsDropdown" }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- acciones no estandar definidas din\u00E1micamente o muy particulares-->\n<!-- si otherActionsDropdown viene a true y hay m\u00E1s de una acci\u00F3n, se muestran como un desplegable, si no, todas las acciones en l\u00EDnea -->\n<div class=\"contenedor-toolbar\">\n\n  @if (mostrarOtherActionsEnDesplegable) {\n    @if (otherActionsDropdown) {\n      <p-button (click)=\"menu.toggle($event)\" [size]=\"buttonSize\"\n                styleClass=\"p-button-primary\" icon=\"pi pi-caret-right\" iconPos=\"right\" label=\"{{'bitnglibrary.toolbar.other-actions' | transloco}}\"></p-button>\n      <p-tieredMenu #menu [model]=\"itemsOtherActions\" [popup]=\"true\"></p-tieredMenu>\n    }\n  }\n\n  <!-- si otherActionsDropdown viene a false o solo hay una acci\u00F3n, se muestran una tras otra en l\u00EDnea -->\n  @if (!mostrarOtherActionsEnDesplegable) {\n    @for (button of (toolbar | otherToolbarAction); track button) {\n      @if (button.visible) {\n        <p-button type=\"button\" [disabled]=\"!button.enable\" (click)=\"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  }\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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')\" (click)=\"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\"></bit-boton-ayuda>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3$3.TieredMenu, selector: "p-tieredMenu, p-tieredmenu, p-tiered-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "breakpoint", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: OtherToolbarActionPipe, name: "otherToolbarAction" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitToolbarComponent, decorators: [{
             type: Component,
@@ -3439,7 +3439,7 @@ class BitNGUploadComponent {
         this.hasBaseDropZoneOver = e;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitNGUploadComponent, deps: [{ token: GeneralUtils }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: "uploader", hasDropZone: "hasDropZone", hasQueue: "hasQueue", hasSingleUpload: "hasSingleUpload", hasMultipleUpload: "hasMultipleUpload", deleteItemAfterUpload: "deleteItemAfterUpload", canUpload: "canUpload", hasProgressBar: "hasProgressBar", sizeDropZone: "sizeDropZone", sizeQueue: "sizeQueue", inputAccept: "inputAccept" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: 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 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 #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                  (click)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\">\n                </p-button>\n              }\n              @if (canUpload) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (click)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\">\n                </p-button>\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (click)=\"removeFile(item)\">\n              </p-button>\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        @if (canUpload) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (click)=\"uploadAll()\" [disabled]=\"!uploader.getNotUploadedItems().length\">\n          </p-button>\n        }\n        @if (canUpload) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (click)=\"cancelQueue()\" [disabled]=\"!uploader.isUploading\">\n          </p-button>\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (click)=\"removeQueue()\" [disabled]=\"!uploader.queue.length\">\n        </p-button>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "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: i6.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i6.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: "uploader", hasDropZone: "hasDropZone", hasQueue: "hasQueue", hasSingleUpload: "hasSingleUpload", hasMultipleUpload: "hasMultipleUpload", deleteItemAfterUpload: "deleteItemAfterUpload", canUpload: "canUpload", hasProgressBar: "hasProgressBar", sizeDropZone: "sizeDropZone", sizeQueue: "sizeQueue", inputAccept: "inputAccept" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: 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 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 #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                  (click)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\">\n                </p-button>\n              }\n              @if (canUpload) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (click)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\">\n                </p-button>\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (click)=\"removeFile(item)\">\n              </p-button>\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        @if (canUpload) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (click)=\"uploadAll()\" [disabled]=\"!uploader.getNotUploadedItems().length\">\n          </p-button>\n        }\n        @if (canUpload) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (click)=\"cancelQueue()\" [disabled]=\"!uploader.isUploading\">\n          </p-button>\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (click)=\"removeQueue()\" [disabled]=\"!uploader.queue.length\">\n        </p-button>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "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: i6.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i6.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitNGUploadComponent, decorators: [{
             type: Component,
@@ -4481,7 +4481,7 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDropDownMultipleComponent),
                 multi: true
-            }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hideLabel) {\n  <label><ng-content></ng-content>&nbsp;@if (obligatorio) {\n    <span class=\"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\n    id=\"{{ id }}\"\n    [(ngModel)]=\"value\"\n    [options]=\"listaOpciones\"\n    [disabled]=\"isDisabled\"\n    [optionLabel]=\"atributoLabel\"\n    [optionValue]=\"atributoValue\"\n    [defaultLabel]=\"emptyTextResolved\"\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  </p-multiSelect>\n  @if (control != null) {\n    <control-messages [control]=\"control\" [field]=\"id\"></control-messages>\n  }\n  @if (showSeparateSelectedLabels) {\n    <div>\n      <label>&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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "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", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+            }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hideLabel) {\n  <label><ng-content></ng-content>&nbsp;@if (obligatorio) {\n    <span class=\"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\n    id=\"{{ id }}\"\n    [(ngModel)]=\"value\"\n    [options]=\"listaOpciones\"\n    [disabled]=\"isDisabled\"\n    [optionLabel]=\"atributoLabel\"\n    [optionValue]=\"atributoValue\"\n    [defaultLabel]=\"emptyTextResolved\"\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  </p-multiSelect>\n  @if (control != null) {\n    <control-messages [control]=\"control\" [field]=\"id\"></control-messages>\n  }\n  @if (showSeparateSelectedLabels) {\n    <div>\n      <label>&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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "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", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], 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: "19.1.6", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
             type: Component,
@@ -4585,7 +4585,7 @@ class BitEditorComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitEditorComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n  <label>\n    <ng-content></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\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-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\n    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  </p-editor>\n}\n@if (control != null) {\n  <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i2$2.Header, selector: "p-header" }, { kind: "component", type: i3$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: i1$1.TranslocoPipe, name: "transloco" }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel) {\n  <label>\n    <ng-content></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\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-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\n    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  </p-editor>\n}\n@if (control != null) {\n  <control-messages [control]=\"control\" [field]=\"nombre\"></control-messages>\n}\n", dependencies: [{ kind: "component", type: i2$2.Header, selector: "p-header" }, { kind: "component", type: i3$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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: i5.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitEditorComponent, decorators: [{
             type: Component,
@@ -5142,11 +5142,11 @@ class BitSidebarComponent {
         this.onSelectLanguage.emit(language);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: "items", visibilidad: "visibilidad" }, 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.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</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;color:#757575;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{color:#757575;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 .closebtn:hover{color:#757575}.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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$1.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: "items", visibilidad: "visibilidad" }, 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.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", 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.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</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;color:#757575;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{color:#757575;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 .closebtn:hover{color:#757575}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
+            args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad ? '300px' : '0px'\">\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\n  <ul>\n    @for (item of items; track item) {\n      <li class=\"item\" (click)=\"clickMenu(item)\">\n        @if (item.items.length > 0) {\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\n        }\n        {{ \"menu.\" + item.label | transloco }}\n        @if (item.expanded) {\n          <ul>\n            @for (subitem of item.items; track subitem) {\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\n            }\n          </ul>\n        }\n      </li>\n    }\n  </ul>\n  <!-- <p class=\"idioma-selector\">    \n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\n  </p> -->\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.fundaciobit.org/\" target=\"_blank\">Fundaci\u00F3 Bit</a></p>\n</div>\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], visibilidad: [{
@@ -5334,11 +5334,11 @@ class BitSettingsComponent {
         this.onDarkModeChange.emit(this.isDarkMode); // Emit the new state
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <p-button (click)=\"op.toggle($event)\" icon=\"pi pi-cog\" aria-label=\"Select\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" />\n    <p-popover #op>\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector (onChangeTheme)=\"op.toggle($event);\" />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <p-toggleswitch [(ngModel)]=\"isDarkMode\"  (onChange)=\"toggleDarkMode($event); op.toggle($event);\" attr.data-testid=\"darkMode\"/>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n            <bit-language-selector (onSelectLanguage)=\"op.toggle($event); selectLanguage($event)\"/>\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}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$7.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$9.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i3$2.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", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <i (click)=\"op.toggle($event)\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\"></i>\n    <p-popover #op>\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            <p-toggleswitch [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n            <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\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}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$7.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$9.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.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: "19.1.6", ngImport: i0, type: BitSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\n    <p-button (click)=\"op.toggle($event)\" icon=\"pi pi-cog\" aria-label=\"Select\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" />\n    <p-popover #op>\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector (onChangeTheme)=\"op.toggle($event);\" />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <p-toggleswitch [(ngModel)]=\"isDarkMode\"  (onChange)=\"toggleDarkMode($event); op.toggle($event);\" attr.data-testid=\"darkMode\"/>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n            <bit-language-selector (onSelectLanguage)=\"op.toggle($event); selectLanguage($event)\"/>\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}\n"] }]
+            args: [{ selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\n    <i (click)=\"op.toggle($event)\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\"></i>\n    <p-popover #op>\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            <p-toggleswitch [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n            <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\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}\n"] }]
         }], ctorParameters: () => [] });
 
 class BytesPipe {
@@ -5783,7 +5783,7 @@ class BitMultipleCheckboxComponent extends BitCustomComponent {
                 useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n\n  @if (!hideLabel) {\n    <label>\n      <ng-content></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          [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\"></control-messages>\n    }\n  }\n\n\n</ng-container>\n", dependencies: [{ kind: "component", type: i2$3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n\n  @if (!hideLabel) {\n    <label>\n      <ng-content></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          [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\"></control-messages>\n    }\n  }\n\n\n</ng-container>\n", dependencies: [{ kind: "component", type: i2$3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.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: "19.1.6", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
             type: Component,