bit-ng-library 21.0.0 → 21.0.1

package/fesm2022/bit-ng-library.mjs

@@ -1,4 +1,4 @@
-import { Subject, BehaviorSubject, lastValueFrom, of, ReplaySubject, combineLatest, forkJoin, throwError } from 'rxjs';
+import { Subject, BehaviorSubject, lastValueFrom, of, ReplaySubject, combineLatest, forkJoin, switchMap, startWith, throwError } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Injectable, inject, signal, computed, DestroyRef, Directive, input, ChangeDetectionStrategy, Component, Pipe, model, output, linkedSignal, ElementRef, Renderer2, HostListener, viewChild, ChangeDetectorRef, forwardRef, contentChild, TemplateRef, effect, NgModule } from '@angular/core';
 import { map, mergeMap, tap, takeUntil, filter, concatMap, take, catchError, finalize } from 'rxjs/operators';
@@ -10,7 +10,7 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 import moment from 'moment';
 import * as i1$1 from '@angular/forms';
 import { FormGroup, FormControl, FormArray, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { saveAs } from 'file-saver';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -2407,19 +2407,19 @@ class BitBreadCrumbComponent {
         return false; //para evitar que navegue al href="#"
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBreadCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBreadCrumbComponent, isStandalone: false, selector: "bit-breadcrumb", inputs: { bc: { classPropertyName: "bc", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <ul class="breadcrumb">
-      @for (path of bc(); track path; let i = $index) {
-        <li [class.active]="i == bc().length - 1">
-          @if (i < bc().length - 1 && path.url) {
-            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
-          }
-          @if (i == bc().length - 1 || !path.url) {
-            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
-          }
-        </li>
-      }
-    </ul>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBreadCrumbComponent, isStandalone: false, selector: "bit-breadcrumb", inputs: { bc: { classPropertyName: "bc", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ul class="breadcrumb">
+      @for (path of bc(); track path; let i = $index) {
+        <li [class.active]="i == bc().length - 1">
+          @if (i < bc().length - 1 && path.url) {
+            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
+          }
+          @if (i == bc().length - 1 || !path.url) {
+            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
+          }
+        </li>
+      }
+    </ul>
     `, isInline: true, dependencies: [{ kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBreadCrumbComponent, decorators: [{
@@ -2427,19 +2427,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     selector: "bit-breadcrumb",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <ul class="breadcrumb">
-      @for (path of bc(); track path; let i = $index) {
-        <li [class.active]="i == bc().length - 1">
-          @if (i < bc().length - 1 && path.url) {
-            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
-          }
-          @if (i == bc().length - 1 || !path.url) {
-            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
-          }
-        </li>
-      }
-    </ul>
+                    template: `
+    <ul class="breadcrumb">
+      @for (path of bc(); track path; let i = $index) {
+        <li [class.active]="i == bc().length - 1">
+          @if (i < bc().length - 1 && path.url) {
+            <a class="breadcrumb-item" (click)="goAddress(path)" href="#">{{ "breadcrumb." + path.label | transloco }}</a>
+          }
+          @if (i == bc().length - 1 || !path.url) {
+            <span class="breadcrumb-item active">{{ "breadcrumb." + path.label | transloco }}</span>
+          }
+        </li>
+      }
+    </ul>
     `
                     //styleUrls: ["bit-breadcrumb.component.css"]
                     ,
@@ -2470,12 +2470,12 @@ class BitControlMessages {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitControlMessages, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitControlMessages, isStandalone: false, selector: "control-messages", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (isError) {
-      <div>
-        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
-      </div>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitControlMessages, isStandalone: false, selector: "control-messages", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (isError) {
+      <div>
+        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
+      </div>
+    }
     `, isInline: true, dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitControlMessages, decorators: [{
@@ -2483,12 +2483,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "control-messages",
-                    template: `
-    @if (isError) {
-      <div>
-        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
-      </div>
-    }
+                    template: `
+    @if (isError) {
+      <div>
+        <span class="mensaje-error-input">{{ errorMessage$ | async }}</span>
+      </div>
+    }
     `
                     //styleUrls: ["bit-control-messages.component.css"]
                     ,
@@ -2599,61 +2599,61 @@ class BitDialogComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDialogComponent, isStandalone: false, selector: "bit-dialog", usesInheritance: true, ngImport: i0, template: `
-    @if (!isSeverityInfo()) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo">{{ message().message }}</p>
-        @if (message().masInfo) {
-          <span>
-            <pre>{{ message().masInfo }}</pre>
-          </span>
-        }
-        <footer>
-          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
-        </footer>
-      </p-dialog>
-    }
-    @if (isSeverityInfo() && !message().json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
-      </p-dialog>
-    }
-    @if (message().json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [baseZIndex]="10000"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
-      </p-dialog>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitDialogComponent, isStandalone: false, selector: "bit-dialog", usesInheritance: true, ngImport: i0, template: `
+    @if (!isSeverityInfo()) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo">{{ message().message }}</p>
+        @if (message().masInfo) {
+          <span>
+            <pre>{{ message().masInfo }}</pre>
+          </span>
+        }
+        <footer>
+          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
+        </footer>
+      </p-dialog>
+    }
+    @if (isSeverityInfo() && !message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
+      </p-dialog>
+    }
+    @if (message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [baseZIndex]="10000"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
+      </p-dialog>
+    }
     `, isInline: true, dependencies: [{ kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDialogComponent, decorators: [{
@@ -2661,61 +2661,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-dialog",
-                    template: `
-    @if (!isSeverityInfo()) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo">{{ message().message }}</p>
-        @if (message().masInfo) {
-          <span>
-            <pre>{{ message().masInfo }}</pre>
-          </span>
-        }
-        <footer>
-          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
-        </footer>
-      </p-dialog>
-    }
-    @if (isSeverityInfo() && !message().json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
-      </p-dialog>
-    }
-    @if (message().json) {
-      <p-dialog
-        class="scroll-y scroll-{{ message().height }}"
-        header="{{ message().title }}"
-        [visible]="display()"
-        (visibleChange)="display.set($event)"
-        [style]="{ width: '50vw' }"
-        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
-        [baseZIndex]="10000"
-        [modal]="message().modal"
-        showEffect="fade"
-        position="top"
-        >
-        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
-      </p-dialog>
-    }
+                    template: `
+    @if (!isSeverityInfo()) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo">{{ message().message }}</p>
+        @if (message().masInfo) {
+          <span>
+            <pre>{{ message().masInfo }}</pre>
+          </span>
+        }
+        <footer>
+          <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">&nbsp;</div>
+        </footer>
+      </p-dialog>
+    }
+    @if (isSeverityInfo() && !message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <p class="mensaje-dialogo" [innerHTML]="message().message"></p>
+      </p-dialog>
+    }
+    @if (message().json) {
+      <p-dialog
+        class="scroll-y scroll-{{ message().height }}"
+        header="{{ message().title }}"
+        [visible]="display()"
+        (visibleChange)="display.set($event)"
+        [style]="{ width: '50vw' }"
+        [breakpoints]="{ '1199px': '65vw', '767px': '80vw', '575px': '95vw' }"
+        [baseZIndex]="10000"
+        [modal]="message().modal"
+        showEffect="fade"
+        position="top"
+        >
+        <pre [innerHTML]="syntaxHighlight(message().message)"></pre>
+      </p-dialog>
+    }
     `
                     //styleUrls: ["bit-dialog.component.css"]
                     ,
@@ -2812,11 +2812,11 @@ class BitPajigatorComponent {
         this.onPageChange.emit(this.page());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPajigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", itemsPerPage: "itemsPerPageChange", onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n    @if (paginator()) {   \n      @if (maxCurrentItems() >= totalItems()) {\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\n      }\n      @if (maxCurrentItems() < totalItems()) {\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n      }\n    } @else {\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\n    }\n    </div>\n  @if (paginator()) {  \n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select appendTo=\"body\"\n        [options]=\"rowsPerPageOptions()\"\n        [ngModel]=\"itemsPerPage()\"\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\n    </div>\n    <div class=\"pajigator-range-actions\">\n      @if (showPageInfo()) {\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\n      }\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\n    </div>\n  }  \n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: CantidadMonedaPipe, name: "cantidadMoneda" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitPajigatorComponent, isStandalone: false, selector: "bit-pajigator", inputs: { paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange", itemsPerPage: "itemsPerPageChange", onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\r\n  <div class=\"pajigator-container\">\r\n    <div class=\"pajigator-results-container\">\r\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\r\n    @if (paginator()) {   \r\n      @if (maxCurrentItems() >= totalItems()) {\r\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n      }\r\n      @if (maxCurrentItems() < totalItems()) {\r\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n      }\r\n    } @else {\r\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n    }\r\n    </div>\r\n  @if (paginator()) {  \r\n    <div class=\"pajigator-page-size\">\r\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\r\n      <!-- appendTo=\"body\"--->\r\n      <p-select appendTo=\"body\"\r\n        [options]=\"rowsPerPageOptions()\"\r\n        [ngModel]=\"itemsPerPage()\"\r\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\r\n    </div>\r\n    <div class=\"pajigator-range-actions\">\r\n      @if (showPageInfo()) {\r\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\r\n      }\r\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\r\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\r\n    </div>\r\n  }  \r\n  </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: CantidadMonedaPipe, name: "cantidadMoneda" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitPajigatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-pajigator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\n  <div class=\"pajigator-container\">\n    <div class=\"pajigator-results-container\">\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\n    @if (paginator()) {   \n      @if (maxCurrentItems() >= totalItems()) {\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\n      }\n      @if (maxCurrentItems() < totalItems()) {\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n      }\n    } @else {\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\n    }\n    </div>\n  @if (paginator()) {  \n    <div class=\"pajigator-page-size\">\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <!-- appendTo=\"body\"--->\n      <p-select appendTo=\"body\"\n        [options]=\"rowsPerPageOptions()\"\n        [ngModel]=\"itemsPerPage()\"\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\n    </div>\n    <div class=\"pajigator-range-actions\">\n      @if (showPageInfo()) {\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\n      }\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\n    </div>\n  }  \n  </div>\n</div>" }]
+            args: [{ selector: 'bit-pajigator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div [class]=\"paginator() ? 'pajigator-outer-container' : 'pajigator-outer-container-single-result'\">\r\n  <div class=\"pajigator-container\">\r\n    <div class=\"pajigator-results-container\">\r\n      <span class=\"pajigator-results-label\">{{\"bitnglibrary.footer.results\" | transloco}}</span>\r\n    @if (paginator()) {   \r\n      @if (maxCurrentItems() >= totalItems()) {\r\n        <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n      }\r\n      @if (maxCurrentItems() < totalItems()) {\r\n        <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n      }\r\n    } @else {\r\n      <span>{{totalItems() | cantidadMoneda:0}}</span>\r\n    }\r\n    </div>\r\n  @if (paginator()) {  \r\n    <div class=\"pajigator-page-size\">\r\n      <div class=\"pajigator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\r\n      <!-- appendTo=\"body\"--->\r\n      <p-select appendTo=\"body\"\r\n        [options]=\"rowsPerPageOptions()\"\r\n        [ngModel]=\"itemsPerPage()\"\r\n        (ngModelChange)=\"changeItemsPerpage($event)\" />\r\n    </div>\r\n    <div class=\"pajigator-range-actions\">\r\n      @if (showPageInfo()) {\r\n        <div class=\"pajigator-range-label\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page()}} de {{maxPages()}} </div>\r\n      }\r\n      <p-button (onClick)=\"changePage(-1)\" [disabled]=\"!showLeftNavigationButton()\" severity=\"primary\" label=\"&#60;\" ariaLabel=\"P\u00E0gina anterior\" />\r\n      <p-button (onClick)=\"changePage(1)\" [disabled]=\"!showRightNavigationButton()\" severity=\"primary\" label=\"&#62;\" ariaLabel=\"P\u00E0gina seg\u00FCent\" />\r\n    </div>\r\n  }  \r\n  </div>\r\n</div>" }]
         }], propDecorators: { paginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginator", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], rowsPerPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowsPerPageOptions", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], maxCurrentItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCurrentItems", required: false }] }], onPageChange: [{ type: i0.Output, args: ["onPageChange"] }], onPageSizeChange: [{ type: i0.Output, args: ["onPageSizeChange"] }] } });
 
 class BitHelpComponent {
@@ -2834,19 +2834,19 @@ class BitHelpComponent {
         this.ayuda.set(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHelpComponent, isStandalone: false, selector: "bit-help", ngImport: i0, template: `
-    @if (mostrarAyuda()) {
-      <div class="ventana-ayuda">
-        <div class="ayuda-header">
-          {{ ayuda().header }}
-          <span class="fa fa-close" (click)="hideAyuda()"></span>
-        </div>
-        <div class="ayuda-body">
-          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
-          <p [innerHTML]="ayuda().body"></p>
-        </div>
-      </div>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHelpComponent, isStandalone: false, selector: "bit-help", ngImport: i0, template: `
+    @if (mostrarAyuda()) {
+      <div class="ventana-ayuda">
+        <div class="ayuda-header">
+          {{ ayuda().header }}
+          <span class="fa fa-close" (click)="hideAyuda()"></span>
+        </div>
+        <div class="ayuda-body">
+          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
+          <p [innerHTML]="ayuda().body"></p>
+        </div>
+      </div>
+    }
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHelpComponent, decorators: [{
@@ -2854,19 +2854,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     selector: "bit-help",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    @if (mostrarAyuda()) {
-      <div class="ventana-ayuda">
-        <div class="ayuda-header">
-          {{ ayuda().header }}
-          <span class="fa fa-close" (click)="hideAyuda()"></span>
-        </div>
-        <div class="ayuda-body">
-          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
-          <p [innerHTML]="ayuda().body"></p>
-        </div>
-      </div>
-    }
+                    template: `
+    @if (mostrarAyuda()) {
+      <div class="ventana-ayuda">
+        <div class="ayuda-header">
+          {{ ayuda().header }}
+          <span class="fa fa-close" (click)="hideAyuda()"></span>
+        </div>
+        <div class="ayuda-body">
+          <p class="ayuda-subtitulo" [innerHTML]="ayuda().title"></p>
+          <p [innerHTML]="ayuda().body"></p>
+        </div>
+      </div>
+    }
     `
                     //styleUrls: ["bit-help.component.css"]
                     ,
@@ -2966,11 +2966,11 @@ class BitFooterMessagesComponent {
         }, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitFooterMessagesComponent, isStandalone: false, selector: "bit-footer-messages", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\n  <div [class]=\"getStyle()\">\n    <i class=\"fa fa-info\"></i>\n    <span>{{message()}}</span>\n  </div>\n\n  <bit-help />\n</div>", dependencies: [{ kind: "component", type: BitHelpComponent, selector: "bit-help" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitFooterMessagesComponent, isStandalone: false, selector: "bit-footer-messages", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, maxCurrentItems: { classPropertyName: "maxCurrentItems", publicName: "maxCurrentItems", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div>\r\n  <div [class]=\"getStyle()\">\r\n    <i class=\"fa fa-info\"></i>\r\n    <span>{{message()}}</span>\r\n  </div>\r\n\r\n  <bit-help />\r\n</div>", dependencies: [{ kind: "component", type: BitHelpComponent, selector: "bit-help" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterMessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-footer-messages', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div>\n  <div [class]=\"getStyle()\">\n    <i class=\"fa fa-info\"></i>\n    <span>{{message()}}</span>\n  </div>\n\n  <bit-help />\n</div>" }]
+            args: [{ selector: 'bit-footer-messages', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div>\r\n  <div [class]=\"getStyle()\">\r\n    <i class=\"fa fa-info\"></i>\r\n    <span>{{message()}}</span>\r\n  </div>\r\n\r\n  <bit-help />\r\n</div>" }]
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], maxCurrentItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCurrentItems", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], typeFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
 /**
@@ -3019,11 +3019,11 @@ class BitFooterComponent {
         this.onNewPageSize.emit(pageSize);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitFooterComponent, isStandalone: false, selector: "bit-footer", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, ngImport: i0, template: "<footer [class]=\"getStyle()\">\n\n  @if (showScroll()) {\n    <div class=\"scroll-outer-container\">\n      <div class=\"pajigator-container\">\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\n        @if (maxCurrentItems() >= totalItems()) {\n          <span>{{totalItems()}}</span>\n        }\n        @if (maxCurrentItems() < totalItems()) {\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n        }\n      </div>\n    </div>\n  }\n\n  @if (showPajigator()) {\n    <bit-pajigator [paginator]=\"paginator()\"\n      [totalItems]=\"totalItems()\"\n      [page]=\"page()\"\n      [itemsPerPage]=\"itemsPerPage()\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\n  }\n\n  @if (mostrarAvisos()) {\n    <bit-footer-messages [type]=\"typeFooter()\"\n      [status]=\"status()\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      [totalItems]=\"totalItems()\" />\n  }\n\n</footer>\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["paginator", "page", "totalItems", "rowsPerPageOptions", "itemsPerPage", "maxCurrentItems"], outputs: ["pageChange", "itemsPerPageChange", "onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["status", "maxCurrentItems", "totalItems", "type"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitFooterComponent, isStandalone: false, selector: "bit-footer", inputs: { totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, paginator: { classPropertyName: "paginator", publicName: "paginator", isSignal: true, isRequired: false, transformFunction: null }, mostrarAvisos: { classPropertyName: "mostrarAvisos", publicName: "mostrarAvisos", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, typeFooter: { classPropertyName: "typeFooter", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageChange: "onPageChange", onNewPageSize: "onNewPageSize" }, ngImport: i0, template: "<footer [class]=\"getStyle()\">\r\n\r\n  @if (showScroll()) {\r\n    <div class=\"scroll-outer-container\">\r\n      <div class=\"pajigator-container\">\r\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\r\n        @if (maxCurrentItems() >= totalItems()) {\r\n          <span>{{totalItems()}}</span>\r\n        }\r\n        @if (maxCurrentItems() < totalItems()) {\r\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (showPajigator()) {\r\n    <bit-pajigator [paginator]=\"paginator()\"\r\n      [totalItems]=\"totalItems()\"\r\n      [page]=\"page()\"\r\n      [itemsPerPage]=\"itemsPerPage()\"\r\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      (onPageChange)=\"pageChange($event)\"\r\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\r\n  }\r\n\r\n  @if (mostrarAvisos()) {\r\n    <bit-footer-messages [type]=\"typeFooter()\"\r\n      [status]=\"status()\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      [totalItems]=\"totalItems()\" />\r\n  }\r\n\r\n</footer>\r\n", dependencies: [{ kind: "component", type: BitPajigatorComponent, selector: "bit-pajigator", inputs: ["paginator", "page", "totalItems", "rowsPerPageOptions", "itemsPerPage", "maxCurrentItems"], outputs: ["pageChange", "itemsPerPageChange", "onPageChange", "onPageSizeChange"] }, { kind: "component", type: BitFooterMessagesComponent, selector: "bit-footer-messages", inputs: ["status", "maxCurrentItems", "totalItems", "type"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-footer", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<footer [class]=\"getStyle()\">\n\n  @if (showScroll()) {\n    <div class=\"scroll-outer-container\">\n      <div class=\"pajigator-container\">\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\n        @if (maxCurrentItems() >= totalItems()) {\n          <span>{{totalItems()}}</span>\n        }\n        @if (maxCurrentItems() < totalItems()) {\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\n        }\n      </div>\n    </div>\n  }\n\n  @if (showPajigator()) {\n    <bit-pajigator [paginator]=\"paginator()\"\n      [totalItems]=\"totalItems()\"\n      [page]=\"page()\"\n      [itemsPerPage]=\"itemsPerPage()\"\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      (onPageChange)=\"pageChange($event)\"\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\n  }\n\n  @if (mostrarAvisos()) {\n    <bit-footer-messages [type]=\"typeFooter()\"\n      [status]=\"status()\"\n      [maxCurrentItems]=\"maxCurrentItems()\"\n      [totalItems]=\"totalItems()\" />\n  }\n\n</footer>\n" }]
+            args: [{ selector: "bit-footer", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<footer [class]=\"getStyle()\">\r\n\r\n  @if (showScroll()) {\r\n    <div class=\"scroll-outer-container\">\r\n      <div class=\"pajigator-container\">\r\n        <label>{{\"bitnglibrary.footer.results\" | transloco}}</label>\r\n        @if (maxCurrentItems() >= totalItems()) {\r\n          <span>{{totalItems()}}</span>\r\n        }\r\n        @if (maxCurrentItems() < totalItems()) {\r\n          <span>{{maxCurrentItems()}} / {{totalItems()}}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  @if (showPajigator()) {\r\n    <bit-pajigator [paginator]=\"paginator()\"\r\n      [totalItems]=\"totalItems()\"\r\n      [page]=\"page()\"\r\n      [itemsPerPage]=\"itemsPerPage()\"\r\n      [rowsPerPageOptions]=\"[baseItemsPerPage,baseItemsPerPage*2,baseItemsPerPage*4,baseItemsPerPage*10,baseItemsPerPage*50]\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      (onPageChange)=\"pageChange($event)\"\r\n      (onPageSizeChange)=\"pageSizeChange($event)\" />\r\n  }\r\n\r\n  @if (mostrarAvisos()) {\r\n    <bit-footer-messages [type]=\"typeFooter()\"\r\n      [status]=\"status()\"\r\n      [maxCurrentItems]=\"maxCurrentItems()\"\r\n      [totalItems]=\"totalItems()\" />\r\n  }\r\n\r\n</footer>\r\n" }]
         }], propDecorators: { totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], paginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginator", required: false }] }], mostrarAvisos: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarAvisos", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], typeFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], onPageChange: [{ type: i0.Output, args: ["onPageChange"] }], onNewPageSize: [{ type: i0.Output, args: ["onNewPageSize"] }] } });
 
 class BitBotonAyudaComponent {
@@ -3038,16 +3038,16 @@ class BitBotonAyudaComponent {
         this.ayudaService.mostrarAyuda(this.ayuda());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBotonAyudaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBotonAyudaComponent, isStandalone: false, selector: "bit-boton-ayuda", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, boton: { classPropertyName: "boton", publicName: "boton", isSignal: true, isRequired: false, transformFunction: null }, extraClass: { classPropertyName: "extraClass", publicName: "extraClass", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (boton()) {
-      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
-        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
-      </p-button>
-    }
-
-    @if (!boton()) {
-      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitBotonAyudaComponent, isStandalone: false, selector: "bit-boton-ayuda", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, boton: { classPropertyName: "boton", publicName: "boton", isSignal: true, isRequired: false, transformFunction: null }, extraClass: { classPropertyName: "extraClass", publicName: "extraClass", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (boton()) {
+      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
+        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
+      </p-button>
+    }
+
+    @if (!boton()) {
+      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
@@ -3055,16 +3055,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-boton-ayuda",
-                    template: `
-    @if (boton()) {
-      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
-        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
-      </p-button>
-    }
-
-    @if (!boton()) {
-      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
-    }
+                    template: `
+    @if (boton()) {
+      <p-button type="button" (onClick)="mostrarAyuda()" [size]="buttonSize()" [ngClass]="'p-button-outlined p-button-secondary ' + extraClass()">
+        {{ "bitnglibrary.help" | transloco }}&nbsp;&nbsp;<span class="fa fa-life-ring"></span>
+      </p-button>
+    }
+
+    @if (!boton()) {
+      <i [ngClass]="'btn-ayuda fa fa-question ' + extraClass()" (click)="mostrarAyuda()"></i>
+    }
   `,
                     standalone: false
                 }]
@@ -3201,11 +3201,11 @@ class BitToolbarComponent extends BaseComponent {
         return toolbarItem.otherAction && toolbarItem.visible && (!this.otherActionsDropdown() || toolbarItem.displayAsButton === true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"contenedor-toolbar\">\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\n  }\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\n  @for (button of itemsOtherActionsEnBoton(); track button) {\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n  }\n\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\n  }\n  @if (visible('add')) {\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n  }\n\n  @if (visible('export')) {\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n  }\n  @if (visible('save')) {\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n  }\n  @if (visible('delete')) {\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n  }\n  @if (visible('print')) {\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n  }\n  @if (ayuda()) {\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\n  }\n</div>\n", dependencies: [{ kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2$2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitToolbarComponent, isStandalone: false, selector: "bit-toolbar", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, buttonSize: { classPropertyName: "buttonSize", publicName: "buttonSize", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"contenedor-toolbar\">\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\r\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\r\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\r\n  }\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\r\n  @for (button of itemsOtherActionsEnBoton(); track button) {\r\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\r\n  }\r\n\r\n  <!-- acciones estandar -->\r\n  @if (visible('new')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n  @if (visible('add')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n\r\n  @if (visible('export')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\r\n  }\r\n  @if (visible('save')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\r\n  }\r\n  @if (visible('delete')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\r\n  }\r\n  @if (visible('print')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\r\n  }\r\n  @if (ayuda()) {\r\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i2$2.SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass", "buttonSize"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-toolbar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"contenedor-toolbar\">\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\n  }\n\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\n  @for (button of itemsOtherActionsEnBoton(); track button) {\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n  }\n\n  <!-- acciones estandar -->\n  @if (visible('new')) {\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\n  }\n  @if (visible('add')) {\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n  }\n\n  @if (visible('export')) {\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n  }\n  @if (visible('save')) {\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n  }\n  @if (visible('delete')) {\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n  }\n  @if (visible('print')) {\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n  }\n  @if (ayuda()) {\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\n  }\n</div>\n" }]
+            args: [{ selector: "bit-toolbar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"contenedor-toolbar\">\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se deben incluir en un desplegable -->\r\n  @if (itemsOtherActionsEnDesplegable().length > 1) {\r\n    <p-splitbutton #sb label=\"{{'bitnglibrary.toolbar.' + otherActionsLabel() | transloco}}\" [model]=\"itemsOtherActionsEnDesplegable()\" (onClick)=\"onSplitButtonLabelClick(sb, $event)\" />\r\n  }\r\n\r\n  <!-- acciones no estandar definidas din\u00E1micamente o muy particulares que se muestran una tras otra en l\u00EDnea -->\r\n  @for (button of itemsOtherActionsEnBoton(); track button) {\r\n    <p-button type=\"button\" [disabled]=\"!button.enable\" (onClick)=\"otherAction(button)\" [size]=\"buttonSize()\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\r\n  }\r\n\r\n  <!-- acciones estandar -->\r\n  @if (visible('new')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('new')\" (onClick)=\"newElement()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{(femenino() ? \"bitnglibrary.toolbar.new-female\": \"bitnglibrary.toolbar.new\") | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('new', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n  @if (visible('add')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('add')\" (onClick)=\"add()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\r\n  }\r\n\r\n  @if (visible('export')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('export')\" (onClick)=\"exportData()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\r\n  }\r\n  @if (visible('save')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('save')\" (onClick)=\"save()\" [size]=\"buttonSize()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\r\n  }\r\n  @if (visible('delete')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('delete')\" (onClick)=\"delete()\" [size]=\"buttonSize()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\r\n  }\r\n  @if (visible('print')) {\r\n    <p-button type=\"button\" [disabled]=\"!enable('print')\" (onClick)=\"print()\" [size]=\"buttonSize()\" styleClass=\"p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\r\n  }\r\n  @if (ayuda()) {\r\n    <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda()\" [buttonSize]=\"buttonSize()\" />\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], femenino: [{ type: i0.Input, args: [{ isSignal: true, alias: "femenino", required: false }] }], buttonSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSize", required: false }] }], otherActionsDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherActionsDropdown", required: false }] }], onToolbarButtonPressed: [{ type: i0.Output, args: ["onToolbarButtonPressed"] }] } });
 
 /**
@@ -3230,11 +3230,11 @@ class BitHeaderComponent {
         this.onToolbarButtonPressed.emit(button);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHeaderComponent, isStandalone: false, selector: "bit-header", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null }, masacciones: { classPropertyName: "masacciones", publicName: "masacciones", isSignal: true, isRequired: false, transformFunction: null }, colsBreadcrumb: { classPropertyName: "colsBreadcrumb", publicName: "colsBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, ngImport: i0, template: "<!-- <div class=\"grid mt-3 mb-3\">\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\n  <!-- ruta de donde nos encontramos (miga de pan) -->\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\n</div>\n<div *ngIf=\"noToolbar === false\"\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\n  <!-- botonera de acciones -->\n  <!-- <bit-toolbar\n  [toolbar]=\"toolbar\"\n  [femenino]=\"femenino\"\n  [otherActionsDropdown]=\"otherActionsDropdown\"\n  [ayuda]=\"ayuda\"\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\n</div>\n</div> -->\n\n<div class=\"grid mt-3 mb-3\">\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\n    <!-- ruta de donde nos encontramos (miga de pan) -->\n    @if (breadcrumb()) {\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\n    }\n  </div>\n  @if (noToolbar() === false) {\n    <div\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\n      <!-- botonera de acciones -->\n      <bit-toolbar [toolbar]=\"toolbar()\"\n        [femenino]=\"femenino()\"\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\n        [ayuda]=\"ayuda()\"\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\n    </div>\n  }\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BitBreadCrumbComponent, selector: "bit-breadcrumb", inputs: ["breadcrumb"] }, { kind: "component", type: BitToolbarComponent, selector: "bit-toolbar", inputs: ["toolbar", "ayuda", "femenino", "buttonSize", "otherActionsDropdown"], outputs: ["onToolbarButtonPressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitHeaderComponent, isStandalone: false, selector: "bit-header", inputs: { toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, noToolbar: { classPropertyName: "noToolbar", publicName: "noToolbar", isSignal: true, isRequired: false, transformFunction: null }, otherActionsDropdown: { classPropertyName: "otherActionsDropdown", publicName: "otherActionsDropdown", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null }, masacciones: { classPropertyName: "masacciones", publicName: "masacciones", isSignal: true, isRequired: false, transformFunction: null }, colsBreadcrumb: { classPropertyName: "colsBreadcrumb", publicName: "colsBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, femenino: { classPropertyName: "femenino", publicName: "femenino", isSignal: true, isRequired: false, transformFunction: null }, ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, ngImport: i0, template: "<!-- <div class=\"grid mt-3 mb-3\">\r\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\r\n  <!-- ruta de donde nos encontramos (miga de pan) -->\r\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\r\n</div>\r\n<div *ngIf=\"noToolbar === false\"\r\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\r\n  <!-- botonera de acciones -->\r\n  <!-- <bit-toolbar\r\n  [toolbar]=\"toolbar\"\r\n  [femenino]=\"femenino\"\r\n  [otherActionsDropdown]=\"otherActionsDropdown\"\r\n  [ayuda]=\"ayuda\"\r\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\r\n</div>\r\n</div> -->\r\n\r\n<div class=\"grid mt-3 mb-3\">\r\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\r\n    <!-- ruta de donde nos encontramos (miga de pan) -->\r\n    @if (breadcrumb()) {\r\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\r\n    }\r\n  </div>\r\n  @if (noToolbar() === false) {\r\n    <div\r\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\r\n      <!-- botonera de acciones -->\r\n      <bit-toolbar [toolbar]=\"toolbar()\"\r\n        [femenino]=\"femenino()\"\r\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\r\n        [ayuda]=\"ayuda()\"\r\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BitBreadCrumbComponent, selector: "bit-breadcrumb", inputs: ["breadcrumb"] }, { kind: "component", type: BitToolbarComponent, selector: "bit-toolbar", inputs: ["toolbar", "ayuda", "femenino", "buttonSize", "otherActionsDropdown"], outputs: ["onToolbarButtonPressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-header", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"grid mt-3 mb-3\">\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\n  <!-- ruta de donde nos encontramos (miga de pan) -->\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\n</div>\n<div *ngIf=\"noToolbar === false\"\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\n  <!-- botonera de acciones -->\n  <!-- <bit-toolbar\n  [toolbar]=\"toolbar\"\n  [femenino]=\"femenino\"\n  [otherActionsDropdown]=\"otherActionsDropdown\"\n  [ayuda]=\"ayuda\"\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\n</div>\n</div> -->\n\n<div class=\"grid mt-3 mb-3\">\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\n    <!-- ruta de donde nos encontramos (miga de pan) -->\n    @if (breadcrumb()) {\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\n    }\n  </div>\n  @if (noToolbar() === false) {\n    <div\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\n      <!-- botonera de acciones -->\n      <bit-toolbar [toolbar]=\"toolbar()\"\n        [femenino]=\"femenino()\"\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\n        [ayuda]=\"ayuda()\"\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\n    </div>\n  }\n</div>" }]
+            args: [{ selector: "bit-header", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"grid mt-3 mb-3\">\r\n<div class=\"col-12 lg:col-4 sm:col-4 caja-breadcrumb\"> -->\r\n  <!-- ruta de donde nos encontramos (miga de pan) -->\r\n  <!-- <bit-breadcrumb *ngIf=\"breadcrumb\" [breadcrumb]=\"breadcrumb\"></bit-breadcrumb>\r\n</div>\r\n<div *ngIf=\"noToolbar === false\"\r\n  class=\"col-12 lg:col-8 sm:col-8\"> -->\r\n  <!-- botonera de acciones -->\r\n  <!-- <bit-toolbar\r\n  [toolbar]=\"toolbar\"\r\n  [femenino]=\"femenino\"\r\n  [otherActionsDropdown]=\"otherActionsDropdown\"\r\n  [ayuda]=\"ayuda\"\r\n(onToolbarButtonPressed)=\"onTBPressed($event)\"></bit-toolbar>\r\n</div>\r\n</div> -->\r\n\r\n<div class=\"grid mt-3 mb-3\">\r\n  <div class=\"col-12 caja-breadcrumb\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + colsBreadcrumb() : 'lg:col-4']\">\r\n    <!-- ruta de donde nos encontramos (miga de pan) -->\r\n    @if (breadcrumb()) {\r\n      <bit-breadcrumb [breadcrumb]=\"breadcrumb()\" />\r\n    }\r\n  </div>\r\n  @if (noToolbar() === false) {\r\n    <div\r\n      class=\"col-12\" [ngClass]=\"[colsBreadcrumb() ? 'lg:col-' + (12- colsBreadcrumb()) : 'lg:col-8']\">\r\n      <!-- botonera de acciones -->\r\n      <bit-toolbar [toolbar]=\"toolbar()\"\r\n        [femenino]=\"femenino()\"\r\n        [otherActionsDropdown]=\"otherActionsDropdown()\"\r\n        [ayuda]=\"ayuda()\"\r\n      (onToolbarButtonPressed)=\"onTBPressed($event)\" />\r\n    </div>\r\n  }\r\n</div>" }]
         }], propDecorators: { toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], noToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "noToolbar", required: false }] }], otherActionsDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "otherActionsDropdown", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], masacciones: [{ type: i0.Input, args: [{ isSignal: true, alias: "masacciones", required: false }] }], colsBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "colsBreadcrumb", required: false }] }], femenino: [{ type: i0.Input, args: [{ isSignal: true, alias: "femenino", required: false }] }], ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], onToolbarButtonPressed: [{ type: i0.Output, args: ["onToolbarButtonPressed"] }] } });
 
 class BitLoadingComponent {
@@ -3248,16 +3248,16 @@ class BitLoadingComponent {
         this.generalUtils.loading.set(0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitLoadingComponent, isStandalone: false, selector: "bit-loading", inputs: { imageSource: { classPropertyName: "imageSource", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-      @if (loading()) {
-        <div class="modal">
-          <div class="grid">
-            <div class="col-12 text-center">
-              <i class="pi pi-spin pi-spinner icono-loading"></i>
-            </div>
-          </div>
-        </div>
-      }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitLoadingComponent, isStandalone: false, selector: "bit-loading", inputs: { imageSource: { classPropertyName: "imageSource", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+      @if (loading()) {
+        <div class="modal">
+          <div class="grid">
+            <div class="col-12 text-center">
+              <i class="pi pi-spin pi-spinner icono-loading"></i>
+            </div>
+          </div>
+        </div>
+      }
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLoadingComponent, decorators: [{
@@ -3265,16 +3265,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-loading",
-                    template: `
-      @if (loading()) {
-        <div class="modal">
-          <div class="grid">
-            <div class="col-12 text-center">
-              <i class="pi pi-spin pi-spinner icono-loading"></i>
-            </div>
-          </div>
-        </div>
-      }
+                    template: `
+      @if (loading()) {
+        <div class="modal">
+          <div class="grid">
+            <div class="col-12 text-center">
+              <i class="pi pi-spin pi-spinner icono-loading"></i>
+            </div>
+          </div>
+        </div>
+      }
     `,
                     standalone: false
                 }]
@@ -3598,11 +3598,11 @@ class BitNGUploadComponent {
         this.hasBaseDropZoneOver.set(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNGUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: { classPropertyName: "uploader", publicName: "uploader", isSignal: true, isRequired: true, transformFunction: null }, hasDropZone: { classPropertyName: "hasDropZone", publicName: "hasDropZone", isSignal: true, isRequired: false, transformFunction: null }, hasQueue: { classPropertyName: "hasQueue", publicName: "hasQueue", isSignal: true, isRequired: false, transformFunction: null }, hasSingleUpload: { classPropertyName: "hasSingleUpload", publicName: "hasSingleUpload", isSignal: true, isRequired: false, transformFunction: null }, hasMultipleUpload: { classPropertyName: "hasMultipleUpload", publicName: "hasMultipleUpload", isSignal: true, isRequired: false, transformFunction: null }, deleteItemAfterUpload: { classPropertyName: "deleteItemAfterUpload", publicName: "deleteItemAfterUpload", isSignal: true, isRequired: false, transformFunction: null }, canUpload: { classPropertyName: "canUpload", publicName: "canUpload", isSignal: true, isRequired: false, transformFunction: null }, hasProgressBar: { classPropertyName: "hasProgressBar", publicName: "hasProgressBar", isSignal: true, isRequired: false, transformFunction: null }, sizeDropZone: { classPropertyName: "sizeDropZone", publicName: "sizeDropZone", isSignal: true, isRequired: false, transformFunction: null }, sizeQueue: { classPropertyName: "sizeQueue", publicName: "sizeQueue", isSignal: true, isRequired: false, transformFunction: null }, inputAccept: { classPropertyName: "inputAccept", publicName: "inputAccept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    @if (hasDropZone()) {\n      <div\n        ng2FileDrop\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\n        (fileOver)=\"fileOverBase($event)\"\n        [uploader]=\"uploader()\"\n        class=\"well my-drop-zone\">\n        <div class=\"contenedor-upload\">\n          <i class=\"fa fa-file documento\"></i>\n          <div>\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\n            <div class=\"grid\">\n              <div class=\"col-12\">\n                @if (hasMultipleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                  </label>\n                }\n                @if (hasSingleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                  </label>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n<div class=\"grid\">\n  @if (hasQueue()) {\n    <div class=\"col-12\">\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\n      <p-table [value]=\"uploader()?.queue\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n            @if (uploader().options.isHTML5) {\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n            }\n            @if (canUpload()) {\n              <th>Estat</th>\n            }\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item>\n          <tr>\n            <td><strong>{{ item?.file?.name }}</strong></td>\n            @if (uploader()?.options?.isHTML5) {\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <td>\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\n                </div>\n              </td>\n            }\n            @if (canUpload()) {\n              <td class=\"p-text-center\">\n                @if (item.isSuccess) {\n                  <span><i class=\"fa fa-check\"></i></span>\n                }\n                @if (item.isCancel) {\n                  <span><i class=\"fa fa-ban\"></i></span>\n                }\n                @if (item.isError) {\n                  <span><i class=\"fa fa-times\"></i></span>\n                }\n              </td>\n            }\n            <td nowrap>\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\n              }\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (onClick)=\"removeFile(item)\" />\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (hasProgressBar()) {\n        <div class=\"cola-progreso\">\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\n          <div class=\"progress\">\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\n          </div>\n        </div>\n      }\n      <div>\n\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\n        }\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i5.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitNGUploadComponent, isStandalone: false, selector: "bit-ng-upload", inputs: { uploader: { classPropertyName: "uploader", publicName: "uploader", isSignal: true, isRequired: true, transformFunction: null }, hasDropZone: { classPropertyName: "hasDropZone", publicName: "hasDropZone", isSignal: true, isRequired: false, transformFunction: null }, hasQueue: { classPropertyName: "hasQueue", publicName: "hasQueue", isSignal: true, isRequired: false, transformFunction: null }, hasSingleUpload: { classPropertyName: "hasSingleUpload", publicName: "hasSingleUpload", isSignal: true, isRequired: false, transformFunction: null }, hasMultipleUpload: { classPropertyName: "hasMultipleUpload", publicName: "hasMultipleUpload", isSignal: true, isRequired: false, transformFunction: null }, deleteItemAfterUpload: { classPropertyName: "deleteItemAfterUpload", publicName: "deleteItemAfterUpload", isSignal: true, isRequired: false, transformFunction: null }, canUpload: { classPropertyName: "canUpload", publicName: "canUpload", isSignal: true, isRequired: false, transformFunction: null }, hasProgressBar: { classPropertyName: "hasProgressBar", publicName: "hasProgressBar", isSignal: true, isRequired: false, transformFunction: null }, sizeDropZone: { classPropertyName: "sizeDropZone", publicName: "sizeDropZone", isSignal: true, isRequired: false, transformFunction: null }, sizeQueue: { classPropertyName: "sizeQueue", publicName: "sizeQueue", isSignal: true, isRequired: false, transformFunction: null }, inputAccept: { classPropertyName: "inputAccept", publicName: "inputAccept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    @if (hasDropZone()) {\r\n      <div\r\n        ng2FileDrop\r\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\r\n        (fileOver)=\"fileOverBase($event)\"\r\n        [uploader]=\"uploader()\"\r\n        class=\"well my-drop-zone\">\r\n        <div class=\"contenedor-upload\">\r\n          <i class=\"fa fa-file documento\"></i>\r\n          <div>\r\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\r\n            <div class=\"grid\">\r\n              <div class=\"col-12\">\r\n                @if (hasMultipleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\r\n                  </label>\r\n                }\r\n                @if (hasSingleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\r\n                  </label>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"grid\">\r\n  @if (hasQueue()) {\r\n    <div class=\"col-12\">\r\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\r\n      <p-table [value]=\"uploader()?.queue\">\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\r\n            @if (uploader().options.isHTML5) {\r\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\r\n            }\r\n            @if (canUpload()) {\r\n              <th>Estat</th>\r\n            }\r\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-item>\r\n          <tr>\r\n            <td><strong>{{ item?.file?.name }}</strong></td>\r\n            @if (uploader()?.options?.isHTML5) {\r\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <td>\r\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\r\n                </div>\r\n              </td>\r\n            }\r\n            @if (canUpload()) {\r\n              <td class=\"p-text-center\">\r\n                @if (item.isSuccess) {\r\n                  <span><i class=\"fa fa-check\"></i></span>\r\n                }\r\n                @if (item.isCancel) {\r\n                  <span><i class=\"fa fa-ban\"></i></span>\r\n                }\r\n                @if (item.isError) {\r\n                  <span><i class=\"fa fa-times\"></i></span>\r\n                }\r\n              </td>\r\n            }\r\n            <td nowrap>\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\r\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\r\n              }\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\r\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\r\n              }\r\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\r\n                (onClick)=\"removeFile(item)\" />\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n      @if (hasProgressBar()) {\r\n        <div class=\"cola-progreso\">\r\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\r\n          <div class=\"progress\">\r\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\r\n          </div>\r\n        </div>\r\n      }\r\n      <div>\r\n\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\r\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\r\n        }\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\r\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\r\n        }\r\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\r\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i5.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i5.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNGUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-ng-upload", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    @if (hasDropZone()) {\n      <div\n        ng2FileDrop\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\n        (fileOver)=\"fileOverBase($event)\"\n        [uploader]=\"uploader()\"\n        class=\"well my-drop-zone\">\n        <div class=\"contenedor-upload\">\n          <i class=\"fa fa-file documento\"></i>\n          <div>\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\n            <div class=\"grid\">\n              <div class=\"col-12\">\n                @if (hasMultipleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                  </label>\n                }\n                @if (hasSingleUpload()) {\n                  <label class=\"btn-upload\">\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                  </label>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n<div class=\"grid\">\n  @if (hasQueue()) {\n    <div class=\"col-12\">\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\n      <p-table [value]=\"uploader()?.queue\">\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n            @if (uploader().options.isHTML5) {\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n            }\n            @if (canUpload()) {\n              <th>Estat</th>\n            }\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-item>\n          <tr>\n            <td><strong>{{ item?.file?.name }}</strong></td>\n            @if (uploader()?.options?.isHTML5) {\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n            }\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\n              <td>\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\n                </div>\n              </td>\n            }\n            @if (canUpload()) {\n              <td class=\"p-text-center\">\n                @if (item.isSuccess) {\n                  <span><i class=\"fa fa-check\"></i></span>\n                }\n                @if (item.isCancel) {\n                  <span><i class=\"fa fa-ban\"></i></span>\n                }\n                @if (item.isError) {\n                  <span><i class=\"fa fa-times\"></i></span>\n                }\n              </td>\n            }\n            <td nowrap>\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\n              }\n              @if (canUpload()) {\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\n              }\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                (onClick)=\"removeFile(item)\" />\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n      @if (hasProgressBar()) {\n        <div class=\"cola-progreso\">\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\n          <div class=\"progress\">\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\n          </div>\n        </div>\n      }\n      <div>\n\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\n        }\n        @if (canUpload()) {\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\n        }\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\n      </div>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: "bit-ng-upload", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"grid\">\r\n  <div class=\"col-12\">\r\n    @if (hasDropZone()) {\r\n      <div\r\n        ng2FileDrop\r\n        [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver()}\"\r\n        (fileOver)=\"fileOverBase($event)\"\r\n        [uploader]=\"uploader()\"\r\n        class=\"well my-drop-zone\">\r\n        <div class=\"contenedor-upload\">\r\n          <i class=\"fa fa-file documento\"></i>\r\n          <div>\r\n            <span>{{ \"bitnglibrary.upload.dropfiles\" | transloco }}</span>\r\n            <div class=\"grid\">\r\n              <div class=\"col-12\">\r\n                @if (hasMultipleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" type=\"file\" ng2FileSelect [uploader]=\"uploader()\" multiple [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\r\n                  </label>\r\n                }\r\n                @if (hasSingleUpload()) {\r\n                  <label class=\"btn-upload\">\r\n                    <input autocomplete=\"upload\" #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader()\" [accept]=\"inputAccept()\" />\r\n                    <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\r\n                  </label>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"grid\">\r\n  @if (hasQueue()) {\r\n    <div class=\"col-12\">\r\n      <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader()?.queue?.length }}</p>\r\n      <p-table [value]=\"uploader()?.queue\">\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\r\n            @if (uploader().options.isHTML5) {\r\n              <th>{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <th>{{\"bitnglibrary.upload.progress\" | transloco}}</th>\r\n            }\r\n            @if (canUpload()) {\r\n              <th>Estat</th>\r\n            }\r\n            <th>{{\"bitnglibrary.upload.actions\" | transloco}}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-item>\r\n          <tr>\r\n            <td><strong>{{ item?.file?.name }}</strong></td>\r\n            @if (uploader()?.options?.isHTML5) {\r\n              <td nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\r\n            }\r\n            @if (uploader().options.isHTML5 && hasProgressBar()) {\r\n              <td>\r\n                <div class=\"progress\" style=\"margin-bottom: 0;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': item.progress + '%' }\"></div>\r\n                </div>\r\n              </td>\r\n            }\r\n            @if (canUpload()) {\r\n              <td class=\"p-text-center\">\r\n                @if (item.isSuccess) {\r\n                  <span><i class=\"fa fa-check\"></i></span>\r\n                }\r\n                @if (item.isCancel) {\r\n                  <span><i class=\"fa fa-ban\"></i></span>\r\n                }\r\n                @if (item.isError) {\r\n                  <span><i class=\"fa fa-times\"></i></span>\r\n                }\r\n              </td>\r\n            }\r\n            <td nowrap>\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\r\n                  (onClick)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\" />\r\n              }\r\n              @if (canUpload()) {\r\n                <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\r\n                  (onClick)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\" />\r\n              }\r\n              <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\r\n                (onClick)=\"removeFile(item)\" />\r\n            </td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n      @if (hasProgressBar()) {\r\n        <div class=\"cola-progreso\">\r\n          <span>{{\"bitnglibrary.upload.progressqueue\" | transloco}}<span>{{(uploader()?.progress?.toString() == 'NaN'? (\"bitnglibrary.upload.finishupload\"|transloco): uploader()?.progress + '&nbsp;%')}}</span></span>\r\n          <div class=\"progress\">\r\n            <div class=\"progress-bar\" role=\"progressbar\" [ngStyle]=\"{ 'width': (uploader()?.progress?.toString() == 'NaN'?'0':uploader()?.progress) + '%' }\"></div>\r\n          </div>\r\n        </div>\r\n      }\r\n      <div>\r\n\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\r\n            (onClick)=\"uploadAll()\" [disabled]=\"!(uploader()?.getNotUploadedItems()?.length)\" />\r\n        }\r\n        @if (canUpload()) {\r\n          <p-button icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\r\n            (onClick)=\"cancelQueue()\" [disabled]=\"!(uploader()?.isUploading)\" />\r\n        }\r\n        <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\r\n          (onClick)=\"removeQueue()\" [disabled]=\"!(uploader()?.queue?.length)\" />\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { uploader: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploader", required: true }] }], hasDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDropZone", required: false }] }], hasQueue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasQueue", required: false }] }], hasSingleUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSingleUpload", required: false }] }], hasMultipleUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMultipleUpload", required: false }] }], deleteItemAfterUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteItemAfterUpload", required: false }] }], canUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUpload", required: false }] }], hasProgressBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasProgressBar", required: false }] }], sizeDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeDropZone", required: false }] }], sizeQueue: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeQueue", required: false }] }], inputAccept: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAccept", required: false }] }], onSuccess: [{ type: i0.Output, args: ["onSuccess"] }], onError: [{ type: i0.Output, args: ["onError"] }], fileInput: [{ type: i0.ViewChild, args: ["fileRef", { isSignal: true }] }] } });
 
 /**
@@ -3616,11 +3616,11 @@ class BitUserControlsComponent {
         this.json = computed(() => JSON.stringify(this.usuario(), null, 4), ...(ngDevMode ? [{ debugName: "json" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitUserControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitUserControlsComponent, isStandalone: false, selector: "bit-user-controls", inputs: { usuario: { classPropertyName: "usuario", publicName: "usuario", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (usuario()) {\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitUserControlsComponent, isStandalone: false, selector: "bit-user-controls", inputs: { usuario: { classPropertyName: "usuario", publicName: "usuario", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (usuario()) {\r\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\r\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitUserControlsComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-user-controls", standalone: false, template: "@if (usuario()) {\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\n}" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-user-controls", standalone: false, template: "@if (usuario()) {\r\n    <span class=\"userControls\"><span class=\"fa fa-user\" title=\"{{ json() }}\"></span>&nbsp;&nbsp;{{ usuario().nombreCompleto }} ({{usuario().login}})&nbsp;&nbsp;</span>\r\n}" }]
         }], propDecorators: { usuario: [{ type: i0.Input, args: [{ isSignal: true, alias: "usuario", required: true }] }] } });
 
 /**
@@ -3634,12 +3634,12 @@ class BitColumnBooleanComponent {
         this.textFalse = input("No", ...(ngDevMode ? [{ debugName: "textFalse" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitColumnBooleanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitColumnBooleanComponent, isStandalone: false, selector: "bit-column-boolean", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, textTrue: { classPropertyName: "textTrue", publicName: "textTrue", isSignal: true, isRequired: false, transformFunction: null }, textFalse: { classPropertyName: "textFalse", publicName: "textFalse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (data()) {
-      <span class="ui-cell-data">
-        {{ data()[field()] ? textTrue() : textFalse() }}
-      </span>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitColumnBooleanComponent, isStandalone: false, selector: "bit-column-boolean", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, textTrue: { classPropertyName: "textTrue", publicName: "textTrue", isSignal: true, isRequired: false, transformFunction: null }, textFalse: { classPropertyName: "textFalse", publicName: "textFalse", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (data()) {
+      <span class="ui-cell-data">
+        {{ data()[field()] ? textTrue() : textFalse() }}
+      </span>
+    }
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitColumnBooleanComponent, decorators: [{
@@ -3647,12 +3647,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-column-boolean",
-                    template: `
-    @if (data()) {
-      <span class="ui-cell-data">
-        {{ data()[field()] ? textTrue() : textFalse() }}
-      </span>
-    }
+                    template: `
+    @if (data()) {
+      <span class="ui-cell-data">
+        {{ data()[field()] ? textTrue() : textFalse() }}
+      </span>
+    }
     `,
                     standalone: false
                 }]
@@ -3680,8 +3680,8 @@ class BitDomainValueComponent {
         }, ...(ngDevMode ? [{ debugName: "translatedValue" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDomainValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitDomainValueComponent, isStandalone: false, selector: "bit-domain-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <span>{{ translatedValue() }}</span>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BitDomainValueComponent, isStandalone: false, selector: "bit-domain-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <span>{{ translatedValue() }}</span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDomainValueComponent, decorators: [{
@@ -3689,8 +3689,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: "bit-domain-value",
-                    template: `
-    <span>{{ translatedValue() }}</span>
+                    template: `
+    <span>{{ translatedValue() }}</span>
   `,
                     standalone: false
                 }]
@@ -3726,10 +3726,34 @@ class BitGeneralComponent extends BaseComponent {
             const testid = this.testid();
             return testid ? testid : this.nombre();
         }, ...(ngDevMode ? [{ debugName: "dataTestId" }] : /* istanbul ignore next */ []));
-    }
-    get obligatorio() {
-        let control = this.control();
-        return this.forceObligatorio() || (control && control.errors && control.errors["required"]);
+        /**
+         * Contador que se incrementa cada vez que el FormControl asociado cambia su valor, validadores o validez.
+         * Se usa como dependencia reactiva de la señal `obligatorio` para que ésta se recalcule bajo OnPush / zoneless,
+         * incluso cuando el consumidor llama a `updateValueAndValidity({ emitEvent: false })` (en cuyo caso
+         * `statusChanges` / `valueChanges` no se emiten y un enfoque basado en observables no funcionaría).
+         *
+         * El mecanismo intercepta el método `updateValueAndValidity` del propio control: dado que `setValue`,
+         * `patchValue`, `reset` y los cambios de validadores requieren una llamada a `updateValueAndValidity`
+         * para surtir efecto, este punto único cubre todos los escenarios.
+         */
+        this.controlEvents = toSignal(toObservable(this.control).pipe(switchMap((c) => (c ? c.events.pipe(startWith(null)) : of(null)))), {
+            initialValue: null
+        });
+        /**
+         * Indica si el campo es obligatorio. Es una señal computed que reacciona a:
+         *  - cambios en el input `forceObligatorio`
+         *  - cambios en el input `control`
+         *  - cambios de valor, validadores o validez del propio FormControl (vía `controlEvents`)
+         */
+        /*get obligatorio(): boolean {
+          let control = this.control();
+          return this.forceObligatorio() || (control && control.errors && control.errors["required"]);
+        }*/
+        this.obligatorio = computed(() => {
+            this.controlEvents(); // dependencia reactiva
+            const c = this.control();
+            return this.forceObligatorio() || !!c?.errors?.["required"];
+        }, ...(ngDevMode ? [{ debugName: "obligatorio" }] : /* istanbul ignore next */ []));
     }
     showAyuda() {
         this.ayudaService.mostrarAyuda(this.ayuda());
@@ -3817,19 +3841,23 @@ class BitTextComponent extends BitCustomComponent {
         this.changeComponentValue(this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitTextComponent, isStandalone: false, selector: "bit-text", providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitTextComponent, isStandalone: false, selector: "bit-text", providers: [
+            {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$3.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-text", providers: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-text", providers: [
+                        {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <input\n    pInputText\n    type=\"text\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }
+                    ], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <input\r\n    pInputText\r\n    type=\"text\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }] });
 
 class BitTextAreaComponent extends BitCustomComponent {
@@ -3867,7 +3895,7 @@ class BitTextAreaComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTextAreaComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\n}\n@if (!readOnly()) {\n  <textarea\n    pInputTextarea\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    class=\"{{ estilo() }}\"\n    [rows]=\"filas()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n  ></textarea>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\r\n}\r\n@if (!readOnly()) {\r\n  <textarea\r\n    pInputTextarea\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [placeholder]=\"placeholder()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    class=\"{{ estilo() }}\"\r\n    [rows]=\"filas()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n  ></textarea>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$4.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTextAreaComponent, decorators: [{
             type: Component,
@@ -3875,7 +3903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTextAreaComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\n}\n@if (!readOnly()) {\n  <textarea\n    pInputTextarea\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    autocomplete=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    class=\"{{ estilo() }}\"\n    [rows]=\"filas()\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n  ></textarea>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <pre class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</pre>\r\n}\r\n@if (!readOnly()) {\r\n  <textarea\r\n    pInputTextarea\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    autocomplete=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [placeholder]=\"placeholder()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    class=\"{{ estilo() }}\"\r\n    [rows]=\"filas()\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n  ></textarea>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { filas: [{ type: i0.Input, args: [{ isSignal: true, alias: "filas", required: false }] }] } });
 
 /** Clase general para componentes personalizados de tipo Fecha como puede ser BitDate, BitTime y BitDateTime */
@@ -4011,7 +4039,7 @@ class BitDateComponent extends BitCalendarComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    [readonlyInput]=\"calendarReadOnlyInput()\"\n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    yearRange=\"2000:2050\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    [readonlyInput]=\"calendarReadOnlyInput()\"\r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    yearRange=\"2000:2050\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateComponent, decorators: [{
             type: Component,
@@ -4019,7 +4047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    [readonlyInput]=\"calendarReadOnlyInput()\"\n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    yearRange=\"2000:2050\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    [readonlyInput]=\"calendarReadOnlyInput()\"\r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    yearRange=\"2000:2050\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitTimeComponent extends BitCalendarComponent {
@@ -4063,7 +4091,7 @@ class BitTimeComponent extends BitCalendarComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitTimeComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"HH:mm\"\n    [timeOnly]=\"true\"\n    placeholder=\"{{ placeholder() }}\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    (onTodayClick)=\"_onTodayClick($event)\"\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"HH:mm\"\r\n    [timeOnly]=\"true\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    (onTodayClick)=\"_onTodayClick($event)\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitTimeComponent, decorators: [{
             type: Component,
@@ -4071,7 +4099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitTimeComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"HH:mm\"\n    [timeOnly]=\"true\"\n    placeholder=\"{{ placeholder() }}\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    (onTodayClick)=\"_onTodayClick($event)\"\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"HH:mm\"\r\n    [timeOnly]=\"true\"\r\n    placeholder=\"{{ placeholder() }}\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    (onTodayClick)=\"_onTodayClick($event)\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitDateTimeComponent extends BitCalendarComponent {
@@ -4115,7 +4143,7 @@ class BitDateTimeComponent extends BitCalendarComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitDateTimeComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"    \n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    yearRange=\"2000:2050\"\n    [showTime]=\"true\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"    \r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    yearRange=\"2000:2050\"\r\n    [showTime]=\"true\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$4.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDateTimeComponent, decorators: [{
             type: Component,
@@ -4123,7 +4151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitDateTimeComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-datepicker class=\"FormControl\"\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    autofocus=\"false\"\n    [disabled]=\"isDisabled()\"\n    [(ngModel)]=\"value\"\n    dateFormat=\"dd/mm/yy\"\n    placeholder=\"{{ placeholder() }}\"    \n    [minDate]=\"fechaMinima()\"\n    [maxDate]=\"fechaMaxima()\"\n    [showOtherMonths]=\"true\"\n    [selectOtherMonths]=\"true\"\n    yearRange=\"2000:2050\"\n    [showTime]=\"true\"\n    [firstDayOfWeek]=\"1\"\n    showButtonBar={{showButtonBar()}}\n    [appendTo]=\"appendTo()\"\n    (onSelect)=\"_onSelect(value)\"\n    (onClear)=\"_onClear()\"\n    (onClearClick)=\"_onClear()\"\n    (onFocus)=\"_onFocus()\"\n    (onBlur)=\"_onBlur($event)\"\n    (onInput)=\"_onInput($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (!readOnly()) {\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-datepicker class=\"FormControl\"\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    autofocus=\"false\"\r\n    [disabled]=\"isDisabled()\"\r\n    [(ngModel)]=\"value\"\r\n    dateFormat=\"dd/mm/yy\"\r\n    placeholder=\"{{ placeholder() }}\"    \r\n    [minDate]=\"fechaMinima()\"\r\n    [maxDate]=\"fechaMaxima()\"\r\n    [showOtherMonths]=\"true\"\r\n    [selectOtherMonths]=\"true\"\r\n    yearRange=\"2000:2050\"\r\n    [showTime]=\"true\"\r\n    [firstDayOfWeek]=\"1\"\r\n    showButtonBar={{showButtonBar()}}\r\n    [appendTo]=\"appendTo()\"\r\n    (onSelect)=\"_onSelect(value)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onClearClick)=\"_onClear()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    (onBlur)=\"_onBlur($event)\"\r\n    (onInput)=\"_onInput($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (!readOnly()) {\r\n  <span class=\"glyphicon glyphicon-calendar icono-input\"></span>\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class BitCheckBoxComponent extends BitCustomComponent {
@@ -4146,7 +4174,7 @@ class BitCheckBoxComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitCheckBoxComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-checkbox class=\"{{ estilo() }}\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n\n@if (ayuda()) {\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n}\n\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-checkbox class=\"{{ estilo() }}\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n\r\n@if (ayuda()) {\r\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n}\r\n\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
             type: Component,
@@ -4154,7 +4182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitCheckBoxComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-checkbox class=\"{{ estilo() }}\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n\n@if (ayuda()) {\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n}\n\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-checkbox class=\"{{ estilo() }}\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n\r\n@if (ayuda()) {\r\n  <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n}\r\n\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }] });
 
 class BitSwitchComponent extends BitCustomComponent {
@@ -4177,7 +4205,7 @@ class BitSwitchComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchComponent, decorators: [{
             type: Component,
@@ -4185,7 +4213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }] });
 
 class BitAutoCompleteComponent extends BitCustomComponent {
@@ -4333,7 +4361,7 @@ class BitAutoCompleteComponent extends BitCustomComponent {
                 useExisting: forwardRef(() => BitAutoCompleteComponent),
                 multi: true
             }
-        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n<label for=\"{{ nombre() }}\">\n  <ng-content />&nbsp; @if (obligatorio) {\n  <span class=\"obligatorio fa fa-asterisk\"></span>\n  }&nbsp;&nbsp; @if (ayuda()) {\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n  }\n</label>\n} @if (readOnly()) {\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n} @if (!readOnly()) {\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\n<p-autoComplete\n  fluid\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre() }}\"\n  name=\"{{ nombre() }}\"\n  ariaLabel=\"{{ nombre() }}\"\n  [disabled]=\"isDisabled()\"\n  [placeholder]=\"placeholder()\"\n  [delay]=\"400\"\n  [suggestions]=\"suggestions_mapped()\"\n  [multiple]=\"multiple()\"\n  [inputStyleClass]=\"inputStyleClass()\"\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\n  appendTo=\"body\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId() }}\"\n>\n  @if (customTemplate() && itemTemplate()) {\n  <ng-template pTemplate=\"item\" let-item>\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\n  </ng-template>\n  }\n</p-autoComplete>\n} @if (control() != null) {\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$6.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n<label for=\"{{ nombre() }}\">\r\n  <ng-content />&nbsp; @if (obligatorio()) {\r\n  <span class=\"obligatorio fa fa-asterisk\"></span>\r\n  }&nbsp;&nbsp; @if (ayuda()) {\r\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n  }\r\n</label>\r\n} @if (readOnly()) {\r\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n} @if (!readOnly()) {\r\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\r\n<p-autoComplete\r\n  fluid\r\n  [(ngModel)]=\"value\"\r\n  id=\"{{ nombre() }}\"\r\n  name=\"{{ nombre() }}\"\r\n  ariaLabel=\"{{ nombre() }}\"\r\n  [disabled]=\"isDisabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [delay]=\"400\"\r\n  [suggestions]=\"suggestions_mapped()\"\r\n  [multiple]=\"multiple()\"\r\n  [inputStyleClass]=\"inputStyleClass()\"\r\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\r\n  appendTo=\"body\"\r\n  (completeMethod)=\"search($event)\"\r\n  (onSelect)=\"_onSelect($event)\"\r\n  (onClear)=\"_onClear()\"\r\n  (onBlur)=\"_onBlur()\"\r\n  (onFocus)=\"_onFocus()\"\r\n  attr.data-testid=\"{{ dataTestId() }}\"\r\n>\r\n  @if (customTemplate() && itemTemplate()) {\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\r\n  </ng-template>\r\n  }\r\n</p-autoComplete>\r\n} @if (control() != null) {\r\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$6.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
             type: Component,
@@ -4343,7 +4371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             useExisting: forwardRef(() => BitAutoCompleteComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\n<label for=\"{{ nombre() }}\">\n  <ng-content />&nbsp; @if (obligatorio) {\n  <span class=\"obligatorio fa fa-asterisk\"></span>\n  }&nbsp;&nbsp; @if (ayuda()) {\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n  }\n</label>\n} @if (readOnly()) {\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n} @if (!readOnly()) {\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\n<p-autoComplete\n  fluid\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre() }}\"\n  name=\"{{ nombre() }}\"\n  ariaLabel=\"{{ nombre() }}\"\n  [disabled]=\"isDisabled()\"\n  [placeholder]=\"placeholder()\"\n  [delay]=\"400\"\n  [suggestions]=\"suggestions_mapped()\"\n  [multiple]=\"multiple()\"\n  [inputStyleClass]=\"inputStyleClass()\"\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\n  appendTo=\"body\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId() }}\"\n>\n  @if (customTemplate() && itemTemplate()) {\n  <ng-template pTemplate=\"item\" let-item>\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\n  </ng-template>\n  }\n</p-autoComplete>\n} @if (control() != null) {\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\r\n<label for=\"{{ nombre() }}\">\r\n  <ng-content />&nbsp; @if (obligatorio()) {\r\n  <span class=\"obligatorio fa fa-asterisk\"></span>\r\n  }&nbsp;&nbsp; @if (ayuda()) {\r\n  <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n  }\r\n</label>\r\n} @if (readOnly()) {\r\n<p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n} @if (!readOnly()) {\r\n<!-- Si usamos un template personalizado, hay que indicar el optionLabel para que sepa cu\u00E1l es el campo a mostrar al seleccionar un elemento -->\r\n<p-autoComplete\r\n  fluid\r\n  [(ngModel)]=\"value\"\r\n  id=\"{{ nombre() }}\"\r\n  name=\"{{ nombre() }}\"\r\n  ariaLabel=\"{{ nombre() }}\"\r\n  [disabled]=\"isDisabled()\"\r\n  [placeholder]=\"placeholder()\"\r\n  [delay]=\"400\"\r\n  [suggestions]=\"suggestions_mapped()\"\r\n  [multiple]=\"multiple()\"\r\n  [inputStyleClass]=\"inputStyleClass()\"\r\n  optionLabel=\"{{ customTemplate() ? this.suggestionField() : '' }}\"\r\n  appendTo=\"body\"\r\n  (completeMethod)=\"search($event)\"\r\n  (onSelect)=\"_onSelect($event)\"\r\n  (onClear)=\"_onClear()\"\r\n  (onBlur)=\"_onBlur()\"\r\n  (onFocus)=\"_onFocus()\"\r\n  attr.data-testid=\"{{ dataTestId() }}\"\r\n>\r\n  @if (customTemplate() && itemTemplate()) {\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item }\" />\r\n  </ng-template>\r\n  }\r\n</p-autoComplete>\r\n} @if (control() != null) {\r\n<control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], suggestionField: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestionField", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], inputStyleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputStyleClass", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], customTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTemplate", required: false }] }], completeMethod: [{ type: i0.Output, args: ["completeMethod"] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onClear: [{ type: i0.Output, args: ["onClear"] }], itemTemplate: [{ type: i0.ContentChild, args: ["itemTemplate", { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 /**
@@ -4462,7 +4490,7 @@ class BitDropDownComponent extends BitDropDownGeneralComponent {
                 useExisting: forwardRef(() => BitDropDownComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-select\n    id=\"{{ nombre() }}\"\n    [(ngModel)]=\"value\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [options]=\"listaOpcionesVisible()\"\n    [filter]=\"filter()\"\n    [group]=\"group()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [optionDisabled]=\"atributoDisabled()\"\n    [appendTo]=\"appendTo()\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <ng-template let-item pTemplate=\"item\">\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\n    </ng-template>\n  </p-select>\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n}\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-select\r\n    id=\"{{ nombre() }}\"\r\n    [(ngModel)]=\"value\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [options]=\"listaOpcionesVisible()\"\r\n    [filter]=\"filter()\"\r\n    [group]=\"group()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [optionDisabled]=\"atributoDisabled()\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\r\n    </ng-template>\r\n  </p-select>\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownComponent, decorators: [{
             type: Component,
@@ -4472,7 +4500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             useExisting: forwardRef(() => BitDropDownComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-select\n    id=\"{{ nombre() }}\"\n    [(ngModel)]=\"value\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [options]=\"listaOpcionesVisible()\"\n    [filter]=\"filter()\"\n    [group]=\"group()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [optionDisabled]=\"atributoDisabled()\"\n    [appendTo]=\"appendTo()\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <ng-template let-item pTemplate=\"item\">\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\n    </ng-template>\n  </p-select>\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n}\n" }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-select\r\n    id=\"{{ nombre() }}\"\r\n    [(ngModel)]=\"value\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [options]=\"listaOpcionesVisible()\"\r\n    [filter]=\"filter()\"\r\n    [group]=\"group()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [optionDisabled]=\"atributoDisabled()\"\r\n    [appendTo]=\"appendTo()\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <span [ngClass]=\"{ 'opcion-desactivada': item[atributoDisabled()] }\">{{ item[atributoLabel()] }}</span>\r\n    </ng-template>\r\n  </p-select>\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
 /**
@@ -4573,7 +4601,7 @@ class BitDropDownMultipleComponent extends BitDropDownGeneralComponent {
                 useExisting: forwardRef(() => BitDropDownMultipleComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly() && !showSeparateSelectedLabels()) {\n  <p class=\"lectura\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-multiSelect id=\"{{ id() }}\"\n    [(ngModel)]=\"value\"\n    [placeholder]=\"placeholder()\"\n    [filter]=\"filter()\"\n    ariaLabel=\"{{ nombre() }}\"\n    [options]=\"listaOpciones()\"\n    [disabled]=\"isDisabled()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\n    [appendTo]=\"appendTo()\"\n    selectedItemsLabel=\"{0} elements seleccionats\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n  @if (showSeparateSelectedLabels()) {\n    <div>\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\n      <div class=\"multiselect-labels\">\n        @for (item of value; track item) {\n          <div class=\"label label-primary multiselect-labels-lg\">\n            <span>{{ labelSelectedItem(item) }}</span>\n            @if (!readOnly()) {\n              &nbsp;&nbsp;\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n  <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-multiSelect id=\"{{ id() }}\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder()\"\r\n    [filter]=\"filter()\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [options]=\"listaOpciones()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n    [appendTo]=\"appendTo()\"\r\n    selectedItemsLabel=\"{0} elements seleccionats\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n  @if (showSeparateSelectedLabels()) {\r\n    <div>\r\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n      <div class=\"multiselect-labels\">\r\n        @for (item of value; track item) {\r\n          <div class=\"label label-primary multiselect-labels-lg\">\r\n            <span>{{ labelSelectedItem(item) }}</span>\r\n            @if (!readOnly()) {\r\n              &nbsp;&nbsp;\r\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$7.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitDropDownMultipleComponent, decorators: [{
             type: Component,
@@ -4583,7 +4611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             useExisting: forwardRef(() => BitDropDownMultipleComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n    }\n  </label>\n}\n@if (readOnly() && !showSeparateSelectedLabels()) {\n  <p class=\"lectura\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-multiSelect id=\"{{ id() }}\"\n    [(ngModel)]=\"value\"\n    [placeholder]=\"placeholder()\"\n    [filter]=\"filter()\"\n    ariaLabel=\"{{ nombre() }}\"\n    [options]=\"listaOpciones()\"\n    [disabled]=\"isDisabled()\"\n    [optionLabel]=\"atributoLabel()\"\n    [optionValue]=\"atributoValue()\"\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\n    [appendTo]=\"appendTo()\"\n    selectedItemsLabel=\"{0} elements seleccionats\"\n    (onChange)=\"_onChangeValue($event)\"\n    (onClear)=\"_onClear()\"\n    (onBlur)=\"_onBlur()\"\n    (onFocus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n  @if (control() != null) {\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\n  }\n  @if (showSeparateSelectedLabels()) {\n    <div>\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\n      <div class=\"multiselect-labels\">\n        @for (item of value; track item) {\n          <div class=\"label label-primary multiselect-labels-lg\">\n            <span>{{ labelSelectedItem(item) }}</span>\n            @if (!readOnly()) {\n              &nbsp;&nbsp;\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
+                    ], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\"><ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly() && !showSeparateSelectedLabels()) {\r\n  <p class=\"lectura\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-multiSelect id=\"{{ id() }}\"\r\n    [(ngModel)]=\"value\"\r\n    [placeholder]=\"placeholder()\"\r\n    [filter]=\"filter()\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [options]=\"listaOpciones()\"\r\n    [disabled]=\"isDisabled()\"\r\n    [optionLabel]=\"atributoLabel()\"\r\n    [optionValue]=\"atributoValue()\"\r\n    [maxSelectedLabels]=\"maxSelectedLabels()\"\r\n    [appendTo]=\"appendTo()\"\r\n    selectedItemsLabel=\"{0} elements seleccionats\"\r\n    (onChange)=\"_onChangeValue($event)\"\r\n    (onClear)=\"_onClear()\"\r\n    (onBlur)=\"_onBlur()\"\r\n    (onFocus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n  @if (control() != null) {\r\n    <control-messages [control]=\"control()\" [field]=\"id()\" />\r\n  }\r\n  @if (showSeparateSelectedLabels()) {\r\n    <div>\r\n      <label for=\"{{ nombre() }}\">&nbsp;</label>\r\n      <div class=\"multiselect-labels\">\r\n        @for (item of value; track item) {\r\n          <div class=\"label label-primary multiselect-labels-lg\">\r\n            <span>{{ labelSelectedItem(item) }}</span>\r\n            @if (!readOnly()) {\r\n              &nbsp;&nbsp;\r\n              <a (click)=\"deleteSelectedItem($event, item)\" title=\"{{ title() }}\"><i class=\"fa fa-times\"></i></a>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n}", styles: ["bit-dropdown-multiple div{margin-right:2px!important}bit-dropdown-multiple .row{margin-left:0}.multiselect-labels .label{font-size:90%}.multiselect-labels .label span{margin-right:2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { maxSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedLabels", required: false }] }], showSeparateSelectedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeparateSelectedLabels", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
 class ConfigurationEditor {
@@ -4677,7 +4705,7 @@ class BitEditorComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitEditorComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\">\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n  </p>\n}\n@if (!readOnly() && tipo() == 'custom') {\n  <p-editor\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [disabled]=\"isDisabled()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (onInit)=\"onInit($event)\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (onTextChange)=\"_onTextChange($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <p-header>\n      @if (configuracion.fontSize) {\n        <span class=\"ql-formats\">\n          <select class=\"ql-size\">\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\n          </select>\n        </span>\n      }\n      @if (configuracion.fontFormat) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\n        </span>\n      }\n      @if (configuracion.bullet) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\n        </span>\n      }\n      @if (configuracion.link) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n        </span>\n      }\n    </p-header>\n  </p-editor>\n}\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\n  <p-editor id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [placeholder]=\"placeholder()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$3.Header, selector: "p-header" }, { kind: "component", type: i2$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange", "onEditorChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\">\r\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\r\n  </p>\r\n}\r\n@if (!readOnly() && tipo() == 'custom') {\r\n  <p-editor\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [disabled]=\"isDisabled()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (onInit)=\"onInit($event)\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (onTextChange)=\"_onTextChange($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <p-header>\r\n      @if (configuracion.fontSize) {\r\n        <span class=\"ql-formats\">\r\n          <select class=\"ql-size\">\r\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\r\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\r\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\r\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\r\n          </select>\r\n        </span>\r\n      }\r\n      @if (configuracion.fontFormat) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\r\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\r\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\r\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.bullet) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\r\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.link) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n    </p-header>\r\n  </p-editor>\r\n}\r\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\r\n  <p-editor id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [placeholder]=\"placeholder()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$3.Header, selector: "p-header" }, { kind: "component", type: i2$8.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange", "onEditorChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitEditorComponent, decorators: [{
             type: Component,
@@ -4685,7 +4713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitEditorComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp; @if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\">\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n  </p>\n}\n@if (!readOnly() && tipo() == 'custom') {\n  <p-editor\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [disabled]=\"isDisabled()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (onInit)=\"onInit($event)\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (onTextChange)=\"_onTextChange($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    >\n    <p-header>\n      @if (configuracion.fontSize) {\n        <span class=\"ql-formats\">\n          <select class=\"ql-size\">\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\n          </select>\n        </span>\n      }\n      @if (configuracion.fontFormat) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\n        </span>\n      }\n      @if (configuracion.bullet) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\n        </span>\n      }\n      @if (configuracion.link) {\n        <span class=\"ql-formats\">\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n        </span>\n      }\n    </p-header>\n  </p-editor>\n}\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\n  <p-editor id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    [ngModel]=\"value\"\n    styleClass=\"editor\"\n    [placeholder]=\"placeholder()\"\n    [placeholder]=\"placeholder()\"\n    [style]=\"{ height: height() + 'px' }\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp; @if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\">\r\n    {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\r\n  </p>\r\n}\r\n@if (!readOnly() && tipo() == 'custom') {\r\n  <p-editor\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [disabled]=\"isDisabled()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (onInit)=\"onInit($event)\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (onTextChange)=\"_onTextChange($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    >\r\n    <p-header>\r\n      @if (configuracion.fontSize) {\r\n        <span class=\"ql-formats\">\r\n          <select class=\"ql-size\">\r\n            <option value=\"small\">{{ \"bitnglibrary.form.biteditor.small\" | transloco }}</option>\r\n            <!-- Note a missing, thus falsy value, is used to reset to default -->\r\n            <option selected>{{ \"bitnglibrary.form.biteditor.normal\" | transloco }}</option>\r\n            <option value=\"large\">{{ \"bitnglibrary.form.biteditor.large\" | transloco }}</option>\r\n            <option value=\"huge\">{{ \"bitnglibrary.form.biteditor.huge\" | transloco }}</option>\r\n          </select>\r\n        </span>\r\n      }\r\n      @if (configuracion.fontFormat) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-bold\" aria-label=\"Bold\"></button>\r\n          <button class=\"ql-italic\" aria-label=\"Italic\"></button>\r\n          <button class=\"ql-underline\" aria-label=\"Underline\"></button>\r\n          <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.bullet) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-list\" aria-label=\"Insert Ordered List\" value=\"ordered\" type=\"button\"></button>\r\n          <button class=\"ql-list\" aria-label=\"Insert Bullet List\" value=\"bullet\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n      @if (configuracion.link) {\r\n        <span class=\"ql-formats\">\r\n          <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\r\n        </span>\r\n      }\r\n    </p-header>\r\n  </p-editor>\r\n}\r\n@if (!readOnly() && (!tipo() || tipo() == 'default')) {\r\n  <p-editor id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    [ngModel]=\"value\"\r\n    styleClass=\"editor\"\r\n    [placeholder]=\"placeholder()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [style]=\"{ height: height() + 'px' }\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], configuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "configuration", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], onTextChange: [{ type: i0.Output, args: ["onTextChange"] }] } });
 
 class BitReadonlyComponent {
@@ -4729,11 +4757,11 @@ class BitReadonlyComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitReadonlyComponent, isStandalone: false, selector: "bit-readonly", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!hideLabel()) {\n  <label>\n    <ng-content />&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (!isTextarea()) {\n  <p class=\"lectura\">{{value_lectura}}</p>\n}\n@if (isTextarea()) {\n  <pre class=\"lectura\">{{value_lectura}}</pre>\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitReadonlyComponent, isStandalone: false, selector: "bit-readonly", inputs: { ayuda: { classPropertyName: "ayuda", publicName: "ayuda", isSignal: true, isRequired: false, transformFunction: null }, valor: { classPropertyName: "valor", publicName: "valor", isSignal: true, isRequired: false, transformFunction: null }, tipo: { classPropertyName: "tipo", publicName: "tipo", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label>\r\n    <ng-content />&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (!isTextarea()) {\r\n  <p class=\"lectura\">{{value_lectura}}</p>\r\n}\r\n@if (isTextarea()) {\r\n  <pre class=\"lectura\">{{value_lectura}}</pre>\r\n}", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitReadonlyComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-readonly", standalone: false, template: "@if (!hideLabel()) {\n  <label>\n    <ng-content />&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (!isTextarea()) {\n  <p class=\"lectura\">{{value_lectura}}</p>\n}\n@if (isTextarea()) {\n  <pre class=\"lectura\">{{value_lectura}}</pre>\n}" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-readonly", standalone: false, template: "@if (!hideLabel()) {\r\n  <label>\r\n    <ng-content />&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (!isTextarea()) {\r\n  <p class=\"lectura\">{{value_lectura}}</p>\r\n}\r\n@if (isTextarea()) {\r\n  <pre class=\"lectura\">{{value_lectura}}</pre>\r\n}" }]
         }], propDecorators: { ayuda: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayuda", required: false }] }], valor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valor", required: false }] }], tipo: [{ type: i0.Input, args: [{ isSignal: true, alias: "tipo", required: false }] }], hideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideLabel", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 class BitNumberComponent extends BitCustomComponent {
@@ -4771,7 +4799,7 @@ class BitNumberComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitNumberComponent),
                 multi: true
-            }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputReference"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitNumberComponent, decorators: [{
             type: Component,
@@ -4779,7 +4807,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitNumberComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }], divisa: [{ type: i0.Input, args: [{ isSignal: true, alias: "divisa", required: false }] }], prefijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefijo", required: false }] }], sufijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "sufijo", required: false }] }], minimo: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimo", required: false }] }], maximo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximo", required: false }] }], numeroDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "numeroDecimales", required: false }] }], maximoDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximoDecimales", required: false }] }], separadorGrupo: [{ type: i0.Input, args: [{ isSignal: true, alias: "separadorGrupo", required: false }] }], mostrarBotones: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarBotones", required: false }] }], incremento: [{ type: i0.Input, args: [{ isSignal: true, alias: "incremento", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputReference', { isSignal: true }] }] } });
 
 class BitAmountComponent extends BitNumberComponent {
@@ -4801,7 +4829,7 @@ class BitAmountComponent extends BitNumberComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitAmountComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "component", type: i1$7.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitAmountComponent, decorators: [{
             type: Component,
@@ -4809,7 +4837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitAmountComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [placeholder]=\"placeholder()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (tooltipTexto() && !readOnly()) {\n  <p-inputNumber\n    #inputReference\n    id=\"{{ nombre() }}\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    [ngModel]=\"value\"\n    [attr.directive]=\"nombreDirectiva()\"\n    [pTooltip]=\"tooltipTexto()\"\n    [tooltipPosition]=\"tooltipPosicion()\"\n    [mode]=\"modo()\"\n    [currency]=\"divisa()\"\n    [prefix]=\"prefijo()\"\n    [suffix]=\"sufijo()\"\n    [min]=\"minimo()\"\n    [max]=\"maximo()\"\n    [minFractionDigits]=\"numeroDecimales()\"\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\n    [useGrouping]=\"separadorGrupo()\"\n    [showButtons]=\"mostrarBotones()\"\n    [step]=\"incremento()\"\n    locale=\"es-ES\"\n    (ngModelChange)=\"onChangeValue($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n    />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (tooltipTexto() && !readOnly()) {\r\n  <p-inputNumber\r\n    #inputReference\r\n    id=\"{{ nombre() }}\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    [ngModel]=\"value\"\r\n    [attr.directive]=\"nombreDirectiva()\"\r\n    [pTooltip]=\"tooltipTexto()\"\r\n    [tooltipPosition]=\"tooltipPosicion()\"\r\n    [mode]=\"modo()\"\r\n    [currency]=\"divisa()\"\r\n    [prefix]=\"prefijo()\"\r\n    [suffix]=\"sufijo()\"\r\n    [min]=\"minimo()\"\r\n    [max]=\"maximo()\"\r\n    [minFractionDigits]=\"numeroDecimales()\"\r\n    [maxFractionDigits]=\"maximoDecimales() == null ? numeroDecimales() : maximoDecimales()\"\r\n    [useGrouping]=\"separadorGrupo()\"\r\n    [showButtons]=\"mostrarBotones()\"\r\n    [step]=\"incremento()\"\r\n    locale=\"es-ES\"\r\n    (ngModelChange)=\"onChangeValue($event)\"\r\n    (blur)=\"_onBlur()\"\r\n    (focus)=\"_onFocus()\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n    />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { prefijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefijo", required: false }] }], sufijo: [{ type: i0.Input, args: [{ isSignal: true, alias: "sufijo", required: false }] }], minimo: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimo", required: false }] }], maximo: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximo", required: false }] }], mostrarBotones: [{ type: i0.Input, args: [{ isSignal: true, alias: "mostrarBotones", required: false }] }], incremento: [{ type: i0.Input, args: [{ isSignal: true, alias: "incremento", required: false }] }], modo: [{ type: i0.Input, args: [{ isSignal: true, alias: "modo", required: false }] }], divisa: [{ type: i0.Input, args: [{ isSignal: true, alias: "divisa", required: false }] }], maximoDecimales: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximoDecimales", required: false }] }], separadorGrupo: [{ type: i0.Input, args: [{ isSignal: true, alias: "separadorGrupo", required: false }] }] } });
 
 /** Esta clase contiene información sobre el menú pulsado por el usuairo. Permite setear dicho valor y recuperarlo mediante un signal */
@@ -4870,11 +4898,11 @@ class BitSidebarComponent {
         this.onSelectLanguage.emit(language);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\n  <ul>\n    @for (item of items(); track item) {\n      <li class=\"item\" (click)=\"clickMenu(item)\">\n        @if (item.items.length > 0) {\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\n        }\n        {{ \"menu.\" + item.label | transloco }}\n        @if (item.expanded) {\n          <ul>\n            @for (subitem of item.items; track subitem) {\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\n            }\n          </ul>\n        }\n      </li>\n    }\n  </ul>\n  <!-- <p class=\"idioma-selector\">    \n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\n  </p> -->\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\n</div>\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: BitSidebarComponent, isStandalone: false, selector: "bit-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, visibilidad: { classPropertyName: "visibilidad", publicName: "visibilidad", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectLanguage: "onSelectLanguage", onCloseMenu: "onCloseMenu", onMenuTitle: "onMenuTitle" }, ngImport: i0, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n  <ul>\r\n    @for (item of items(); track item) {\r\n      <li class=\"item\" (click)=\"clickMenu(item)\">\r\n        @if (item.items.length > 0) {\r\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n        }\r\n        {{ \"menu.\" + item.label | transloco }}\r\n        @if (item.expanded) {\r\n          <ul>\r\n            @for (subitem of item.items; track subitem) {\r\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n            }\r\n          </ul>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n  <!-- <p class=\"idioma-selector\">    \r\n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n  </p> -->\r\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\n  <ul>\n    @for (item of items(); track item) {\n      <li class=\"item\" (click)=\"clickMenu(item)\">\n        @if (item.items.length > 0) {\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\n        }\n        {{ \"menu.\" + item.label | transloco }}\n        @if (item.expanded) {\n          <ul>\n            @for (subitem of item.items; track subitem) {\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\n            }\n          </ul>\n        }\n      </li>\n    }\n  </ul>\n  <!-- <p class=\"idioma-selector\">    \n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\n  </p> -->\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\n</div>\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
+            args: [{ selector: "bit-sidebar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div id=\"mySidebar\" class=\"sidebar\" [style.min-width]=\"visibilidad() ? '300px' : '0px'\">\r\n  <i class=\"closebtn fa fa-times\" (click)=\"closeMenu()\"></i>\r\n  <ul>\r\n    @for (item of items(); track item) {\r\n      <li class=\"item\" (click)=\"clickMenu(item)\">\r\n        @if (item.items.length > 0) {\r\n          <i class=\"fa\" [ngClass]=\"{'fa-chevron-right':!item.expanded,'fa-chevron-down':item.expanded}\"></i>\r\n        }\r\n        {{ \"menu.\" + item.label | transloco }}\r\n        @if (item.expanded) {\r\n          <ul>\r\n            @for (subitem of item.items; track subitem) {\r\n              <li class=\"subitem\" [routerLink]=\"subitem.routerLink\" (click)=\"clickMenuItem($event, item, subitem)\">\r\n                <i class=\"{{subitem.icon}}\"></i>&nbsp;&nbsp;\r\n                <a>{{ \"menu.\" + subitem.label | transloco }}</a></li>\r\n            }\r\n          </ul>\r\n        }\r\n      </li>\r\n    }\r\n  </ul>\r\n  <!-- <p class=\"idioma-selector\">    \r\n    <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"></bit-language-selector>\r\n  </p> -->\r\n  <p class=\"nombre-desarrollado\">{{ \"menu.desarrollado-por\" | transloco }} <a href=\"https://www.caib.es/webgoib/w/agencia-balear-digitalitzacio-ciberseguretat-i-telecomunicacions\" target=\"_blank\">IB Digital</a></p>\r\n</div>\r\n", styles: [".idioma-selector{padding:0;width:100%;position:absolute;bottom:44px;text-align:center}.sidebar{height:100%;width:0;position:fixed;z-index:100;top:0;left:0;background-color:#eaeaea;overflow:hidden;padding-top:60px;transition:.3s;cursor:pointer;box-shadow:1px 0 10px #656565}.sidebar>ul{padding-left:20px;overflow-x:hidden;overflow-y:auto;height:86.2%;padding-bottom:30px}.sidebar i,.sidebar a{text-decoration:none}.sidebar i{padding-left:10px;margin-right:5px}.sidebar li{padding:8px 0}.sidebar li.item{font-weight:700;cursor:pointer}li.item ul{padding-left:20px}.sidebar li.subitem{font-weight:400;transition:.5s}.sidebar li.subitem:hover{background:#ffffff80;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.sidebar li.subitem:hover a,.sidebar li.subitem:hover i{color:#0068a0}.sidebar .closebtn{color:#9a9a9a;position:absolute;top:18px;right:25px;font-size:25px}.sidebar .nombre-desarrollado{position:absolute;bottom:-13px;width:100%;background:#fff;padding:20px;text-align:center;cursor:auto}.sidebar .nombre-desarrollado a{font-weight:700;color:#1b8ac6}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], visibilidad: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibilidad", required: false }] }], onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onCloseMenu: [{ type: i0.Output, args: ["onCloseMenu"] }], onMenuTitle: [{ type: i0.Output, args: ["onMenuTitle"] }] } });
 
 class BitThemeSelectorComponent {
@@ -4901,11 +4929,11 @@ class BitThemeSelectorComponent {
         this.onChangeTheme.emit(theme);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitThemeSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitThemeSelectorComponent, isStandalone: false, selector: "bit-theme-selector", outputs: { onChangeTheme: "onChangeTheme" }, ngImport: i0, template: "<p-selectbutton \n    [options]=\"themeList$()\" \n    [ngModel]=\"currentTheme$()\" \n    optionLabel=\"name\" \n    optionValue=\"name\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitThemeSelectorComponent, isStandalone: false, selector: "bit-theme-selector", outputs: { onChangeTheme: "onChangeTheme" }, ngImport: i0, template: "<p-selectbutton \r\n    [options]=\"themeList$()\" \r\n    [ngModel]=\"currentTheme$()\" \r\n    optionLabel=\"name\" \r\n    optionValue=\"name\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitThemeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-theme-selector", standalone: false, template: "<p-selectbutton \n    [options]=\"themeList$()\" \n    [ngModel]=\"currentTheme$()\" \n    optionLabel=\"name\" \n    optionValue=\"name\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-theme-selector", standalone: false, template: "<p-selectbutton \r\n    [options]=\"themeList$()\" \r\n    [ngModel]=\"currentTheme$()\" \r\n    optionLabel=\"name\" \r\n    optionValue=\"name\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
         }], ctorParameters: () => [], propDecorators: { onChangeTheme: [{ type: i0.Output, args: ["onChangeTheme"] }] } });
 
 class BitLanguageSelectorComponent {
@@ -4926,11 +4954,11 @@ class BitLanguageSelectorComponent {
         this.onSelectLanguage.emit(language);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitLanguageSelectorComponent, isStandalone: false, selector: "bit-language-selector", outputs: { onSelectLanguage: "onSelectLanguage" }, ngImport: i0, template: "<p-selectbutton \n    [options]=\"languageList$()\" \n    [ngModel]=\"currentLanguage$()\" \n    optionLabel=\"label\" \n    optionValue=\"value\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitLanguageSelectorComponent, isStandalone: false, selector: "bit-language-selector", outputs: { onSelectLanguage: "onSelectLanguage" }, ngImport: i0, template: "<p-selectbutton \r\n    [options]=\"languageList$()\" \r\n    [ngModel]=\"currentLanguage$()\" \r\n    optionLabel=\"label\" \r\n    optionValue=\"value\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$9.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitLanguageSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "bit-language-selector", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p-selectbutton \n    [options]=\"languageList$()\" \n    [ngModel]=\"currentLanguage$()\" \n    optionLabel=\"label\" \n    optionValue=\"value\" \n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
+            args: [{ selector: "bit-language-selector", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<p-selectbutton \r\n    [options]=\"languageList$()\" \r\n    [ngModel]=\"currentLanguage$()\" \r\n    optionLabel=\"label\" \r\n    optionValue=\"value\" \r\n    (onOptionClick)=\"selectGroupChanged($event)\"/>" }]
         }], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }] } });
 
 class BitSettingsComponent {
@@ -4955,11 +4983,11 @@ class BitSettingsComponent {
         this.onDarkModeChange.emit(this.isDarkMode); // Emit the new state
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-moon\"></span>\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            </div>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n             <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-globe\"></span>\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n             </div>\n            \n        </div>        \n    </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitLanguageSelectorComponent, selector: "bit-language-selector", outputs: ["onSelectLanguage"] }, { kind: "component", type: BitThemeSelectorComponent, selector: "bit-theme-selector", outputs: ["onChangeTheme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.13", type: BitSettingsComponent, isStandalone: false, selector: "bit-settings", outputs: { onSelectLanguage: "onSelectLanguage", onDarkModeChange: "onDarkModeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\r\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\r\n        <div class=\"config-panel-settings\">\r\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\r\n            <bit-theme-selector />\r\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\r\n            <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-moon\"></span>\r\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\r\n            </div>\r\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\r\n             <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-globe\"></span>\r\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\r\n             </div>\r\n            \r\n        </div>        \r\n    </p-popover>\r\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: i3$3.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i3$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitLanguageSelectorComponent, selector: "bit-language-selector", outputs: ["onSelectLanguage"] }, { kind: "component", type: BitThemeSelectorComponent, selector: "bit-theme-selector", outputs: ["onChangeTheme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSettingsComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\n        <div class=\"config-panel-settings\">\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\n            <bit-theme-selector />\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\n            <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-moon\"></span>\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\n            </div>\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\n             <div class=\"flex gap-2 align-items-center\">\n                <span class=\"fa-solid fa-globe\"></span>\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\n             </div>\n            \n        </div>        \n    </p-popover>\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: "bit-settings", standalone: false, template: "<ng-container *transloco=\"let t\">\r\n    <a href=\"#\" (click)=\"op.toggle($event); $event.preventDefault();\" class=\"pi pi-cog icono-header\" pTooltip=\"{{ t('configselection') }}\" tooltipPosition=\"left\" aria-label=\"{{ t('configselection') }}\"></a>\r\n    <p-popover #op ariaLabel=\"{{ t('configselection') }}\">\r\n        <div class=\"config-panel-settings\">\r\n            <span class=\"config-panel-label\">{{ t('themelabel') }}</span>\r\n            <bit-theme-selector />\r\n            <span class=\"config-panel-label\">{{ t('darkmodeselection') }}</span>\r\n            <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-moon\"></span>\r\n                <p-toggleswitch ariaLabel=\"{{ t('darkmodeselection') }}\" [(ngModel)]=\"isDarkMode\" (onChange)=\"toggleDarkMode($event);\" attr.data-testid=\"darkMode\"/>\r\n            </div>\r\n            <span class=\"config-panel-label\">{{ t('languageselection') }}</span>\r\n             <div class=\"flex gap-2 align-items-center\">\r\n                <span class=\"fa-solid fa-globe\"></span>\r\n                <bit-language-selector (onSelectLanguage)=\"selectLanguage($event)\"/>\r\n             </div>\r\n            \r\n        </div>        \r\n    </p-popover>\r\n</ng-container>", styles: [".config-panel-settings{display:flex;flex-direction:column;gap:.5rem}.config-panel-label{font-weight:700;line-height:1}a{text-decoration:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onSelectLanguage: [{ type: i0.Output, args: ["onSelectLanguage"] }], onDarkModeChange: [{ type: i0.Output, args: ["onDarkModeChange"] }] } });
 
 class BytesPipe {
@@ -5302,7 +5330,7 @@ class BitSwitchSiNoComponent extends BitCustomComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BitSwitchSiNoComponent),
                 multi: true
-            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    [trueValue]=\"valorTrue()\"\n    [falseValue]=\"valorFalse()\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            }], usesInheritance: true, ngImport: i0, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    [trueValue]=\"valorTrue()\"\r\n    [falseValue]=\"valorFalse()\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitSwitchSiNoComponent, decorators: [{
             type: Component,
@@ -5310,7 +5338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BitSwitchSiNoComponent),
                             multi: true
-                        }], standalone: false, template: "@if (!hideLabel()) {\n  <label for=\"{{ nombre() }}\">\n    <ng-content />&nbsp;@if (obligatorio) {\n    <span class=\"obligatorio fa fa-asterisk\"></span>\n    }&nbsp;&nbsp;\n    @if (ayuda()) {\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    }\n  </label>\n}\n@if (readOnly()) {\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n}\n@if (!readOnly()) {\n  <p-toggleswitch onLabel=\"S\u00ED\"\n    offLabel=\"No\"\n    binary=\"true\"\n    [(ngModel)]=\"value\"\n    name=\"{{ nombre() }}\"\n    ariaLabel=\"{{ nombre() }}\"\n    [disabled]=\"isDisabled()\"\n    id=\"{{ nombre() }}\"\n    [trueValue]=\"valorTrue()\"\n    [falseValue]=\"valorFalse()\"\n    (onChange)=\"onChangeValue($event)\"\n    attr.data-testid=\"{{ dataTestId()}}\"\n     />\n}\n@if (control() != null) {\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n}\n" }]
+                        }], standalone: false, template: "@if (!hideLabel()) {\r\n  <label for=\"{{ nombre() }}\">\r\n    <ng-content />&nbsp;@if (obligatorio()) {\r\n    <span class=\"obligatorio fa fa-asterisk\"></span>\r\n    }&nbsp;&nbsp;\r\n    @if (ayuda()) {\r\n      <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n    }\r\n  </label>\r\n}\r\n@if (readOnly()) {\r\n  <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n}\r\n@if (!readOnly()) {\r\n  <p-toggleswitch onLabel=\"S\u00ED\"\r\n    offLabel=\"No\"\r\n    binary=\"true\"\r\n    [(ngModel)]=\"value\"\r\n    name=\"{{ nombre() }}\"\r\n    ariaLabel=\"{{ nombre() }}\"\r\n    [disabled]=\"isDisabled()\"\r\n    id=\"{{ nombre() }}\"\r\n    [trueValue]=\"valorTrue()\"\r\n    [falseValue]=\"valorFalse()\"\r\n    (onChange)=\"onChangeValue($event)\"\r\n    attr.data-testid=\"{{ dataTestId()}}\"\r\n     />\r\n}\r\n@if (control() != null) {\r\n  <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n}\r\n" }]
         }], propDecorators: { valorTrue: [{ type: i0.Input, args: [{ isSignal: true, alias: "valorTrue", required: false }] }], valorFalse: [{ type: i0.Input, args: [{ isSignal: true, alias: "valorFalse", required: false }] }] } });
 
 class BitMultipleCheckboxComponent extends BitCustomComponent {
@@ -5384,7 +5412,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 for=\"{{ nombre() }}\">\n      <ng-content />&nbsp;\n      @if (!readOnly() && this.chekAll()) {\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\n           style=\"color: #ced4da\"\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\n           (click)=\"onCheckAll()\"></i>&nbsp;\n      }\n      @if (obligatorio) {\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n      }\n      @if (ayuda()) {\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n      }\n    </label>\n  }\n\n  @if (readOnly()) {\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n  } @else {\n\n    @for (dominio of data(); track dominio) {\n      <div class=\"field-checkbox inline-block\">\n        <p-checkbox\n          id=\"{{ nombre() + '-' + dominio.value }}\"\n          name=\"{{ nombre() + '-' + dominio.value }}\"\n          ariaLabel=\"{{ nombre() }}\"\n          [value]=\"dominio.value\"\n          [(ngModel)]=\"value\"\n          [inputId]=\"dominio.value\"\n          [disabled]=\"isDisabled()\"\n          (onChange)=\"onChangeValue($event)\">\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\n        </p-checkbox>\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\n      </div>\n    }\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n    }\n\n    @if (control() != null) {\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n    }\n  }\n\n</ng-container>\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n\r\n  @if (!hideLabel()) {\r\n    <label for=\"{{ nombre() }}\">\r\n      <ng-content />&nbsp;\r\n      @if (!readOnly() && this.chekAll()) {\r\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\r\n           style=\"color: #ced4da\"\r\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\r\n           (click)=\"onCheckAll()\"></i>&nbsp;\r\n      }\r\n      @if (obligatorio()) {\r\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\r\n      }\r\n      @if (ayuda()) {\r\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  @if (readOnly()) {\r\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n  } @else {\r\n\r\n    @for (dominio of data(); track dominio) {\r\n      <div class=\"field-checkbox inline-block\">\r\n        <p-checkbox\r\n          id=\"{{ nombre() + '-' + dominio.value }}\"\r\n          name=\"{{ nombre() + '-' + dominio.value }}\"\r\n          ariaLabel=\"{{ nombre() }}\"\r\n          [value]=\"dominio.value\"\r\n          [(ngModel)]=\"value\"\r\n          [inputId]=\"dominio.value\"\r\n          [disabled]=\"isDisabled()\"\r\n          (onChange)=\"onChangeValue($event)\">\r\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\r\n        </p-checkbox>\r\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\r\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\r\n      </div>\r\n    }\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n    }\r\n\r\n    @if (control() != null) {\r\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n    }\r\n  }\r\n\r\n</ng-container>\r\n", dependencies: [{ kind: "component", type: i1$5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BitMultipleCheckboxComponent, decorators: [{
             type: Component,
@@ -5394,7 +5422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                             useExisting: forwardRef(() => BitMultipleCheckboxComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "<ng-container *transloco=\"let t\">\n\n  @if (!hideLabel()) {\n    <label for=\"{{ nombre() }}\">\n      <ng-content />&nbsp;\n      @if (!readOnly() && this.chekAll()) {\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\n           style=\"color: #ced4da\"\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\n           (click)=\"onCheckAll()\"></i>&nbsp;\n      }\n      @if (obligatorio) {\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n      }\n      @if (ayuda()) {\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n      }\n    </label>\n  }\n\n  @if (readOnly()) {\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\n  } @else {\n\n    @for (dominio of data(); track dominio) {\n      <div class=\"field-checkbox inline-block\">\n        <p-checkbox\n          id=\"{{ nombre() + '-' + dominio.value }}\"\n          name=\"{{ nombre() + '-' + dominio.value }}\"\n          ariaLabel=\"{{ nombre() }}\"\n          [value]=\"dominio.value\"\n          [(ngModel)]=\"value\"\n          [inputId]=\"dominio.value\"\n          [disabled]=\"isDisabled()\"\n          (onChange)=\"onChangeValue($event)\">\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\n        </p-checkbox>\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\n      </div>\n    }\n    @if (ayuda()) {\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n    }\n\n    @if (control() != null) {\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\n    }\n  }\n\n</ng-container>\n" }]
+                    ], standalone: false, template: "<ng-container *transloco=\"let t\">\r\n\r\n  @if (!hideLabel()) {\r\n    <label for=\"{{ nombre() }}\">\r\n      <ng-content />&nbsp;\r\n      @if (!readOnly() && this.chekAll()) {\r\n        <i title=\"{{t('bitnglibrary.form.bitmultiplecheckbox.checkall')}}\"\r\n           style=\"color: #ced4da\"\r\n           class=\"font-normal cursor-pointer hover:text-blue-600 cursor-pointer text-sm {{ estiloCheckAll() }}\"\r\n           (click)=\"onCheckAll()\"></i>&nbsp;\r\n      }\r\n      @if (obligatorio()) {\r\n        <span class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\r\n      }\r\n      @if (ayuda()) {\r\n        <i class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  @if (readOnly()) {\r\n    <p class=\"lectura\" [id]=\"nombre()\">{{ value_lectura }}</p>\r\n  } @else {\r\n\r\n    @for (dominio of data(); track dominio) {\r\n      <div class=\"field-checkbox inline-block\">\r\n        <p-checkbox\r\n          id=\"{{ nombre() + '-' + dominio.value }}\"\r\n          name=\"{{ nombre() + '-' + dominio.value }}\"\r\n          ariaLabel=\"{{ nombre() }}\"\r\n          [value]=\"dominio.value\"\r\n          [(ngModel)]=\"value\"\r\n          [inputId]=\"dominio.value\"\r\n          [disabled]=\"isDisabled()\"\r\n          (onChange)=\"onChangeValue($event)\">\r\n          attr.data-testid=\"{{ dataTestId() + \"-\" + dominio.value }}\"\r\n        </p-checkbox>\r\n        <label class=\"inline-block ml-2 mr-4 font-normal cursor-pointer hover:text-blue-400\"\r\n               [for]=\"dominio.value\">{{ dominio.label }}</label>\r\n      </div>\r\n    }\r\n    @if (ayuda()) {\r\n      <i (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\r\n    }\r\n\r\n    @if (control() != null) {\r\n      <control-messages [control]=\"control()\" [field]=\"nombre()\" />\r\n    }\r\n  }\r\n\r\n</ng-container>\r\n" }]
         }], propDecorators: { chekAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "chekAll", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 const modules = [