bit-ng-library 14.1.0 → 14.1.1

package/README.md

@@ -26,6 +26,10 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
 
 ## changelog
 
+## [14.1.1] - 2023-02-08
+
+fix errata en un ngIf que estaba escrito nfIf
+
 ## [14.1.0] - 2023-02-08
 
 nuevo footer con un nuevo paginator

package/esm2020/lib/sharedlibrary/components/footer/bit-pagijator.component.mjs

@@ -1,11 +1,13 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "primeng/button";
-import * as i3 from "primeng/dropdown";
-import * as i4 from "@ngneat/transloco";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/button";
+import * as i4 from "primeng/dropdown";
+import * as i5 from "@ngneat/transloco";
 export class BitPagijatorComponent {
-    constructor() {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
         this.onPageChange = new EventEmitter();
         this.onPageSizeChange = new EventEmitter();
     }
@@ -21,6 +23,7 @@ export class BitPagijatorComponent {
                 if (changedProp.previousValue !== changedProp.currentValue) {
                     this.calculateMaxPages();
                 }
+                this.changeDetector.detectChanges();
             }
         }
     }
@@ -42,13 +45,22 @@ export class BitPagijatorComponent {
         this.page += direction;
         this.onPageChange.emit(this.page);
     }
+    get showPageInfo() {
+        return this.totalItems > 0;
+    }
+    get showLeftNavigationButton() {
+        return this.totalItems > 0 && this.page != 1;
+    }
+    get showRightNavigationButton() {
+        return this.totalItems > 0 && this.page < this.maxPages;
+    }
 }
-BitPagijatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BitPagijatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitPagijatorComponent, selector: "bit-pagijator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *nfIf=\"totalItems > 0\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!totalItems || page == 1\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!totalItems || page == maxPages\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BitPagijatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BitPagijatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitPagijatorComponent, selector: "bit-pagijator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *ngIf=\"showPageInfo\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-pagijator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *nfIf=\"totalItems > 0\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!totalItems || page == 1\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!totalItems || page == maxPages\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { page: [{
+            args: [{ selector: 'bit-pagijator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *ngIf=\"showPageInfo\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { page: [{
                 type: Input
             }], totalItems: [{
                 type: Input
@@ -61,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
             }], onPageSizeChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYml0LXBhZ2lqYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iaXQtbmctbGlicmFyeS9zcmMvbGliL3NoYXJlZGxpYnJhcnkvY29tcG9uZW50cy9mb290ZXIvYml0LXBhZ2lqYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iaXQtbmctbGlicmFyeS9zcmMvbGliL3NoYXJlZGxpYnJhcnkvY29tcG9uZW50cy9mb290ZXIvYml0LXBhZ2lqYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3RILE1BQU0sT0FBTyxxQkFBcUI7SUFnQmhDO1FBTkEsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTFDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFJOUIsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUE0QztRQUN0RCxLQUFLLElBQUksUUFBUSxJQUFJLE9BQU8sRUFBRTtZQUM1QixJQUFJLFdBQVcsR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDcEMsSUFBSSxRQUFRLEtBQUssWUFBWSxFQUFFO2dCQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLFdBQVcsQ0FBQyxZQUFZLENBQUM7Z0JBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDN0MsSUFBSSxXQUFXLENBQUMsYUFBYSxLQUFLLFdBQVcsQ0FBQyxZQUFZLEVBQUU7b0JBQzFELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2lCQUMxQjthQUNGO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzFDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1NBQ25CO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDaEU7UUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLFdBQVcsR0FBQyxJQUFJLENBQUMsUUFBUSxHQUFDLGdCQUFnQixHQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVLENBQUMsU0FBaUI7UUFDMUIsSUFBSSxDQUFDLElBQUksSUFBSSxTQUFTLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O2tIQXJEVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1UkNQbEMsd2hDQWVNOzJGRFJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxlQUFlLG1CQUVSLHVCQUF1QixDQUFDLE1BQU07MEVBSS9DLElBQUk7c0JBREgsS0FBSztnQkFHTixVQUFVO3NCQURULEtBQUs7Z0JBR04sWUFBWTtzQkFEWCxLQUFLO2dCQUdOLGtCQUFrQjtzQkFEakIsS0FBSztnQkFHTixZQUFZO3NCQURYLE1BQU07Z0JBR1AsZ0JBQWdCO3NCQURmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpdC1wYWdpamF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYml0LXBhZ2lqYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCaXRQYWdpamF0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwYWdlOiBudW1iZXI7XG4gIEBJbnB1dCgpXG4gIHRvdGFsSXRlbXM6IG51bWJlcjtcbiAgQElucHV0KClcbiAgaXRlbXNQZXJQYWdlOiBudW1iZXI7XG4gIEBJbnB1dCgpXG4gIHJvd3NQZXJQYWdlT3B0aW9uczogbnVtYmVyW11cbiAgQE91dHB1dCgpXG4gIG9uUGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KClcbiAgb25QYWdlU2l6ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIG1heFBhZ2VzOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zUGVyUGFnZSA9IHRoaXMucm93c1BlclBhZ2VPcHRpb25zWzBdO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogeyBbcHJvcEtleTogc3RyaW5nXTogU2ltcGxlQ2hhbmdlIH0pIHtcbiAgICBmb3IgKGxldCBwcm9wTmFtZSBpbiBjaGFuZ2VzKSB7XG4gICAgICBsZXQgY2hhbmdlZFByb3AgPSBjaGFuZ2VzW3Byb3BOYW1lXTtcbiAgICAgIGlmIChwcm9wTmFtZSA9PT0gXCJ0b3RhbEl0ZW1zXCIpIHtcbiAgICAgICAgdGhpcy50b3RhbEl0ZW1zID0gY2hhbmdlZFByb3AuY3VycmVudFZhbHVlO1xuICAgICAgICBjb25zb2xlLmxvZyhcInRvdGFsSXRlbXM6XCIgKyB0aGlzLnRvdGFsSXRlbXMpO1xuICAgICAgICBpZiAoY2hhbmdlZFByb3AucHJldmlvdXNWYWx1ZSAhPT0gY2hhbmdlZFByb3AuY3VycmVudFZhbHVlKSB7XG4gICAgICAgICAgdGhpcy5jYWxjdWxhdGVNYXhQYWdlcygpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY2FsY3VsYXRlTWF4UGFnZXMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLml0ZW1zUGVyUGFnZSB8fCAhdGhpcy50b3RhbEl0ZW1zKSB7XG4gICAgICB0aGlzLm1heFBhZ2VzID0gMDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5tYXhQYWdlcyA9IE1hdGguY2VpbCh0aGlzLnRvdGFsSXRlbXMgLyB0aGlzLml0ZW1zUGVyUGFnZSk7XG4gICAgfVxuICAgIGNvbnNvbGUubG9nKFwibWF4UGFnZXM6XCIrdGhpcy5tYXhQYWdlcytcIiBpdGVtc1BlclBhZ2U6XCIrdGhpcy5pdGVtc1BlclBhZ2UpO1xuICB9XG5cbiAgY2hhbmdlSXRlbXNQZXJwYWdlKGl0ZW1zOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1zUGVyUGFnZSA9IGl0ZW1zO1xuICAgIHRoaXMub25QYWdlU2l6ZUNoYW5nZS5lbWl0KGl0ZW1zKTtcbiAgICB0aGlzLmNhbGN1bGF0ZU1heFBhZ2VzKCk7XG4gIH1cblxuICBjaGFuZ2VQYWdlKGRpcmVjdGlvbjogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5wYWdlICs9IGRpcmVjdGlvbjtcbiAgICB0aGlzLm9uUGFnZUNoYW5nZS5lbWl0KHRoaXMucGFnZSk7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwicGFnaWphdG9yLW91dGVyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwicGFnaWphdG9yLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJwYWdpamF0b3ItcGFnZS1zaXplXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicGFnaWphdG9yLXBhZ2Utc2l6ZS1sYWJlbFwiPnt7IFwiYml0bmdsaWJyYXJ5LmZvb3Rlci5pdGVtc1BlclBhZ2VcIiB8IHRyYW5zbG9jbyB9fTwvZGl2PlxuICAgICAgPHAtZHJvcGRvd25cbiAgICAgICAgW29wdGlvbnNdPVwicm93c1BlclBhZ2VPcHRpb25zXCJcbiAgICAgICAgW25nTW9kZWxdPVwiaXRlbXNQZXJQYWdlXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlSXRlbXNQZXJwYWdlKCRldmVudClcIj48L3AtZHJvcGRvd24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBhZ2lqYXRvci1yYW5nZS1hY3Rpb25zXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicGFnaWphdG9yLXJhbmdlLWxhYmVsXCIgKm5mSWY9XCJ0b3RhbEl0ZW1zID4gMFwiPiB7eyBcImJpdG5nbGlicmFyeS5mb290ZXIucGFnZVwiIHwgdHJhbnNsb2NvIH19IHt7cGFnZX19IGRlIHt7bWF4UGFnZXN9fSA8L2Rpdj5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cImNoYW5nZVBhZ2UoLTEpXCIgdHlwZT1cImJ1dHRvblwiIFtkaXNhYmxlZF09XCIhdG90YWxJdGVtcyB8fCBwYWdlID09IDFcIiBwQnV0dG9uIHBSaXBwbGUgaWNvbj1cInBpIHBpLWFuZ2xlLWxlZnRcIiBjbGFzcz1cInAtYnV0dG9uLWxnIHAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tdGV4dFwiPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2hhbmdlUGFnZSgxKVwiIHR5cGU9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwiIXRvdGFsSXRlbXMgfHwgcGFnZSA9PSBtYXhQYWdlc1wiIHBCdXR0b24gcFJpcHBsZSBpY29uPVwicGkgcGktYW5nbGUtcmlnaHRcIiBjbGFzcz1cInAtYnV0dG9uLWxnIHAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tdGV4dFwiPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYml0LXBhZ2lqYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iaXQtbmctbGlicmFyeS9zcmMvbGliL3NoYXJlZGxpYnJhcnkvY29tcG9uZW50cy9mb290ZXIvYml0LXBhZ2lqYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iaXQtbmctbGlicmFyeS9zcmMvbGliL3NoYXJlZGxpYnJhcnkvY29tcG9uZW50cy9mb290ZXIvYml0LXBhZ2lqYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPekksTUFBTSxPQUFPLHFCQUFxQjtJQWdCaEMsWUFBb0IsY0FBaUM7UUFBakMsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBTnJELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUxQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSVcsQ0FBQztJQUUxRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUE0QztRQUN0RCxLQUFLLElBQUksUUFBUSxJQUFJLE9BQU8sRUFBRTtZQUM1QixJQUFJLFdBQVcsR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDcEMsSUFBSSxRQUFRLEtBQUssWUFBWSxFQUFFO2dCQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLFdBQVcsQ0FBQyxZQUFZLENBQUM7Z0JBQzNDLE9BQU8sQ0FBQyxHQUFHLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDN0MsSUFBSSxXQUFXLENBQUMsYUFBYSxLQUFLLFdBQVcsQ0FBQyxZQUFZLEVBQUU7b0JBQzFELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2lCQUMxQjtnQkFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFDO2FBQ3JDO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzFDLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1NBQ25CO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDaEU7UUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLFdBQVcsR0FBQyxJQUFJLENBQUMsUUFBUSxHQUFDLGdCQUFnQixHQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVLENBQUMsU0FBaUI7UUFDMUIsSUFBSSxDQUFDLElBQUksSUFBSSxTQUFTLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFJLHdCQUF3QjtRQUMxQixPQUFPLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFBO0lBQzlDLENBQUM7SUFFRCxJQUFJLHlCQUF5QjtRQUMzQixPQUFPLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUMxRCxDQUFDOztrSEFsRVUscUJBQXFCO3NHQUFyQixxQkFBcUIsdVJDUGxDLGtoQ0FlTTsyRkRSTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZUFBZSxtQkFFUix1QkFBdUIsQ0FBQyxNQUFNO3dHQUkvQyxJQUFJO3NCQURILEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLO2dCQUdOLFlBQVk7c0JBRFgsS0FBSztnQkFHTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBR04sWUFBWTtzQkFEWCxNQUFNO2dCQUdQLGdCQUFnQjtzQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYml0LXBhZ2lqYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9iaXQtcGFnaWphdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJpdFBhZ2lqYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHBhZ2U6IG51bWJlcjtcbiAgQElucHV0KClcbiAgdG90YWxJdGVtczogbnVtYmVyO1xuICBASW5wdXQoKVxuICBpdGVtc1BlclBhZ2U6IG51bWJlcjtcbiAgQElucHV0KClcbiAgcm93c1BlclBhZ2VPcHRpb25zOiBudW1iZXJbXVxuICBAT3V0cHV0KClcbiAgb25QYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKVxuICBvblBhZ2VTaXplQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgbWF4UGFnZXM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pdGVtc1BlclBhZ2UgPSB0aGlzLnJvd3NQZXJQYWdlT3B0aW9uc1swXTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IHsgW3Byb3BLZXk6IHN0cmluZ106IFNpbXBsZUNoYW5nZSB9KSB7XG4gICAgZm9yIChsZXQgcHJvcE5hbWUgaW4gY2hhbmdlcykge1xuICAgICAgbGV0IGNoYW5nZWRQcm9wID0gY2hhbmdlc1twcm9wTmFtZV07XG4gICAgICBpZiAocHJvcE5hbWUgPT09IFwidG90YWxJdGVtc1wiKSB7XG4gICAgICAgIHRoaXMudG90YWxJdGVtcyA9IGNoYW5nZWRQcm9wLmN1cnJlbnRWYWx1ZTtcbiAgICAgICAgY29uc29sZS5sb2coXCJ0b3RhbEl0ZW1zOlwiICsgdGhpcy50b3RhbEl0ZW1zKTtcbiAgICAgICAgaWYgKGNoYW5nZWRQcm9wLnByZXZpb3VzVmFsdWUgIT09IGNoYW5nZWRQcm9wLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgICAgIHRoaXMuY2FsY3VsYXRlTWF4UGFnZXMoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjYWxjdWxhdGVNYXhQYWdlcygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXRlbXNQZXJQYWdlIHx8ICF0aGlzLnRvdGFsSXRlbXMpIHtcbiAgICAgIHRoaXMubWF4UGFnZXMgPSAwO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm1heFBhZ2VzID0gTWF0aC5jZWlsKHRoaXMudG90YWxJdGVtcyAvIHRoaXMuaXRlbXNQZXJQYWdlKTtcbiAgICB9XG4gICAgY29uc29sZS5sb2coXCJtYXhQYWdlczpcIit0aGlzLm1heFBhZ2VzK1wiIGl0ZW1zUGVyUGFnZTpcIit0aGlzLml0ZW1zUGVyUGFnZSk7XG4gIH1cblxuICBjaGFuZ2VJdGVtc1BlcnBhZ2UoaXRlbXM6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuaXRlbXNQZXJQYWdlID0gaXRlbXM7XG4gICAgdGhpcy5vblBhZ2VTaXplQ2hhbmdlLmVtaXQoaXRlbXMpO1xuICAgIHRoaXMuY2FsY3VsYXRlTWF4UGFnZXMoKTtcbiAgfVxuXG4gIGNoYW5nZVBhZ2UoZGlyZWN0aW9uOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnBhZ2UgKz0gZGlyZWN0aW9uO1xuICAgIHRoaXMub25QYWdlQ2hhbmdlLmVtaXQodGhpcy5wYWdlKTtcbiAgfVxuXG4gIGdldCBzaG93UGFnZUluZm8oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMudG90YWxJdGVtcyA+IDA7XG4gIH1cblxuICBnZXQgc2hvd0xlZnROYXZpZ2F0aW9uQnV0dG9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnRvdGFsSXRlbXMgPiAwICYmIHRoaXMucGFnZSAhPSAxXG4gIH1cblxuICBnZXQgc2hvd1JpZ2h0TmF2aWdhdGlvbkJ1dHRvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy50b3RhbEl0ZW1zID4gMCAmJiB0aGlzLnBhZ2UgPCB0aGlzLm1heFBhZ2VzO1xuICB9XG59IiwiPGRpdiBjbGFzcz1cInBhZ2lqYXRvci1vdXRlci1jb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cInBhZ2lqYXRvci1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGFnaWphdG9yLXBhZ2Utc2l6ZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInBhZ2lqYXRvci1wYWdlLXNpemUtbGFiZWxcIj57eyBcImJpdG5nbGlicmFyeS5mb290ZXIuaXRlbXNQZXJQYWdlXCIgfCB0cmFuc2xvY28gfX08L2Rpdj5cbiAgICAgIDxwLWRyb3Bkb3duXG4gICAgICAgIFtvcHRpb25zXT1cInJvd3NQZXJQYWdlT3B0aW9uc1wiXG4gICAgICAgIFtuZ01vZGVsXT1cIml0ZW1zUGVyUGFnZVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZUl0ZW1zUGVycGFnZSgkZXZlbnQpXCI+PC9wLWRyb3Bkb3duPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJwYWdpamF0b3ItcmFuZ2UtYWN0aW9uc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInBhZ2lqYXRvci1yYW5nZS1sYWJlbFwiICpuZ0lmPVwic2hvd1BhZ2VJbmZvXCI+IHt7IFwiYml0bmdsaWJyYXJ5LmZvb3Rlci5wYWdlXCIgfCB0cmFuc2xvY28gfX0ge3twYWdlfX0gZGUge3ttYXhQYWdlc319IDwvZGl2PlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2hhbmdlUGFnZSgtMSlcIiB0eXBlPVwiYnV0dG9uXCIgW2Rpc2FibGVkXT1cIiFzaG93TGVmdE5hdmlnYXRpb25CdXR0b25cIiBwQnV0dG9uIHBSaXBwbGUgaWNvbj1cInBpIHBpLWFuZ2xlLWxlZnRcIiBjbGFzcz1cInAtYnV0dG9uLWxnIHAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tdGV4dFwiPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2hhbmdlUGFnZSgxKVwiIHR5cGU9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwiIXNob3dSaWdodE5hdmlnYXRpb25CdXR0b25cIiBwQnV0dG9uIHBSaXBwbGUgaWNvbj1cInBpIHBpLWFuZ2xlLXJpZ2h0XCIgY2xhc3M9XCJwLWJ1dHRvbi1sZyBwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLXRleHRcIj48L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=

package/fesm2015/bit-ng-library.mjs

@@ -13,25 +13,25 @@ import * as i6$1 from 'primeng/calendar';
 import { CalendarModule } from 'primeng/calendar';
 import * as i5$1 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
-import * as i3$1 from 'primeng/dropdown';
+import * as i4$2 from 'primeng/dropdown';
 import { DropdownModule } from 'primeng/dropdown';
 import * as i5$2 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
 import * as i6$2 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
 import { PaginatorModule } from 'primeng/paginator';
-import * as i4$3 from 'primeng/checkbox';
+import * as i4$4 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { TabViewModule } from 'primeng/tabview';
 import * as i4$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import { AccordionModule } from 'primeng/accordion';
-import * as i4$5 from 'primeng/autocomplete';
+import * as i4$6 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
-import * as i4$4 from 'primeng/inputswitch';
+import * as i4$5 from 'primeng/inputswitch';
 import { InputSwitchModule } from 'primeng/inputswitch';
-import * as i4$2 from 'primeng/tooltip';
+import * as i4$3 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { OverlayPanelModule } from 'primeng/overlaypanel';
 import * as i3$3 from 'primeng/messages';
@@ -46,14 +46,14 @@ import * as i3$2 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
 import * as i6 from 'ng2-file-upload';
 import { FileUploadModule } from 'ng2-file-upload';
-import * as i2$2 from 'primeng/api';
+import * as i2$1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 import * as i1 from '@angular/router';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import { DefaultDataService } from '@ngrx/data';
 import { withLatestFrom, mergeMap, takeUntil, map, startWith, delay, concatMap, take, tap, filter, switchMapTo, catchError, finalize } from 'rxjs/operators';
-import * as i2$1 from 'primeng/button';
+import * as i3$1 from 'primeng/button';
 import { SplitterModule } from 'primeng/splitter';
 import { ScrollPanelModule } from 'primeng/scrollpanel';
 
@@ -2614,7 +2614,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
         }], ctorParameters: function () { return [{ type: BitMessageService }, { type: TranslateService }]; } });
 
 class BitPagijatorComponent {
-    constructor() {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
         this.onPageChange = new EventEmitter();
         this.onPageSizeChange = new EventEmitter();
     }
@@ -2630,6 +2631,7 @@ class BitPagijatorComponent {
                 if (changedProp.previousValue !== changedProp.currentValue) {
                     this.calculateMaxPages();
                 }
+                this.changeDetector.detectChanges();
             }
         }
     }
@@ -2651,13 +2653,22 @@ class BitPagijatorComponent {
         this.page += direction;
         this.onPageChange.emit(this.page);
     }
+    get showPageInfo() {
+        return this.totalItems > 0;
+    }
+    get showLeftNavigationButton() {
+        return this.totalItems > 0 && this.page != 1;
+    }
+    get showRightNavigationButton() {
+        return this.totalItems > 0 && this.page < this.maxPages;
+    }
 }
-BitPagijatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BitPagijatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitPagijatorComponent, selector: "bit-pagijator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *nfIf=\"totalItems > 0\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!totalItems || page == 1\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!totalItems || page == maxPages\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3$1.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BitPagijatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BitPagijatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitPagijatorComponent, selector: "bit-pagijator", inputs: { page: "page", totalItems: "totalItems", itemsPerPage: "itemsPerPage", rowsPerPageOptions: "rowsPerPageOptions" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *ngIf=\"showPageInfo\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4$2.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitPagijatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bit-pagijator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *nfIf=\"totalItems > 0\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!totalItems || page == 1\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!totalItems || page == maxPages\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { page: [{
+            args: [{ selector: 'bit-pagijator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pagijator-outer-container\">\n  <div class=\"pagijator-container\">\n    <div class=\"pagijator-page-size\">\n      <div class=\"pagijator-page-size-label\">{{ \"bitnglibrary.footer.itemsPerPage\" | transloco }}</div>\n      <p-dropdown\n        [options]=\"rowsPerPageOptions\"\n        [ngModel]=\"itemsPerPage\"\n        (ngModelChange)=\"changeItemsPerpage($event)\"></p-dropdown>\n    </div>\n    <div class=\"pagijator-range-actions\">\n      <div class=\"pagijator-range-label\" *ngIf=\"showPageInfo\"> {{ \"bitnglibrary.footer.page\" | transloco }} {{page}} de {{maxPages}} </div>\n      <button (click)=\"changePage(-1)\" type=\"button\" [disabled]=\"!showLeftNavigationButton\" pButton pRipple icon=\"pi pi-angle-left\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n      <button (click)=\"changePage(1)\" type=\"button\" [disabled]=\"!showRightNavigationButton\" pButton pRipple icon=\"pi pi-angle-right\" class=\"p-button-lg p-button-rounded p-button-text\"></button>\n    </div>\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { page: [{
                 type: Input
             }], totalItems: [{
                 type: Input
@@ -3004,7 +3015,7 @@ BitBotonAyudaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
     </p-button>
 
     <i *ngIf="!boton" [ngClass]="'btn-ayuda fa fa-question ' + extraClass" (click)="mostrarAyuda()"></i>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitBotonAyudaComponent, decorators: [{
             type: Component,
             args: [{
@@ -3130,7 +3141,7 @@ BitToolbarComponent.DELETE_BUTTON = "delete";
 BitToolbarComponent.ADD_BUTTON = "add";
 BitToolbarComponent.HELP_BUTTON = "help";
 BitToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BitToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitToolbarComponent, selector: "bit-toolbar", inputs: { toolbar: "toolbar", ayuda: "ayuda", femenino: "femenino", otherActionsDropdown: "otherActionsDropdown" }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesOnChanges: true, ngImport: i0, template: "<!-- acciones no estandar definidas din\u00E1micamente o muy particulares-->\n<!-- si otherActionsDropdown viene a true y hay m\u00E1s de una acci\u00F3n, se muestran como un desplegable, si no, todas las acciones en l\u00EDnea -->\n<div class=\"contenedor-toolbar\">\n    <!-- <div class=\"btn-group dropdown\" role=\"group\" *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <button type=\"button\" *ngIf=\"otherActionsDropdown\"\n            class=\"btn btn-dinamico btn-accion dropdown-toggle\" data-toggle=\"dropdown\"\n            aria-haspopup=\"true\" aria-expanded=\"false\">Accions&nbsp;&nbsp;<span class=\"pi pi-caret-right\"></span></button>\n        <div class=\"dropdown-menu desplegable-accion\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <button type=\"button\" \n                    *ngIf=\"button.visible\"\n                    [disabled]=\"!button.enable\" (click)=\"otherAction(button)\" class=\"btn btn-dinamico btn-accion dropdown-item\"\n                ><span [class]=\"button.estilo?button.estilo:'pi pi-caret-right'\"></span>&nbsp;&nbsp;{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</button>\n            </ng-container>\n        </div>\n    </div> -->\n\n    <ng-container *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <p-button (click)=\"toogle()\" *ngIf=\"otherActionsDropdown\"\n            styleClass=\"p-button-primary\" icon=\"pi pi-caret-right\" iconPos=\"right\" label=\"Accions\"></p-button>\n        <ul class=\"button-dropdown\" *ngIf=\"mostrar\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <li *ngIf=\"button.visible\" (click)=\"otherAction(button)\"><span>{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</span></li>\n            </ng-container>\n        </ul>\n    </ng-container>\n    \n    <!-- si otherActionsDropdown viene a false o solo hay una acci\u00F3n, se muestran una tras otra en l\u00EDnea -->\n    <ng-container *ngIf=\"!mostrarOtherActionsEnDesplegable\">\n        <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n            <p-button *ngIf=\"button.visible\" type=\"button\" [disabled]=\"!button.enable\" (click)=\"otherAction(button)\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n        </ng-container>\n    </ng-container>\n    <!-- acciones estandar -->\n        <p-button *ngIf=\"visible('new')\" type=\"button\" [disabled]=\"!enable('new')\" (click)=\"newElement()\" 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        <p-button *ngIf=\"visible('add')\" type=\"button\" [disabled]=\"!enable('add')\" (click)=\"add()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n    <!--div class=\"btn-group\" role=\"group\" *ngIf=\"visible('filter')\">\n        <button type=\"button\" [disabled]=\"!enable('filter')\" (click)=\"showFilter()\" class=\"btn btn-transparent\">{{label('filter', 'Mostra filtre')}}&nbsp;&nbsp;<span [class]=\"estilo('filter', 'glyphicon glyphicon-search')\"></span></button>\n    </div-->\n        <p-button *ngIf=\"visible('export')\" type=\"button\" [disabled]=\"!enable('export')\" (click)=\"exportData()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n        <p-button *ngIf=\"visible('save')\" type=\"button\" [disabled]=\"!enable('save')\" (click)=\"save()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n        <p-button *ngIf=\"visible('delete')\" type=\"button\" [disabled]=\"!enable('delete')\" (click)=\"delete()\" styleClass=\"p-button-outlined p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n        <p-button *ngIf=\"visible('print')\" type=\"button\" [disabled]=\"!enable('print')\" (click)=\"print()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n    <ng-container *ngIf=\"ayuda\">\n        <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda\"></bit-boton-ayuda>\n    </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: OtherToolbarActionPipe, name: "otherToolbarAction" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BitToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitToolbarComponent, selector: "bit-toolbar", inputs: { toolbar: "toolbar", ayuda: "ayuda", femenino: "femenino", otherActionsDropdown: "otherActionsDropdown" }, outputs: { onToolbarButtonPressed: "onToolbarButtonPressed" }, usesOnChanges: true, ngImport: i0, template: "<!-- acciones no estandar definidas din\u00E1micamente o muy particulares-->\n<!-- si otherActionsDropdown viene a true y hay m\u00E1s de una acci\u00F3n, se muestran como un desplegable, si no, todas las acciones en l\u00EDnea -->\n<div class=\"contenedor-toolbar\">\n    <!-- <div class=\"btn-group dropdown\" role=\"group\" *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <button type=\"button\" *ngIf=\"otherActionsDropdown\"\n            class=\"btn btn-dinamico btn-accion dropdown-toggle\" data-toggle=\"dropdown\"\n            aria-haspopup=\"true\" aria-expanded=\"false\">Accions&nbsp;&nbsp;<span class=\"pi pi-caret-right\"></span></button>\n        <div class=\"dropdown-menu desplegable-accion\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <button type=\"button\" \n                    *ngIf=\"button.visible\"\n                    [disabled]=\"!button.enable\" (click)=\"otherAction(button)\" class=\"btn btn-dinamico btn-accion dropdown-item\"\n                ><span [class]=\"button.estilo?button.estilo:'pi pi-caret-right'\"></span>&nbsp;&nbsp;{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</button>\n            </ng-container>\n        </div>\n    </div> -->\n\n    <ng-container *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <p-button (click)=\"toogle()\" *ngIf=\"otherActionsDropdown\"\n            styleClass=\"p-button-primary\" icon=\"pi pi-caret-right\" iconPos=\"right\" label=\"Accions\"></p-button>\n        <ul class=\"button-dropdown\" *ngIf=\"mostrar\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <li *ngIf=\"button.visible\" (click)=\"otherAction(button)\"><span>{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</span></li>\n            </ng-container>\n        </ul>\n    </ng-container>\n    \n    <!-- si otherActionsDropdown viene a false o solo hay una acci\u00F3n, se muestran una tras otra en l\u00EDnea -->\n    <ng-container *ngIf=\"!mostrarOtherActionsEnDesplegable\">\n        <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n            <p-button *ngIf=\"button.visible\" type=\"button\" [disabled]=\"!button.enable\" (click)=\"otherAction(button)\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n        </ng-container>\n    </ng-container>\n    <!-- acciones estandar -->\n        <p-button *ngIf=\"visible('new')\" type=\"button\" [disabled]=\"!enable('new')\" (click)=\"newElement()\" 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        <p-button *ngIf=\"visible('add')\" type=\"button\" [disabled]=\"!enable('add')\" (click)=\"add()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n    <!--div class=\"btn-group\" role=\"group\" *ngIf=\"visible('filter')\">\n        <button type=\"button\" [disabled]=\"!enable('filter')\" (click)=\"showFilter()\" class=\"btn btn-transparent\">{{label('filter', 'Mostra filtre')}}&nbsp;&nbsp;<span [class]=\"estilo('filter', 'glyphicon glyphicon-search')\"></span></button>\n    </div-->\n        <p-button *ngIf=\"visible('export')\" type=\"button\" [disabled]=\"!enable('export')\" (click)=\"exportData()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n        <p-button *ngIf=\"visible('save')\" type=\"button\" [disabled]=\"!enable('save')\" (click)=\"save()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n        <p-button *ngIf=\"visible('delete')\" type=\"button\" [disabled]=\"!enable('delete')\" (click)=\"delete()\" styleClass=\"p-button-outlined p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n        <p-button *ngIf=\"visible('print')\" type=\"button\" [disabled]=\"!enable('print')\" (click)=\"print()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n    <ng-container *ngIf=\"ayuda\">\n        <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda\"></bit-boton-ayuda>\n    </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: BitBotonAyudaComponent, selector: "bit-boton-ayuda", inputs: ["ayuda", "boton", "extraClass"] }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: OtherToolbarActionPipe, name: "otherToolbarAction" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-toolbar", changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- acciones no estandar definidas din\u00E1micamente o muy particulares-->\n<!-- si otherActionsDropdown viene a true y hay m\u00E1s de una acci\u00F3n, se muestran como un desplegable, si no, todas las acciones en l\u00EDnea -->\n<div class=\"contenedor-toolbar\">\n    <!-- <div class=\"btn-group dropdown\" role=\"group\" *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <button type=\"button\" *ngIf=\"otherActionsDropdown\"\n            class=\"btn btn-dinamico btn-accion dropdown-toggle\" data-toggle=\"dropdown\"\n            aria-haspopup=\"true\" aria-expanded=\"false\">Accions&nbsp;&nbsp;<span class=\"pi pi-caret-right\"></span></button>\n        <div class=\"dropdown-menu desplegable-accion\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <button type=\"button\" \n                    *ngIf=\"button.visible\"\n                    [disabled]=\"!button.enable\" (click)=\"otherAction(button)\" class=\"btn btn-dinamico btn-accion dropdown-item\"\n                ><span [class]=\"button.estilo?button.estilo:'pi pi-caret-right'\"></span>&nbsp;&nbsp;{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</button>\n            </ng-container>\n        </div>\n    </div> -->\n\n    <ng-container *ngIf=\"mostrarOtherActionsEnDesplegable\">\n        <p-button (click)=\"toogle()\" *ngIf=\"otherActionsDropdown\"\n            styleClass=\"p-button-primary\" icon=\"pi pi-caret-right\" iconPos=\"right\" label=\"Accions\"></p-button>\n        <ul class=\"button-dropdown\" *ngIf=\"mostrar\">\n            <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n                <li *ngIf=\"button.visible\" (click)=\"otherAction(button)\"><span>{{\"bitnglibrary.toolbar.\"+button.label | transloco}}</span></li>\n            </ng-container>\n        </ul>\n    </ng-container>\n    \n    <!-- si otherActionsDropdown viene a false o solo hay una acci\u00F3n, se muestran una tras otra en l\u00EDnea -->\n    <ng-container *ngIf=\"!mostrarOtherActionsEnDesplegable\">\n        <ng-container *ngFor=\"let button of (toolbar | otherToolbarAction)\">\n            <p-button *ngIf=\"button.visible\" type=\"button\" [disabled]=\"!button.enable\" (click)=\"otherAction(button)\">{{\"bitnglibrary.toolbar.\"+button.label | transloco}}&nbsp;&nbsp;<span [class]=\"button.estilo?button.estilo:'pi pi-angle-right'\"></span></p-button>\n        </ng-container>\n    </ng-container>\n    <!-- acciones estandar -->\n        <p-button *ngIf=\"visible('new')\" type=\"button\" [disabled]=\"!enable('new')\" (click)=\"newElement()\" 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        <p-button *ngIf=\"visible('add')\" type=\"button\" [disabled]=\"!enable('add')\" (click)=\"add()\" styleClass=\"p-button-danger\">{{\"bitnglibrary.toolbar.add\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('add', 'pi pi-plus')\"></span></p-button>\n    <!--div class=\"btn-group\" role=\"group\" *ngIf=\"visible('filter')\">\n        <button type=\"button\" [disabled]=\"!enable('filter')\" (click)=\"showFilter()\" class=\"btn btn-transparent\">{{label('filter', 'Mostra filtre')}}&nbsp;&nbsp;<span [class]=\"estilo('filter', 'glyphicon glyphicon-search')\"></span></button>\n    </div-->\n        <p-button *ngIf=\"visible('export')\" type=\"button\" [disabled]=\"!enable('export')\" (click)=\"exportData()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.export\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('export', 'pi pi-file')\"></span></p-button>\n        <p-button *ngIf=\"visible('save')\" type=\"button\" [disabled]=\"!enable('save')\" (click)=\"save()\" styleClass=\"p-button-success\">{{\"bitnglibrary.toolbar.save\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('save', 'pi pi-save')\"></span></p-button>\n        <p-button *ngIf=\"visible('delete')\" type=\"button\" [disabled]=\"!enable('delete')\" (click)=\"delete()\" styleClass=\"p-button-outlined p-button-danger\">{{\"bitnglibrary.toolbar.delete\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('delete', 'pi pi-trash')\"></span></p-button>\n        <p-button *ngIf=\"visible('print')\" type=\"button\" [disabled]=\"!enable('print')\" (click)=\"print()\" styleClass=\"p-button-outlined p-button-secondary\">{{\"bitnglibrary.toolbar.print\" | transloco}}&nbsp;&nbsp;<span [class]=\"estilo('print', 'pi pi-print')\"></span></p-button>\n    <ng-container *ngIf=\"ayuda\">\n        <bit-boton-ayuda boton=\"true\" [ayuda]=\"ayuda\"></bit-boton-ayuda>\n    </ng-container>\n</div>" }]
@@ -3276,7 +3287,7 @@ class BitNotificationToastComponent extends BaseComponent {
         this.primeMessageService.add({ key: "notification", severity: severity, summary: title, detail: message });
     }
 }
-BitNotificationToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationToastComponent, deps: [{ token: BitMessageService }, { token: i2$2.MessageService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+BitNotificationToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationToastComponent, deps: [{ token: BitMessageService }, { token: i2$1.MessageService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
 BitNotificationToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitNotificationToastComponent, selector: "bit-notification-toast", usesInheritance: true, ngImport: i0, template: ` <p-toast key="notification" position="top-right"></p-toast> `, isInline: true, dependencies: [{ kind: "component", type: i3$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationToastComponent, decorators: [{
             type: Component,
@@ -3284,7 +3295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                     selector: "bit-notification-toast",
                     template: ` <p-toast key="notification" position="top-right"></p-toast> `
                 }]
-        }], ctorParameters: function () { return [{ type: BitMessageService }, { type: i2$2.MessageService }, { type: TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: BitMessageService }, { type: i2$1.MessageService }, { type: TranslateService }]; } });
 
 class BitNotificationErrorComponent extends BaseComponent {
     constructor(bitMessageService, primeMessageService, translateService) {
@@ -3384,7 +3395,7 @@ class BitNotificationErrorComponent extends BaseComponent {
         return combineLatest(prefixErrors$);
     }
 }
-BitNotificationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationErrorComponent, deps: [{ token: BitMessageService }, { token: i2$2.MessageService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+BitNotificationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationErrorComponent, deps: [{ token: BitMessageService }, { token: i2$1.MessageService }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
 BitNotificationErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitNotificationErrorComponent, selector: "bit-notification-error", usesInheritance: true, ngImport: i0, template: ` <p-messages [value]="messages" [closable]="true"></p-messages> `, isInline: true, dependencies: [{ kind: "component", type: i3$3.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNotificationErrorComponent, decorators: [{
             type: Component,
@@ -3392,7 +3403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                     selector: "bit-notification-error",
                     template: ` <p-messages [value]="messages" [closable]="true"></p-messages> `
                 }]
-        }], ctorParameters: function () { return [{ type: BitMessageService }, { type: i2$2.MessageService }, { type: TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: BitMessageService }, { type: i2$1.MessageService }, { type: TranslateService }]; } });
 
 class BitNGUploadComponent {
     constructor(generalUtils, changeDetector) {
@@ -3482,7 +3493,7 @@ class BitNGUploadComponent {
     }
 }
 BitNGUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNGUploadComponent, deps: [{ token: GeneralUtils }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BitNGUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitNGUploadComponent, selector: "bit-ng-upload", inputs: { uploader: "uploader", hasDropZone: "hasDropZone", hasQueue: "hasQueue", hasSingleUpload: "hasSingleUpload", hasMultipleUpload: "hasMultipleUpload", deleteItemAfterUpload: "deleteItemAfterUpload", canUpload: "canUpload", hasProgressBar: "hasProgressBar", sizeDropZone: "sizeDropZone", sizeQueue: "sizeQueue", inputAccept: "inputAccept" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true }], ngImport: i0, template: "    <div class=\"grid\">\n        <div class=\"col-12\">\n            <div *ngIf=\"hasDropZone\"\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                                    <label *ngIf=\"hasMultipleUpload\" class=\"btn-upload\">\n                                        <input type=\"file\" ng2FileSelect [uploader]=\"uploader\" multiple [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                                    </label>\n                                    <label *ngIf=\"hasSingleUpload\" class=\"btn-upload\">\n                                        <input #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader\" [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                                    </label>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"grid\">\n        <div *ngIf=\"hasQueue\" class=\"col-12\">\n            <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader?.queue?.length }}</p>\n\n            <p-table [value]=\"uploader.queue\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5\">{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n                        <th *ngIf=\"canUpload\">Estat</th>\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                        <td *ngIf=\"uploader.options.isHTML5\" nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n                        <td *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">\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                        <td *ngIf=\"canUpload\" class=\"p-text-center\">\n                            <span *ngIf=\"item.isSuccess\"><i class=\"fa fa-check\"></i></span>\n                            <span *ngIf=\"item.isCancel\"><i class=\"fa fa-ban\"></i></span>\n                            <span *ngIf=\"item.isError\"><i class=\"fa fa-times\"></i></span>\n                        </td>\n                        <td nowrap>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                                    (click)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\">\n                            </p-button>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                                    (click)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\">\n                            </p-button>\n                            <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                                    (click)=\"removeFile(item)\">\n                            </p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div *ngIf=\"hasProgressBar\" 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            <div>\n                <p-button icon=\"fa fa-upload\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n                        (click)=\"uploadAll()\" [disabled]=\"!uploader.getNotUploadedItems().length\">\n                </p-button>\n                <p-button icon=\"fa fa-ban\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n                        (click)=\"cancelQueue()\" [disabled]=\"!uploader.isUploading\">\n                </p-button>\n                <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n                        (click)=\"removeQueue()\" [disabled]=\"!uploader.queue.length\">\n                </p-button>\n            </div>\n        </div>\n    </div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i6.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BitNGUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BitNGUploadComponent, selector: "bit-ng-upload", inputs: { uploader: "uploader", hasDropZone: "hasDropZone", hasQueue: "hasQueue", hasSingleUpload: "hasSingleUpload", hasMultipleUpload: "hasMultipleUpload", deleteItemAfterUpload: "deleteItemAfterUpload", canUpload: "canUpload", hasProgressBar: "hasProgressBar", sizeDropZone: "sizeDropZone", sizeQueue: "sizeQueue", inputAccept: "inputAccept" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileRef"], descendants: true }], ngImport: i0, template: "    <div class=\"grid\">\n        <div class=\"col-12\">\n            <div *ngIf=\"hasDropZone\"\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                                    <label *ngIf=\"hasMultipleUpload\" class=\"btn-upload\">\n                                        <input type=\"file\" ng2FileSelect [uploader]=\"uploader\" multiple [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                                    </label>\n                                    <label *ngIf=\"hasSingleUpload\" class=\"btn-upload\">\n                                        <input #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader\" [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                                    </label>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"grid\">\n        <div *ngIf=\"hasQueue\" class=\"col-12\">\n            <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader?.queue?.length }}</p>\n\n            <p-table [value]=\"uploader.queue\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5\">{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n                        <th *ngIf=\"canUpload\">Estat</th>\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                        <td *ngIf=\"uploader.options.isHTML5\" nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n                        <td *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">\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                        <td *ngIf=\"canUpload\" class=\"p-text-center\">\n                            <span *ngIf=\"item.isSuccess\"><i class=\"fa fa-check\"></i></span>\n                            <span *ngIf=\"item.isCancel\"><i class=\"fa fa-ban\"></i></span>\n                            <span *ngIf=\"item.isError\"><i class=\"fa fa-times\"></i></span>\n                        </td>\n                        <td nowrap>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                                    (click)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\">\n                            </p-button>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                                    (click)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\">\n                            </p-button>\n                            <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                                    (click)=\"removeFile(item)\">\n                            </p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div *ngIf=\"hasProgressBar\" 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            <div>\n                <p-button icon=\"fa fa-upload\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n                        (click)=\"uploadAll()\" [disabled]=\"!uploader.getNotUploadedItems().length\">\n                </p-button>\n                <p-button icon=\"fa fa-ban\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n                        (click)=\"cancelQueue()\" [disabled]=\"!uploader.isUploading\">\n                </p-button>\n                <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n                        (click)=\"removeQueue()\" [disabled]=\"!uploader.queue.length\">\n                </p-button>\n            </div>\n        </div>\n    </div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.FileDropDirective, selector: "[ng2FileDrop]", inputs: ["uploader"], outputs: ["fileOver", "onFileDrop"] }, { kind: "directive", type: i6.FileSelectDirective, selector: "[ng2FileSelect]", inputs: ["uploader"], outputs: ["onFileSelected"] }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i4.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitNGUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-ng-upload", changeDetection: ChangeDetectionStrategy.OnPush, template: "    <div class=\"grid\">\n        <div class=\"col-12\">\n            <div *ngIf=\"hasDropZone\"\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                                    <label *ngIf=\"hasMultipleUpload\" class=\"btn-upload\">\n                                        <input type=\"file\" ng2FileSelect [uploader]=\"uploader\" multiple [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.multiple' | transloco}}\n                                    </label>\n                                    <label *ngIf=\"hasSingleUpload\" class=\"btn-upload\">\n                                        <input #fileRef type=\"file\" ng2FileSelect [uploader]=\"uploader\" [accept]=\"inputAccept\" />\n                                        <i class=\"fa fa-upload\"></i>{{'bitnglibrary.upload.simple' | transloco}}\n                                    </label>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"grid\">\n        <div *ngIf=\"hasQueue\" class=\"col-12\">\n            <p>{{\"bitnglibrary.upload.uploadfiles\" | transloco}}: {{ uploader?.queue?.length }}</p>\n\n            <p-table [value]=\"uploader.queue\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th width=\"50%\">{{\"bitnglibrary.upload.filename\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5\">{{\"bitnglibrary.upload.filesize\" | transloco}}</th>\n                        <th *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">{{\"bitnglibrary.upload.progress\" | transloco}}</th>\n                        <th *ngIf=\"canUpload\">Estat</th>\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                        <td *ngIf=\"uploader.options.isHTML5\" nowrap>{{ item?.file?.size/1024 | number:'.2' }} KB</td>\n                        <td *ngIf=\"uploader.options.isHTML5 && hasProgressBar\">\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                        <td *ngIf=\"canUpload\" class=\"p-text-center\">\n                            <span *ngIf=\"item.isSuccess\"><i class=\"fa fa-check\"></i></span>\n                            <span *ngIf=\"item.isCancel\"><i class=\"fa fa-ban\"></i></span>\n                            <span *ngIf=\"item.isError\"><i class=\"fa fa-times\"></i></span>\n                        </td>\n                        <td nowrap>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-upload\" title=\"{{'bitnglibrary.upload.upload' | transloco}}\" styleClass=\"p-button-success\"\n                                    (click)=\"uploadFile(item)\" [disabled]=\"item.isReady || item.isUploading || item.isSuccess\">\n                            </p-button>\n                            <p-button *ngIf=\"canUpload\" icon=\"fa fa-ban\" title=\"{{'bitnglibrary.upload.cancelupload' | transloco}}\" styleClass=\"p-button-warning\"\n                                    (click)=\"cancelFile(item)\" [disabled]=\"!item.isUploading\">\n                            </p-button>\n                            <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removefromqueue' | transloco}}\" styleClass=\"p-button-danger\"\n                                    (click)=\"removeFile(item)\">\n                            </p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div *ngIf=\"hasProgressBar\" 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            <div>\n                <p-button icon=\"fa fa-upload\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.uploadall' | transloco}}\" styleClass=\"p-button-success\"\n                        (click)=\"uploadAll()\" [disabled]=\"!uploader.getNotUploadedItems().length\">\n                </p-button>\n                <p-button icon=\"fa fa-ban\" *ngIf=\"canUpload\" title=\"{{'bitnglibrary.upload.cancelall' | transloco}}\" styleClass=\"p-button-warning\"\n                        (click)=\"cancelQueue()\" [disabled]=\"!uploader.isUploading\">\n                </p-button>\n                <p-button icon=\"fa fa-trash\" title=\"{{'bitnglibrary.upload.removeall' | transloco}}\" styleClass=\"p-button-danger\"\n                        (click)=\"removeQueue()\" [disabled]=\"!uploader.queue.length\">\n                </p-button>\n            </div>\n        </div>\n    </div>\n" }]
@@ -3864,7 +3875,7 @@ BitTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitTextComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<input\n  *ngIf=\"!tooltipTexto && !readOnly\"\n  pInputText\n  type=\"text\"\n  id=\"{{ nombre }}\"\n  name=\"{{ 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<input\n  *ngIf=\"tooltipTexto && !readOnly\"\n  pInputText\n  type=\"text\"\n  id=\"{{ nombre }}\"\n  name=\"{{ 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<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]" }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
+        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<input\n  *ngIf=\"!tooltipTexto && !readOnly\"\n  pInputText\n  type=\"text\"\n  id=\"{{ nombre }}\"\n  name=\"{{ 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<input\n  *ngIf=\"tooltipTexto && !readOnly\"\n  pInputText\n  type=\"text\"\n  id=\"{{ nombre }}\"\n  name=\"{{ 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<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5$1.InputText, selector: "[pInputText]" }, { kind: "directive", type: FocusRegisterDirective, selector: "input,select,textarea,bit-input,bit-select" }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitTextComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-text", providers: [{
@@ -4121,7 +4132,7 @@ BitCheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitCheckBoxComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-checkbox\n  *ngIf=\"!readOnly\"\n  class=\"{{ estilo }}\"\n  binary=\"true\"\n  [(ngModel)]=\"value\"\n  [label]=\"!hideLabel && label\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  id=\"{{ nombre }}\"\n  (onChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-checkbox>\n\n<i *ngIf=\"ayuda\" (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
+        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-checkbox\n  *ngIf=\"!readOnly\"\n  class=\"{{ estilo }}\"\n  binary=\"true\"\n  [(ngModel)]=\"value\"\n  [label]=\"!hideLabel && label\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  id=\"{{ nombre }}\"\n  (onChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-checkbox>\n\n<i *ngIf=\"ayuda\" (click)=\"showAyuda()\" class=\"btn-ayuda-checkbox fa fa-question\"></i>\n\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitCheckBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-checkbox", providers: [{
@@ -4152,7 +4163,7 @@ BitSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitSwitchComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-inputSwitch\n  *ngIf=\"!readOnly\"\n  onLabel=\"S\u00ED\"\n  offLabel=\"No\"\n  binary=\"true\"\n  [(ngModel)]=\"value\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  id=\"{{ nombre }}\"\n  (onChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-inputSwitch>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$4.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
+        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-inputSwitch\n  *ngIf=\"!readOnly\"\n  onLabel=\"S\u00ED\"\n  offLabel=\"No\"\n  binary=\"true\"\n  [(ngModel)]=\"value\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  id=\"{{ nombre }}\"\n  (onChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-inputSwitch>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$5.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-switch", providers: [{
@@ -4206,7 +4217,7 @@ BitAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitAutoCompleteComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-autoComplete\n  *ngIf=\"!readOnly\"\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre }}\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  [placeholder]=\"placeholder\"\n  delay=\"400\"\n  [suggestions]=\"suggestions\"\n  [field]=\"suggestionField\"\n  [multiple]=\"multiple\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId }}\"\n></p-autoComplete>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
+        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<p-autoComplete\n  *ngIf=\"!readOnly\"\n  [(ngModel)]=\"value\"\n  id=\"{{ nombre }}\"\n  name=\"{{ nombre }}\"\n  [disabled]=\"isDisabled\"\n  [placeholder]=\"placeholder\"\n  delay=\"400\"\n  [suggestions]=\"suggestions\"\n  [field]=\"suggestionField\"\n  [multiple]=\"multiple\"\n  (completeMethod)=\"search($event)\"\n  (onSelect)=\"_onSelect($event)\"\n  (onClear)=\"_onClear()\"\n  (onBlur)=\"_onBlur()\"\n  (onFocus)=\"_onFocus()\"\n  attr.data-testid=\"{{ dataTestId }}\"\n></p-autoComplete>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$6.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-autocomplete", providers: [{
@@ -4397,7 +4408,7 @@ BitDropDownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitDropDownComponent),
             multi: true
-        }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp; <span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<ng-container *ngIf=\"!readOnly\">\n  <p-dropdown\n    id=\"{{ nombre }}\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"isDisabled\"\n    [options]=\"listaOpcionesVisible\"\n    [filter]=\"filter\"\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-dropdown>\n  <control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"id\"></control-messages>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$1.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
+        }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp; <span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" (click)=\"showAyuda()\" class=\"btn-ayuda fa fa-question\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{ value_lectura }}</p>\n<ng-container *ngIf=\"!readOnly\">\n  <p-dropdown\n    id=\"{{ nombre }}\"\n    [(ngModel)]=\"value\"\n    [disabled]=\"isDisabled\"\n    [options]=\"listaOpcionesVisible\"\n    [filter]=\"filter\"\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-dropdown>\n  <control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"id\"></control-messages>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: BitControlMessages, selector: "control-messages", inputs: ["control", "field"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitDropDownComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-dropdown", providers: [{
@@ -4625,7 +4636,7 @@ BitEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => BitEditorComponent),
             multi: true
-        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp; <span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\">\n  {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n</p>\n<p-editor\n  *ngIf=\"!readOnly && tipo == 'custom'\"\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    <span class=\"ql-formats\" *ngIf=\"configuracion.fontSize\">\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    <span class=\"ql-formats\" *ngIf=\"configuracion.fontFormat\">\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    <span class=\"ql-formats\" *ngIf=\"configuracion.bullet\">\n      <button class=\"ql-list\" value=\"ordered\" type=\"button\"></button>\n      <button class=\"ql-list\" value=\"bullet\" type=\"button\"></button>\n    </span>\n    <span class=\"ql-formats\" *ngIf=\"configuracion.link\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n    </span>\n  </p-header>\n</p-editor>\n<p-editor\n  *ngIf=\"!readOnly && (!tipo || tipo == 'default')\"\n  id=\"{{ nombre }}\"\n  name=\"{{ nombre }}\"\n  [ngModel]=\"value\"\n  styleClass=\"editor\"\n  [placeholder]=\"placeholder\"\n  [placeholder]=\"placeholder\"\n  [style]=\"{ height: height + 'px' }\"\n  (ngModelChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-editor>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$2.Header, selector: "p-header" }, { kind: "component", type: i5$2.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }, { 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: i4.TranslocoPipe, name: "transloco" }] });
+        }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"!hideLabel\">\n  <ng-content></ng-content>&nbsp; <span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n  <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n</label>\n<p *ngIf=\"readOnly\" class=\"lectura\">\n  {{ value_lectura && value_lectura != \"\" ? value_lectura : \"&nbsp;\" }}\n</p>\n<p-editor\n  *ngIf=\"!readOnly && tipo == 'custom'\"\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    <span class=\"ql-formats\" *ngIf=\"configuracion.fontSize\">\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    <span class=\"ql-formats\" *ngIf=\"configuracion.fontFormat\">\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    <span class=\"ql-formats\" *ngIf=\"configuracion.bullet\">\n      <button class=\"ql-list\" value=\"ordered\" type=\"button\"></button>\n      <button class=\"ql-list\" value=\"bullet\" type=\"button\"></button>\n    </span>\n    <span class=\"ql-formats\" *ngIf=\"configuracion.link\">\n      <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n    </span>\n  </p-header>\n</p-editor>\n<p-editor\n  *ngIf=\"!readOnly && (!tipo || tipo == 'default')\"\n  id=\"{{ nombre }}\"\n  name=\"{{ nombre }}\"\n  [ngModel]=\"value\"\n  styleClass=\"editor\"\n  [placeholder]=\"placeholder\"\n  [placeholder]=\"placeholder\"\n  [style]=\"{ height: height + 'px' }\"\n  (ngModelChange)=\"onChangeValue($event)\"\n  attr.data-testid=\"{{ dataTestId }}\"\n>\n</p-editor>\n<control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.Header, selector: "p-header" }, { kind: "component", type: i5$2.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onTextChange", "onSelectionChange", "onInit"] }, { 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: i4.TranslocoPipe, name: "transloco" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BitEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: "bit-editor", providers: [{