keevo-components 1.8.224 → 1.8.226

package/esm2022/lib/components/kv-image-upload/kv-image-upload.component.mjs

@@ -12,6 +12,7 @@ export class KvImageUploadComponent {
         this.heightComponent = 'auto';
         this.maxHeightImage = '400px';
         this.fileEmit = new EventEmitter();
+        this.deleteEmit = new EventEmitter();
     }
     onDragOver(event) {
         event.preventDefault();
@@ -62,9 +63,10 @@ export class KvImageUploadComponent {
     deleteImage() {
         this.file = null;
         this.fileSrc = null;
+        this.deleteEmit.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, deps: [{ token: i1.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { fileSrc: "fileSrc", widthComponent: "widthComponent", heightComponent: "heightComponent", maxHeightImage: "maxHeightImage", description: "description" }, outputs: { fileEmit: "fileEmit" }, ngImport: i0, template: "<div\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    class=\"relative overflow-hidden border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\"\r\n>\r\n\r\n    <div\r\n        class=\"w-full flex align-items-center justify-content-center\"\r\n        style=\"cursor: pointer;\"\r\n        (click)=\"fileInput.click()\"\r\n    >\r\n        <input\r\n            type=\"file\"\r\n            (change)=\"onFileSelected($event)\"\r\n            #fileInput\r\n            hidden\r\n            accept=\"image/*\"\r\n        >\r\n        <div\r\n            *ngIf=\"!fileSrc\"\r\n            class=\"flex flex-column align-items-center justify-content-center\"\r\n        >\r\n            <span\r\n                class=\"material-symbols-outlined mt-2\"\r\n                style=\"font-size: 3rem;\"\r\n            >\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {\r\n            <p class=\"font-semibold\">{{description}}</p>\r\n            } @else {\r\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n            }\r\n\r\n        </div>\r\n        <div *ngIf=\"fileSrc || file\">\r\n            <img\r\n                [src]=\"fileSrc\"\r\n                [alt]=\"file?.name\"\r\n                class=\"w-full\"\r\n                [style.maxHeight]=\"maxHeightImage\"\r\n            >\r\n        </div>\r\n    </div>\r\n\r\n    @if(fileSrc || file) {\r\n        <button\r\n            style=\"background-color: transparent;\"\r\n            pButton\r\n            (click)=\"deleteImage()\"\r\n            class=\"absolute transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n            [text]=\"true\"\r\n            [icon]=\"'pi pi-trash'\"\r\n        >\r\n        </button>\r\n        }\r\n    \r\n\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvImageUploadComponent, selector: "kv-image-upload", inputs: { fileSrc: "fileSrc", widthComponent: "widthComponent", heightComponent: "heightComponent", maxHeightImage: "maxHeightImage", description: "description" }, outputs: { fileEmit: "fileEmit", deleteEmit: "deleteEmit" }, ngImport: i0, template: "<div\r\n    (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\"\r\n    (drop)=\"onDrop($event)\"\r\n    class=\"relative overflow-hidden border-dashed border-2 border-round-lg border-gray-400 flex justify-content-end\"\r\n    [style.width]=\"widthComponent\"\r\n    [style.height]=\"heightComponent\"\r\n>\r\n\r\n    <div\r\n        class=\"w-full flex align-items-center justify-content-center\"\r\n        style=\"cursor: pointer;\"\r\n        (click)=\"fileInput.click()\"\r\n    >\r\n        <input\r\n            type=\"file\"\r\n            (change)=\"onFileSelected($event)\"\r\n            #fileInput\r\n            hidden\r\n            accept=\"image/*\"\r\n        >\r\n        <div\r\n            *ngIf=\"!fileSrc\"\r\n            class=\"flex flex-column align-items-center justify-content-center\"\r\n        >\r\n            <span\r\n                class=\"material-symbols-outlined mt-2\"\r\n                style=\"font-size: 3rem;\"\r\n            >\r\n                cloud_upload\r\n            </span>\r\n\r\n            @if(description) {\r\n            <p class=\"font-semibold\">{{description}}</p>\r\n            } @else {\r\n            <p class=\"font-semibold\">Arraste e solte uma imagem aqui, ou</p>\r\n            <p class=\"font-semibold\">clique para selecion\u00E1-la</p>\r\n            }\r\n\r\n        </div>\r\n        <div *ngIf=\"fileSrc || file\">\r\n            <img\r\n                [src]=\"fileSrc\"\r\n                [alt]=\"file?.name\"\r\n                class=\"w-full\"\r\n                [style.maxHeight]=\"maxHeightImage\"\r\n            >\r\n        </div>\r\n    </div>\r\n\r\n    @if(fileSrc || file) {\r\n        <button\r\n            style=\"background-color: transparent;\"\r\n            pButton\r\n            (click)=\"deleteImage()\"\r\n            class=\"absolute transition-colors transition-duration-500 text-red-700 hover:text-red-500 w-2rem h-2rem\"\r\n            [text]=\"true\"\r\n            [icon]=\"'pi pi-trash'\"\r\n        >\r\n        </button>\r\n        }\r\n    \r\n\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvImageUploadComponent, decorators: [{
             type: Component,
@@ -81,5 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 type: Input
             }], fileEmit: [{
                 type: Output
+            }], deleteEmit: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW1hZ2UtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWltYWdlLXVwbG9hZC9rdi1pbWFnZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW1hZ2UtdXBsb2FkL2t2LWltYWdlLXVwbG9hZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF2RSxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLFlBQW9CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBRzVELFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ2hCLFlBQU8sR0FBZ0MsSUFBSSxDQUFDO1FBRTVDLG1CQUFjLEdBQVcsT0FBTyxDQUFDO1FBQ2pDLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVcsT0FBTyxDQUFDO1FBSWhDLGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVYzRCxDQUFDO0lBWUQsVUFBVSxDQUFDLEtBQWdCO1FBQ3pCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBZ0I7UUFDMUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFnQjtRQUNyQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVoQyxJQUFJLEtBQUssQ0FBQyxZQUFZLElBQUksS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzlELElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMvQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksS0FBSyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFVO1FBQ25CLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztZQUNqQixNQUFNLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1lBQ2hDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDO1lBQy9CLENBQUMsQ0FBQztZQUNGLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDMUIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxDQUFDLDJDQUEyQyxDQUFDLENBQUE7UUFDbEYsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFnQjtRQUMvQixNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsTUFBcUIsQ0FBQztRQUM5QyxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBZ0I7UUFDbEMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDOUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzhHQXhFVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw4UENSbkMsd2lFQStETTs7MkZEdkRPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7d0ZBVWxCLE9BQU87c0JBQWYsS0FBSztnQkFFRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vYXBpL3NlcnZpY2VzL25vdGlmaWNhdGlvbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtaW1hZ2UtdXBsb2FkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtaW1hZ2UtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3YtaW1hZ2UtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZJbWFnZVVwbG9hZENvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbm90aWZpY2F0aW9uU2VydmljZTogTm90aWZpY2F0aW9uU2VydmljZSkge1xyXG5cclxuICB9XHJcbiAgZmlsZTogRmlsZSB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIGZpbGVTcmM6IHN0cmluZyB8IEFycmF5QnVmZmVyIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoQ29tcG9uZW50OiBzdHJpbmcgPSAnNDAwcHgnO1xyXG4gIEBJbnB1dCgpIGhlaWdodENvbXBvbmVudDogc3RyaW5nID0gJ2F1dG8nO1xyXG4gIEBJbnB1dCgpIG1heEhlaWdodEltYWdlOiBzdHJpbmcgPSAnNDAwcHgnO1xyXG5cclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIGZpbGVFbWl0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgb25EcmFnT3ZlcihldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLmFkZERyYWdPdmVyQ2xhc3MoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgb25EcmFnTGVhdmUoZXZlbnQ6IERyYWdFdmVudCkge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5yZW1vdmVEcmFnT3ZlckNsYXNzKGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG9uRHJvcChldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLnJlbW92ZURyYWdPdmVyQ2xhc3MoZXZlbnQpO1xyXG5cclxuICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIgJiYgZXZlbnQuZGF0YVRyYW5zZmVyLmZpbGVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5oYW5kbGVGaWxlKGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlc1swXSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkZpbGVTZWxlY3RlZChldmVudDogRXZlbnQpIHtcclxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICBpZiAoaW5wdXQuZmlsZXMgJiYgaW5wdXQuZmlsZXMubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLmhhbmRsZUZpbGUoaW5wdXQuZmlsZXNbMF0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlRmlsZShmaWxlOiBGaWxlKSB7XHJcbiAgICBpZiAoZmlsZS50eXBlLnN0YXJ0c1dpdGgoJ2ltYWdlLycpKSB7XHJcbiAgICAgIHRoaXMuZmlsZSA9IGZpbGU7XHJcbiAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XHJcbiAgICAgIHJlYWRlci5vbmxvYWQgPSAoZSkgPT4ge1xyXG4gICAgICAgIHRoaXMuZmlsZVNyYyA9IHJlYWRlci5yZXN1bHQ7XHJcbiAgICAgIH07XHJcbiAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xyXG4gICAgICB0aGlzLmZpbGVFbWl0LmVtaXQoZmlsZSlcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS50b2FzdEVycm9yKCdBcGVuYXMgYXJxdWl2b3MgZGUgaW1hZ2VtIHPDo28gcGVybWl0aWRvcy4nKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYWRkRHJhZ092ZXJDbGFzcyhldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBjb25zdCBjb250YWluZXIgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICBjb250YWluZXIuY2xhc3NMaXN0LmFkZCgnZHJhZ292ZXInKTtcclxuICB9XHJcblxyXG4gIHJlbW92ZURyYWdPdmVyQ2xhc3MoZXZlbnQ6IERyYWdFdmVudCkge1xyXG4gICAgY29uc3QgY29udGFpbmVyID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgY29udGFpbmVyLmNsYXNzTGlzdC5yZW1vdmUoJ2RyYWdvdmVyJyk7XHJcbiAgfVxyXG5cclxuICBkZWxldGVJbWFnZSgpIHtcclxuICAgIHRoaXMuZmlsZSA9IG51bGw7XHJcbiAgICB0aGlzLmZpbGVTcmMgPSBudWxsO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICAoZHJhZ292ZXIpPVwib25EcmFnT3ZlcigkZXZlbnQpXCJcclxuICAgIChkcmFnbGVhdmUpPVwib25EcmFnTGVhdmUoJGV2ZW50KVwiXHJcbiAgICAoZHJvcCk9XCJvbkRyb3AoJGV2ZW50KVwiXHJcbiAgICBjbGFzcz1cInJlbGF0aXZlIG92ZXJmbG93LWhpZGRlbiBib3JkZXItZGFzaGVkIGJvcmRlci0yIGJvcmRlci1yb3VuZC1sZyBib3JkZXItZ3JheS00MDAgZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kXCJcclxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aENvbXBvbmVudFwiXHJcbiAgICBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodENvbXBvbmVudFwiXHJcbj5cclxuXHJcbiAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiXHJcbiAgICAgICAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7XCJcclxuICAgICAgICAoY2xpY2spPVwiZmlsZUlucHV0LmNsaWNrKClcIlxyXG4gICAgPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICB0eXBlPVwiZmlsZVwiXHJcbiAgICAgICAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0ZWQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICNmaWxlSW5wdXRcclxuICAgICAgICAgICAgaGlkZGVuXHJcbiAgICAgICAgICAgIGFjY2VwdD1cImltYWdlLypcIlxyXG4gICAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICpuZ0lmPVwiIWZpbGVTcmNcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtdC0yXCJcclxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZm9udC1zaXplOiAzcmVtO1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIGNsb3VkX3VwbG9hZFxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcblxyXG4gICAgICAgICAgICBAaWYoZGVzY3JpcHRpb24pIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJmb250LXNlbWlib2xkXCI+e3tkZXNjcmlwdGlvbn19PC9wPlxyXG4gICAgICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJmb250LXNlbWlib2xkXCI+QXJyYXN0ZSBlIHNvbHRlIHVtYSBpbWFnZW0gYXF1aSwgb3U8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiZm9udC1zZW1pYm9sZFwiPmNsaXF1ZSBwYXJhIHNlbGVjaW9uw6EtbGE8L3A+XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImZpbGVTcmMgfHwgZmlsZVwiPlxyXG4gICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICBbc3JjXT1cImZpbGVTcmNcIlxyXG4gICAgICAgICAgICAgICAgW2FsdF09XCJmaWxlPy5uYW1lXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5tYXhIZWlnaHRdPVwibWF4SGVpZ2h0SW1hZ2VcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICBAaWYoZmlsZVNyYyB8fCBmaWxlKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1wiXHJcbiAgICAgICAgICAgIHBCdXR0b25cclxuICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZUltYWdlKClcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImFic29sdXRlIHRyYW5zaXRpb24tY29sb3JzIHRyYW5zaXRpb24tZHVyYXRpb24tNTAwIHRleHQtcmVkLTcwMCBob3Zlcjp0ZXh0LXJlZC01MDAgdy0ycmVtIGgtMnJlbVwiXHJcbiAgICAgICAgICAgIFt0ZXh0XT1cInRydWVcIlxyXG4gICAgICAgICAgICBbaWNvbl09XCIncGkgcGktdHJhc2gnXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgfVxyXG4gICAgXHJcblxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW1hZ2UtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWltYWdlLXVwbG9hZC9rdi1pbWFnZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW1hZ2UtdXBsb2FkL2t2LWltYWdlLXVwbG9hZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF2RSxNQUFNLE9BQU8sc0JBQXNCO0lBRWpDLFlBQW9CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBRzVELFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ2hCLFlBQU8sR0FBZ0MsSUFBSSxDQUFDO1FBRTVDLG1CQUFjLEdBQVcsT0FBTyxDQUFDO1FBQ2pDLG9CQUFlLEdBQVcsTUFBTSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVcsT0FBTyxDQUFDO1FBSWhDLGFBQVEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqRCxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFYN0QsQ0FBQztJQWFELFVBQVUsQ0FBQyxLQUFnQjtRQUN6QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWdCO1FBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBZ0I7UUFDckIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFaEMsSUFBSSxLQUFLLENBQUMsWUFBWSxJQUFJLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUM5RCxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0MsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsS0FBWTtRQUN6QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLEtBQUssQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7SUFFRCxVQUFVLENBQUMsSUFBVTtRQUNuQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7WUFDakIsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3BCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQztZQUMvQixDQUFDLENBQUM7WUFDRixNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQzFCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQywyQ0FBMkMsQ0FBQyxDQUFBO1FBQ2xGLENBQUM7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBZ0I7UUFDL0IsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQXFCLENBQUM7UUFDOUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQWdCO1FBQ2xDLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1FBQzlDLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUN4QixDQUFDOzhHQTFFVSxzQkFBc0I7a0dBQXRCLHNCQUFzQix3UkNSbkMsd2lFQStETTs7MkZEdkRPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7d0ZBVWxCLE9BQU87c0JBQWYsS0FBSztnQkFFRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5vdGlmaWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9hcGkvc2VydmljZXMvbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1pbWFnZS11cGxvYWQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1pbWFnZS11cGxvYWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1pbWFnZS11cGxvYWQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkltYWdlVXBsb2FkQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBub3RpZmljYXRpb25TZXJ2aWNlOiBOb3RpZmljYXRpb25TZXJ2aWNlKSB7XHJcblxyXG4gIH1cclxuICBmaWxlOiBGaWxlIHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgZmlsZVNyYzogc3RyaW5nIHwgQXJyYXlCdWZmZXIgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KCkgd2lkdGhDb21wb25lbnQ6IHN0cmluZyA9ICc0MDBweCc7XHJcbiAgQElucHV0KCkgaGVpZ2h0Q29tcG9uZW50OiBzdHJpbmcgPSAnYXV0byc7XHJcbiAgQElucHV0KCkgbWF4SGVpZ2h0SW1hZ2U6IHN0cmluZyA9ICc0MDBweCc7XHJcblxyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uITogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgZmlsZUVtaXQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBkZWxldGVFbWl0OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgb25EcmFnT3ZlcihldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLmFkZERyYWdPdmVyQ2xhc3MoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgb25EcmFnTGVhdmUoZXZlbnQ6IERyYWdFdmVudCkge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5yZW1vdmVEcmFnT3ZlckNsYXNzKGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG9uRHJvcChldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLnJlbW92ZURyYWdPdmVyQ2xhc3MoZXZlbnQpO1xyXG5cclxuICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIgJiYgZXZlbnQuZGF0YVRyYW5zZmVyLmZpbGVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5oYW5kbGVGaWxlKGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlc1swXSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkZpbGVTZWxlY3RlZChldmVudDogRXZlbnQpIHtcclxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICBpZiAoaW5wdXQuZmlsZXMgJiYgaW5wdXQuZmlsZXMubGVuZ3RoID4gMCkge1xyXG4gICAgICB0aGlzLmhhbmRsZUZpbGUoaW5wdXQuZmlsZXNbMF0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaGFuZGxlRmlsZShmaWxlOiBGaWxlKSB7XHJcbiAgICBpZiAoZmlsZS50eXBlLnN0YXJ0c1dpdGgoJ2ltYWdlLycpKSB7XHJcbiAgICAgIHRoaXMuZmlsZSA9IGZpbGU7XHJcbiAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XHJcbiAgICAgIHJlYWRlci5vbmxvYWQgPSAoZSkgPT4ge1xyXG4gICAgICAgIHRoaXMuZmlsZVNyYyA9IHJlYWRlci5yZXN1bHQ7XHJcbiAgICAgIH07XHJcbiAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xyXG4gICAgICB0aGlzLmZpbGVFbWl0LmVtaXQoZmlsZSlcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS50b2FzdEVycm9yKCdBcGVuYXMgYXJxdWl2b3MgZGUgaW1hZ2VtIHPDo28gcGVybWl0aWRvcy4nKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgYWRkRHJhZ092ZXJDbGFzcyhldmVudDogRHJhZ0V2ZW50KSB7XHJcbiAgICBjb25zdCBjb250YWluZXIgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICBjb250YWluZXIuY2xhc3NMaXN0LmFkZCgnZHJhZ292ZXInKTtcclxuICB9XHJcblxyXG4gIHJlbW92ZURyYWdPdmVyQ2xhc3MoZXZlbnQ6IERyYWdFdmVudCkge1xyXG4gICAgY29uc3QgY29udGFpbmVyID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgY29udGFpbmVyLmNsYXNzTGlzdC5yZW1vdmUoJ2RyYWdvdmVyJyk7XHJcbiAgfVxyXG5cclxuICBkZWxldGVJbWFnZSgpIHtcclxuICAgIHRoaXMuZmlsZSA9IG51bGw7XHJcbiAgICB0aGlzLmZpbGVTcmMgPSBudWxsO1xyXG4gICAgdGhpcy5kZWxldGVFbWl0LmVtaXQoKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICAoZHJhZ292ZXIpPVwib25EcmFnT3ZlcigkZXZlbnQpXCJcclxuICAgIChkcmFnbGVhdmUpPVwib25EcmFnTGVhdmUoJGV2ZW50KVwiXHJcbiAgICAoZHJvcCk9XCJvbkRyb3AoJGV2ZW50KVwiXHJcbiAgICBjbGFzcz1cInJlbGF0aXZlIG92ZXJmbG93LWhpZGRlbiBib3JkZXItZGFzaGVkIGJvcmRlci0yIGJvcmRlci1yb3VuZC1sZyBib3JkZXItZ3JheS00MDAgZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kXCJcclxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aENvbXBvbmVudFwiXHJcbiAgICBbc3R5bGUuaGVpZ2h0XT1cImhlaWdodENvbXBvbmVudFwiXHJcbj5cclxuXHJcbiAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiXHJcbiAgICAgICAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7XCJcclxuICAgICAgICAoY2xpY2spPVwiZmlsZUlucHV0LmNsaWNrKClcIlxyXG4gICAgPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICB0eXBlPVwiZmlsZVwiXHJcbiAgICAgICAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0ZWQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICNmaWxlSW5wdXRcclxuICAgICAgICAgICAgaGlkZGVuXHJcbiAgICAgICAgICAgIGFjY2VwdD1cImltYWdlLypcIlxyXG4gICAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICpuZ0lmPVwiIWZpbGVTcmNcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtdC0yXCJcclxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZm9udC1zaXplOiAzcmVtO1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIGNsb3VkX3VwbG9hZFxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcblxyXG4gICAgICAgICAgICBAaWYoZGVzY3JpcHRpb24pIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJmb250LXNlbWlib2xkXCI+e3tkZXNjcmlwdGlvbn19PC9wPlxyXG4gICAgICAgICAgICB9IEBlbHNlIHtcclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJmb250LXNlbWlib2xkXCI+QXJyYXN0ZSBlIHNvbHRlIHVtYSBpbWFnZW0gYXF1aSwgb3U8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiZm9udC1zZW1pYm9sZFwiPmNsaXF1ZSBwYXJhIHNlbGVjaW9uw6EtbGE8L3A+XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImZpbGVTcmMgfHwgZmlsZVwiPlxyXG4gICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICBbc3JjXT1cImZpbGVTcmNcIlxyXG4gICAgICAgICAgICAgICAgW2FsdF09XCJmaWxlPy5uYW1lXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5tYXhIZWlnaHRdPVwibWF4SGVpZ2h0SW1hZ2VcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICBAaWYoZmlsZVNyYyB8fCBmaWxlKSB7XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1wiXHJcbiAgICAgICAgICAgIHBCdXR0b25cclxuICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZUltYWdlKClcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImFic29sdXRlIHRyYW5zaXRpb24tY29sb3JzIHRyYW5zaXRpb24tZHVyYXRpb24tNTAwIHRleHQtcmVkLTcwMCBob3Zlcjp0ZXh0LXJlZC01MDAgdy0ycmVtIGgtMnJlbVwiXHJcbiAgICAgICAgICAgIFt0ZXh0XT1cInRydWVcIlxyXG4gICAgICAgICAgICBbaWNvbl09XCIncGkgcGktdHJhc2gnXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgfVxyXG4gICAgXHJcblxyXG48L2Rpdj4iXX0=

package/esm2022/lib/components/kv-modal/kv-modal.component.mjs

@@ -35,6 +35,15 @@ export class KvModalComponent {
                 subtitleElement.style.marginLeft = '2px';
                 headerElement.appendChild(subtitleElement);
             }
+            if (this.subHeader) {
+                const headerElement = document.querySelector('.p-dialog .p-dialog-header');
+                const subHeader = this.subHeader.nativeElement;
+                if (headerElement && this.subHeader) {
+                    subHeader.style.width = '100%';
+                    subHeader.style.marginLeft = '2px';
+                    headerElement.appendChild(this.subHeader.nativeElement);
+                }
+            }
         }
     }
     defPositionButtons() {
@@ -68,7 +77,7 @@ export class KvModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, deps: [{ token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { actions: "actions", actionsPosition: "actionsPosition", subtitle: "subtitle" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <!-- COLOCAR UM COMPONENTE SUBHEADER AQUI -->\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n        [severity]=\"action.severity ||'primary'\"\r\n    />\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { actions: "actions", actionsPosition: "actionsPosition", subtitle: "subtitle", subHeader: "subHeader" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <!-- COLOCAR UM COMPONENTE SUBHEADER AQUI -->\r\n\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n        [severity]=\"action.severity ||'primary'\"\r\n    />\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, decorators: [{
             type: Component,
@@ -79,8 +88,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 type: Input
             }], subtitle: [{
                 type: Input
+            }], subHeader: [{
+                type: Input
             }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd2QixNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQXNCLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBRXhEOztXQUVHO1FBQ00sWUFBTyxHQUFpQixFQUFFLENBQUM7UUFDM0Isb0JBQWUsR0FBVyxPQUFPLENBQUM7UUFHM0Msb0JBQWUsR0FBVyx1QkFBdUIsQ0FBQztJQVRVLENBQUM7SUFZN0QsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUdELGNBQWM7UUFDWixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDeEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsV0FBVztRQUVULElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsQ0FBQztZQUMzRSxJQUFJLGFBQWEsRUFBRSxDQUFDO2dCQUNsQixNQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2RCxlQUFlLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQzVDLGVBQWUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQTtnQkFDMUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFBO2dCQUNwQyxlQUFlLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUE7Z0JBRXhDLGFBQWEsQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDN0MsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsZUFBZSxHQUFHLHFCQUFxQixDQUFBO1FBQzlDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLGVBQWUsR0FBRyx3QkFBd0IsQ0FBQTtRQUNqRCxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxlQUFlLEdBQUcsdUJBQXVCLENBQUE7UUFDaEQsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxrQkFBa0IsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxFQUFFLFlBQVksQ0FBQztRQUVoRixJQUFJLE1BQU0sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBRXRELElBQUksTUFBTSxFQUFFLENBQUM7WUFFWCxJQUFJLGtCQUFrQixFQUFFLENBQUM7Z0JBQ3ZCLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLEdBQUcsa0JBQWtCLEdBQUcsRUFBRSxJQUFJLENBQUM7WUFDN0QsQ0FBQztpQkFDSSxDQUFDO2dCQUNKLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztZQUNyQyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsTUFBa0I7UUFDN0IsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFbkIsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRWpCLElBQUksTUFBTSxDQUFDLGVBQWUsSUFBSSxLQUFLO2dCQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNyRSxDQUFDO0lBQ0gsQ0FBQzs4R0EvRVUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsOE1DaEI3QiwydkJBb0JBOzsyRkRKYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTtxRkFXWCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQVlOLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRHluYW1pY0RpYWxvZ1JlZiB9IGZyb20gJ3ByaW1lbmcvZHluYW1pY2RpYWxvZyc7XHJcblxyXG5pbXBvcnQgeyBBY3Rpb25JdGVtIH0gZnJvbSAnLi4vLi4vLi4vcHVibGljLWFwaSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2t2LW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEt2TW9kYWxDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZHluYW1pY0RpYWxvZ1JlZjogRHluYW1pY0RpYWxvZ1JlZikgeyB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEHDp8O1ZXMgZG8gRGlhbG9nXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aW9uczogQWN0aW9uSXRlbVtdID0gW107XHJcbiAgQElucHV0KCkgYWN0aW9uc1Bvc2l0aW9uOiBzdHJpbmcgPSAncmlnaHQnO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlITogc3RyaW5nO1xyXG5cclxuICBqdXN0aWZ5X2NvbnRlbnQ6IHN0cmluZyA9ICdqdXN0aWZ5LWNvbnRlbnQtc3RhcnQnO1xyXG5cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFkZFN1YlRpdGxlKCk7XHJcbiAgICB0aGlzLnNldE1hcmdpbkJvdHRvbSgpO1xyXG4gICAgdGhpcy5kZWZQb3NpdGlvbkJ1dHRvbnMoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxyXG4gIG9uV2luZG93UmVzaXplKCkge1xyXG4gICAgdGhpcy5zZXRNYXJnaW5Cb3R0b20oKVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQWRpY2lvbmEgc3ViLXTDrXR1bG8gw6AgdGVsYVxyXG4gICAqL1xyXG4gIGFkZFN1YlRpdGxlKCkge1xyXG5cclxuICAgIGlmICh0aGlzLnN1YnRpdGxlKSB7XHJcbiAgICAgIGNvbnN0IGhlYWRlckVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcucC1kaWFsb2cgLnAtZGlhbG9nLWhlYWRlcicpO1xyXG4gICAgICBpZiAoaGVhZGVyRWxlbWVudCkge1xyXG4gICAgICAgIGNvbnN0IHN1YnRpdGxlRWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQudGV4dENvbnRlbnQgPSB0aGlzLnN1YnRpdGxlO1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC5zdHlsZS5mb250U2l6ZSA9ICcwLjc1cmVtJ1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC5zdHlsZS53aWR0aCA9ICcxMDAlJ1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC5zdHlsZS5tYXJnaW5MZWZ0ID0gJzJweCdcclxuXHJcbiAgICAgICAgaGVhZGVyRWxlbWVudC5hcHBlbmRDaGlsZChzdWJ0aXRsZUVsZW1lbnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBkZWZQb3NpdGlvbkJ1dHRvbnMoKSB7XHJcbiAgICBpZiAodGhpcy5hY3Rpb25zUG9zaXRpb24gPT09ICdyaWdodCcpIHtcclxuICAgICAgdGhpcy5qdXN0aWZ5X2NvbnRlbnQgPSAnanVzdGlmeS1jb250ZW50LWVuZCdcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmFjdGlvbnNQb3NpdGlvbiA9PT0gJ2NlbnRlcicpIHtcclxuICAgICAgdGhpcy5qdXN0aWZ5X2NvbnRlbnQgPSAnanVzdGlmeS1jb250ZW50LWNlbnRlcidcclxuICAgIH1cclxuICAgIGlmICh0aGlzLmFjdGlvbnNQb3NpdGlvbiA9PT0gJ2xlZnQnKSB7XHJcbiAgICAgIHRoaXMuanVzdGlmeV9jb250ZW50ID0gJ2p1c3RpZnktY29udGVudC1zdGFydCdcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNldE1hcmdpbkJvdHRvbSgpIHtcclxuICAgIGxldCBhY3Rpb25zRmllbGRIZWlnaHQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYWN0aW9ucy1maWVsZCcpPy5vZmZzZXRIZWlnaHQ7XHJcblxyXG4gICAgbGV0IGRpdkJveCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb250ZW50LW1vZGFsJyk7XHJcbiAgICBcclxuICAgIGlmIChkaXZCb3gpIHtcclxuICAgICAgXHJcbiAgICAgIGlmIChhY3Rpb25zRmllbGRIZWlnaHQpIHtcclxuICAgICAgICBkaXZCb3guc3R5bGUubWFyZ2luQm90dG9tID0gYCR7YWN0aW9uc0ZpZWxkSGVpZ2h0ICsgMzB9cHhgO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2Uge1xyXG4gICAgICAgIGRpdkJveC5zdHlsZS5tYXJnaW5Cb3R0b20gPSBgNTBweGA7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsaWNrRXhlY3V0ZShhY3Rpb246IEFjdGlvbkl0ZW0pIHtcclxuICAgIGlmIChhY3Rpb24uY29tbWFuZCkge1xyXG5cclxuICAgICAgYWN0aW9uLmNvbW1hbmQoKTtcclxuXHJcbiAgICAgIGlmIChhY3Rpb24uY2xvc2VBZnRlckNsaWNrICE9IGZhbHNlKSB0aGlzLmR5bmFtaWNEaWFsb2dSZWYuY2xvc2UoKTtcclxuICAgIH1cclxuICB9XHJcbn0iLCI8IS0tIFJFTkRFUklaQcOHw4NPIERPIE1PREFMIC0tPlxyXG48ZGl2IGNsYXNzPVwiY29sLTEyIG1iLTRcIiBpZD1cImNvbnRlbnQtbW9kYWxcIj5cclxuICAgIDwhLS0gQ09MT0NBUiBVTSBDT01QT05FTlRFIFNVQkhFQURFUiBBUVVJIC0tPlxyXG5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcblxyXG48IS0tIFJFTkRFUklaQcOHw4NPIERPUyBCT1TDlUVTIC0tPlxyXG5cclxuPGRpdiBjbGFzcz1cImJnLXdoaXRlIGZsZXggZmxleC1yb3cgZmxleC13cmFwIGdhcC0yIHAtMiBtb2RhbC1iYXJyYS1hY29lcyB7e2p1c3RpZnlfY29udGVudH19XCIgKm5nSWY9XCJhY3Rpb25zXCIgaWQ9XCJhY3Rpb25zLWZpZWxkXCI+XHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICAgKm5nRm9yPVwiIGxldCBhY3Rpb24gb2YgYWN0aW9uc1wiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLnZpc2libGU9PWZhbHNlPydoaWRkZW4nOicnXCJcclxuICAgICAgICBpY29uPVwie3thY3Rpb24uaWNvbn19XCJcclxuICAgICAgICBsYWJlbD1cInt7YWN0aW9uLmxhYmVsfX1cIlxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQgfHwgZmFsc2VcIlxyXG4gICAgICAgIChvbkNsaWNrKT1cImNsaWNrRXhlY3V0ZShhY3Rpb24pXCJcclxuICAgICAgICBbc2V2ZXJpdHldPVwiYWN0aW9uLnNldmVyaXR5IHx8J3ByaW1hcnknXCJcclxuICAgIC8+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd2QixNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQXNCLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBRXhEOztXQUVHO1FBQ00sWUFBTyxHQUFpQixFQUFFLENBQUM7UUFDM0Isb0JBQWUsR0FBVyxPQUFPLENBQUM7UUFLM0Msb0JBQWUsR0FBVyx1QkFBdUIsQ0FBQztJQVhVLENBQUM7SUFjN0QsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUdELGNBQWM7UUFDWixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDeEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsV0FBVztRQUVULElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsQ0FBQztZQUMzRSxJQUFJLGFBQWEsRUFBRSxDQUFDO2dCQUNsQixNQUFNLGVBQWUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2RCxlQUFlLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQzVDLGVBQWUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQTtnQkFDMUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFBO2dCQUNwQyxlQUFlLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUE7Z0JBRXhDLGFBQWEsQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDN0MsQ0FBQztZQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNuQixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLENBQUM7Z0JBQzNFLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDO2dCQUMvQyxJQUFJLGFBQWEsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7b0JBQ3BDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQTtvQkFDOUIsU0FBUyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFBO29CQUVsQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQzFELENBQUM7WUFDSCxDQUFDO1FBRUgsQ0FBQztJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxlQUFlLEdBQUcscUJBQXFCLENBQUE7UUFDOUMsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsZUFBZSxHQUFHLHdCQUF3QixDQUFBO1FBQ2pELENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDcEMsSUFBSSxDQUFDLGVBQWUsR0FBRyx1QkFBdUIsQ0FBQTtRQUNoRCxDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLGtCQUFrQixHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLEVBQUUsWUFBWSxDQUFDO1FBRWhGLElBQUksTUFBTSxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFdEQsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUVYLElBQUksa0JBQWtCLEVBQUUsQ0FBQztnQkFDdkIsTUFBTSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsR0FBRyxrQkFBa0IsR0FBRyxFQUFFLElBQUksQ0FBQztZQUM3RCxDQUFDO2lCQUNJLENBQUM7Z0JBQ0osTUFBTSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDO1lBQ3JDLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFrQjtRQUM3QixJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUVuQixNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFakIsSUFBSSxNQUFNLENBQUMsZUFBZSxJQUFJLEtBQUs7Z0JBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3JFLENBQUM7SUFDSCxDQUFDOzhHQTdGVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQixzT0NoQjdCLDJ2QkFvQkE7OzJGREphLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVO3FGQVdYLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFZTixjQUFjO3NCQURiLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IER5bmFtaWNEaWFsb2dSZWYgfSBmcm9tICdwcmltZW5nL2R5bmFtaWNkaWFsb2cnO1xyXG5cclxuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJy4uLy4uLy4uL3B1YmxpYy1hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rdi1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdk1vZGFsQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGR5bmFtaWNEaWFsb2dSZWY6IER5bmFtaWNEaWFsb2dSZWYpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBBw6fDtWVzIGRvIERpYWxvZ1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNQb3NpdGlvbjogc3RyaW5nID0gJ3JpZ2h0JztcclxuICBASW5wdXQoKSBzdWJ0aXRsZSE6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgc3ViSGVhZGVyITogRWxlbWVudFJlZjtcclxuXHJcbiAganVzdGlmeV9jb250ZW50OiBzdHJpbmcgPSAnanVzdGlmeS1jb250ZW50LXN0YXJ0JztcclxuXHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5hZGRTdWJUaXRsZSgpO1xyXG4gICAgdGhpcy5zZXRNYXJnaW5Cb3R0b20oKTtcclxuICAgIHRoaXMuZGVmUG9zaXRpb25CdXR0b25zKCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICBvbldpbmRvd1Jlc2l6ZSgpIHtcclxuICAgIHRoaXMuc2V0TWFyZ2luQm90dG9tKClcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEFkaWNpb25hIHN1Yi10w610dWxvIMOgIHRlbGFcclxuICAgKi9cclxuICBhZGRTdWJUaXRsZSgpIHtcclxuXHJcbiAgICBpZiAodGhpcy5zdWJ0aXRsZSkge1xyXG4gICAgICBjb25zdCBoZWFkZXJFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLnAtZGlhbG9nIC5wLWRpYWxvZy1oZWFkZXInKTtcclxuICAgICAgaWYgKGhlYWRlckVsZW1lbnQpIHtcclxuICAgICAgICBjb25zdCBzdWJ0aXRsZUVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnRleHRDb250ZW50ID0gdGhpcy5zdWJ0aXRsZTtcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQuc3R5bGUuZm9udFNpemUgPSAnMC43NXJlbSdcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQuc3R5bGUud2lkdGggPSAnMTAwJSdcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQuc3R5bGUubWFyZ2luTGVmdCA9ICcycHgnXHJcblxyXG4gICAgICAgIGhlYWRlckVsZW1lbnQuYXBwZW5kQ2hpbGQoc3VidGl0bGVFbGVtZW50KTtcclxuICAgICAgfVxyXG5cclxuICAgICAgaWYgKHRoaXMuc3ViSGVhZGVyKSB7XHJcbiAgICAgICAgY29uc3QgaGVhZGVyRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wLWRpYWxvZyAucC1kaWFsb2ctaGVhZGVyJyk7XHJcbiAgICAgICAgY29uc3Qgc3ViSGVhZGVyID0gdGhpcy5zdWJIZWFkZXIubmF0aXZlRWxlbWVudDtcclxuICAgICAgICBpZiAoaGVhZGVyRWxlbWVudCAmJiB0aGlzLnN1YkhlYWRlcikge1xyXG4gICAgICAgICAgc3ViSGVhZGVyLnN0eWxlLndpZHRoID0gJzEwMCUnXHJcbiAgICAgICAgICBzdWJIZWFkZXIuc3R5bGUubWFyZ2luTGVmdCA9ICcycHgnXHJcbiAgXHJcbiAgICAgICAgICBoZWFkZXJFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMuc3ViSGVhZGVyLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG5cclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRlZlBvc2l0aW9uQnV0dG9ucygpIHtcclxuICAgIGlmICh0aGlzLmFjdGlvbnNQb3NpdGlvbiA9PT0gJ3JpZ2h0Jykge1xyXG4gICAgICB0aGlzLmp1c3RpZnlfY29udGVudCA9ICdqdXN0aWZ5LWNvbnRlbnQtZW5kJ1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMuYWN0aW9uc1Bvc2l0aW9uID09PSAnY2VudGVyJykge1xyXG4gICAgICB0aGlzLmp1c3RpZnlfY29udGVudCA9ICdqdXN0aWZ5LWNvbnRlbnQtY2VudGVyJ1xyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMuYWN0aW9uc1Bvc2l0aW9uID09PSAnbGVmdCcpIHtcclxuICAgICAgdGhpcy5qdXN0aWZ5X2NvbnRlbnQgPSAnanVzdGlmeS1jb250ZW50LXN0YXJ0J1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2V0TWFyZ2luQm90dG9tKCkge1xyXG4gICAgbGV0IGFjdGlvbnNGaWVsZEhlaWdodCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhY3Rpb25zLWZpZWxkJyk/Lm9mZnNldEhlaWdodDtcclxuXHJcbiAgICBsZXQgZGl2Qm94ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRlbnQtbW9kYWwnKTtcclxuICAgIFxyXG4gICAgaWYgKGRpdkJveCkge1xyXG4gICAgICBcclxuICAgICAgaWYgKGFjdGlvbnNGaWVsZEhlaWdodCkge1xyXG4gICAgICAgIGRpdkJveC5zdHlsZS5tYXJnaW5Cb3R0b20gPSBgJHthY3Rpb25zRmllbGRIZWlnaHQgKyAzMH1weGA7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgZGl2Qm94LnN0eWxlLm1hcmdpbkJvdHRvbSA9IGA1MHB4YDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xpY2tFeGVjdXRlKGFjdGlvbjogQWN0aW9uSXRlbSkge1xyXG4gICAgaWYgKGFjdGlvbi5jb21tYW5kKSB7XHJcblxyXG4gICAgICBhY3Rpb24uY29tbWFuZCgpO1xyXG5cclxuICAgICAgaWYgKGFjdGlvbi5jbG9zZUFmdGVyQ2xpY2sgIT0gZmFsc2UpIHRoaXMuZHluYW1pY0RpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gICAgfVxyXG4gIH1cclxufSIsIjwhLS0gUkVOREVSSVpBw4fDg08gRE8gTU9EQUwgLS0+XHJcbjxkaXYgY2xhc3M9XCJjb2wtMTIgbWItNFwiIGlkPVwiY29udGVudC1tb2RhbFwiPlxyXG4gICAgPCEtLSBDT0xPQ0FSIFVNIENPTVBPTkVOVEUgU1VCSEVBREVSIEFRVUkgLS0+XHJcblxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuXHJcbjwhLS0gUkVOREVSSVpBw4fDg08gRE9TIEJPVMOVRVMgLS0+XHJcblxyXG48ZGl2IGNsYXNzPVwiYmctd2hpdGUgZmxleCBmbGV4LXJvdyBmbGV4LXdyYXAgZ2FwLTIgcC0yIG1vZGFsLWJhcnJhLWFjb2VzIHt7anVzdGlmeV9jb250ZW50fX1cIiAqbmdJZj1cImFjdGlvbnNcIiBpZD1cImFjdGlvbnMtZmllbGRcIj5cclxuICAgIDxrdi1idXR0b25cclxuICAgICAgICAqbmdGb3I9XCIgbGV0IGFjdGlvbiBvZiBhY3Rpb25zXCJcclxuICAgICAgICBbbmdDbGFzc109XCJhY3Rpb24udmlzaWJsZT09ZmFsc2U/J2hpZGRlbic6JydcIlxyXG4gICAgICAgIGljb249XCJ7e2FjdGlvbi5pY29ufX1cIlxyXG4gICAgICAgIGxhYmVsPVwie3thY3Rpb24ubGFiZWx9fVwiXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCB8fCBmYWxzZVwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwiY2xpY2tFeGVjdXRlKGFjdGlvbilcIlxyXG4gICAgICAgIFtzZXZlcml0eV09XCJhY3Rpb24uc2V2ZXJpdHkgfHwncHJpbWFyeSdcIlxyXG4gICAgLz5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/components/kv-table/kv-table.component.mjs

@@ -479,11 +479,11 @@ export class KvTableComponent {
         this.dataSource = [...this.dataSource];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableComponent, deps: [{ token: i1.DatePipe }, { token: i1.DecimalPipe }, { token: i2.CpfCnpjPipe }, { token: i3.TelefonePipe }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], defaultSortField: "defaultSortField", dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados", scrollHeight: "scrollHeight", isTableScrollable: "isTableScrollable", tableCaptalized: "tableCaptalized", rowTrackBy: "rowTrackBy", responsiveLayout: "responsiveLayout", disabledHeaderCheckbox: "disabledHeaderCheckbox", applyStyle: "applyStyle", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "ptable", first: true, predicate: Table, descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 gap-1\"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              autocomplete=\"off\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'filter_alt'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n            >\r\n            </kv-button>\r\n          </div>\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card styleClass=\"p-2\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n        class=\"tr-td {{isDisabledRow(rowData) ? 'disabled-row' : ''}}\"\r\n      >\r\n        @if (config.enableSelect) { \r\n        <td style=\"width: 8px !important\">\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col))\r\n              {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              }\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n            </div>\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz p-1\"\r\n              style=\"font-size: 25px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.7rem;height:1rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i9.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i10.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i11.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i12.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i12.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i12.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i12.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i14.KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }, { kind: "component", type: i15.KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvTableComponent, selector: "kv-table", inputs: { _templates: ["templates", "_templates"], setConfig: ["config", "setConfig"], defaultSortField: "defaultSortField", dataSource: "dataSource", selectedItems: "selectedItems", totalRecords: "totalRecords", paginator: "paginator", rowsPerPageOptions: "rowsPerPageOptions", rows: "rows", tableSize: "tableSize", filterColumnsBtn: "filterColumnsBtn", filtrosAvancados: "filtrosAvancados", scrollHeight: "scrollHeight", isTableScrollable: "isTableScrollable", tableCaptalized: "tableCaptalized", rowTrackBy: "rowTrackBy", responsiveLayout: "responsiveLayout", disabledHeaderCheckbox: "disabledHeaderCheckbox", applyStyle: "applyStyle", pageLinksOptions: "pageLinksOptions", showFirstLastIcon: "showFirstLastIcon" }, outputs: { onActiveItem: "onActiveItem", onActiveItemLote: "onActiveItemLote", onPaginate: "onPaginate", onSelectionChange: "onSelectionChange", doubleClickEvent: "doubleClickEvent", filterField: "filterField", onSwitchTableChange: "onSwitchTableChange" }, host: { listeners: { "window:resize": "onWindowResize($event)", "document:keydown.escape": "onEscapeKey($event)", "document:click": "onClickEvent($event)" } }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "ptable", first: true, predicate: Table, descendants: true }, { propertyName: "menuFiltroDiv", first: true, predicate: ["menuFiltroDiv"], descendants: true }, { propertyName: "botaoFiltro", first: true, predicate: ["botaoFiltro"], descendants: true }], ngImport: i0, template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 gap-1\"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              autocomplete=\"off\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'filter_alt'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n            >\r\n            </kv-button>\r\n          </div>\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card styleClass=\"p-2\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n        class=\"tr-td {{isDisabledRow(rowData) ? 'disabled-row' : ''}}\"\r\n      >\r\n        @if (config.enableSelect) { \r\n        <td style=\"width: 8px !important\">\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col))\r\n              {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              }\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n            </div>\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz p-1\"\r\n              style=\"font-size: 25px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.7rem;height:1rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i9.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i10.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: i11.TieredMenu, selector: "p-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i12.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i12.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i12.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i12.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i14.KvSwitchComponent, selector: "kv-switch", inputs: ["readonly", "switchValue"], outputs: ["onSwitchChange"] }, { kind: "component", type: i15.KvButtonComponent, selector: "kv-button", inputs: ["label", "icon", "loading", "disabled", "severity", "size"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-table', template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 gap-1\"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              autocomplete=\"off\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'filter_alt'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n            >\r\n            </kv-button>\r\n          </div>\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card styleClass=\"p-2\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n        class=\"tr-td {{isDisabledRow(rowData) ? 'disabled-row' : ''}}\"\r\n      >\r\n        @if (config.enableSelect) { \r\n        <td style=\"width: 8px !important\">\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col))\r\n              {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              }\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n            </div>\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz p-1\"\r\n              style=\"font-size: 25px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: [".tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.7rem;height:1rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
+            args: [{ selector: 'kv-table', template: "<div>\r\n  @if (filtrosAvancados) {\r\n  <p-panel\r\n    header=\"Filtros avan\u00E7ados\"\r\n    [toggleable]=\"true\"\r\n    [collapsed]=\"true\"\r\n    (collapsedChange)=\"collapsed = !collapsed\"\r\n    [style]=\"{ 'margin-bottom': '2px' }\"\r\n  >\r\n    <ng-template pTemplate=\"headericons\">\r\n      @if (!collapsed) {\r\n      <i class=\"pi pi-filter\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 aberto -->\r\n      @if (collapsed) {\r\n      <i class=\"pi pi-minus\"></i>\r\n      }\r\n      <!-- \u00CDcone quando o painel est\u00E1 fechado -->\r\n    </ng-template>\r\n    <ng-content></ng-content>\r\n  </p-panel>\r\n  } @if (config) {\r\n  <p-table\r\n    #dt\r\n    styleClass=\"p-datatable-sm\"\r\n    [value]=\"dataSource\"\r\n    [(selection)]=\"selectedItems\"\r\n    [rowSelectable]=\"isRowSelectable\"\r\n    [columns]=\"config.columns\"\r\n    [globalFilterFields]=\"globalFilterFields\"\r\n    [rows]=\"rows\"\r\n    [paginator]=\"paginator\"\r\n    [rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n    [rowHover]=\"true\"\r\n    [totalRecords]=\"totalRecords\"\r\n    [lazy]=\"config.lazy\"\r\n    (onLazyLoad)=\"paginate($event)\"\r\n    (selectionChange)=\"selectionChange($event)\"\r\n    (onSort)=\"onSort($event)\"\r\n    rowGroupMode=\"rowspan\"\r\n    [groupRowsBy]=\"config.fieldGroup\"\r\n    [showFirstLastIcon]=\"tamanhoTela > 960 ? true : false\"\r\n    [pageLinks]=\"tamanhoTela > 960 ? 2 : 1\"\r\n    [responsive]=\"true\"\r\n    [responsiveLayout]=\"responsiveLayout ? 'stack' : ''\"\r\n    [scrollable]=\"isTableScrollable\"\r\n    [scrollHeight]=\"scrollHeight\"\r\n    [rowTrackBy]=\"rowTrackBy\"\r\n  >\r\n    @if (config.enableCation) {\r\n    <ng-template pTemplate=\"caption\">\r\n      <div\r\n        class=\"flex flex-row flex-wrap justify-content-between grid formgrid p-fluid col-12 p-0 m-0\"\r\n        [style.background-color]=\"'#EAEAEA'\"\r\n      >\r\n        <div class=\"col-12 flex flex-column\">\r\n          @if (config.title) {\r\n          <div class=\"text-md font-bold my-3\">\r\n            {{ config.title }}\r\n          </div>\r\n          } @if (config.subtitle) {\r\n          <div class=\"text-sm mb-4 font-medium\">\r\n            {{ config.subtitle }}\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center md:col-6 lg:col-4 {{\r\n            tamanhoTela < 768 ? 'col-10' : 'col-12'\r\n          }} mt-1 mb-2 gap-1\"\r\n        >\r\n          @if (config.enableFilter) {\r\n          <span class=\"p-input-icon-left\">\r\n            <i class=\"pi pi-search\"></i>\r\n\r\n            <input\r\n              pInputText\r\n              pAutoFocus\r\n              [autofocus]=\"true\"\r\n              type=\"text\"\r\n              (input)=\"onGlobalFilter(dt, $event)\"\r\n              placeholder=\"Pesquisar...\"\r\n              class=\"h-2rem\"\r\n              autocomplete=\"off\"\r\n            />\r\n          </span>\r\n          } @if(filterColumnsBtn) {\r\n          <div #botaoFiltro>\r\n            <kv-button\r\n              id=\"botaoFiltro\"\r\n              [icon]=\"'filter_alt'\"\r\n              (onClick)=\"abrirMenuFiltro($event)\"\r\n              severity=\"tertiary\"\r\n            >\r\n            </kv-button>\r\n          </div>\r\n\r\n          <div\r\n            #menuFiltroDiv\r\n            id=\"menuFiltroDiv\"\r\n            [style.visibility]=\"'hidden'\"\r\n            class=\"absolute z-4 bg-gray-200 menu-columns-filtro\"\r\n          >\r\n            <p-card styleClass=\"p-2\">\r\n              <div\r\n                class=\"flex flex-column text-medium w-15rem p-1\"\r\n                *ngFor=\"let col of columns\"\r\n              >\r\n                {{ checkMenuFiltro(col) }}\r\n                <p-checkbox\r\n                  #filterColumns\r\n                  [label]=\"col.header\"\r\n                  [binary]=\"true\"\r\n                  class=\"checkbox-container\"\r\n                  (onChange)=\"dinamicColumnSet($event, col)\"\r\n                  [(ngModel)]=\"col.checked\"\r\n                  *ngIf=\"!dinamicDisableColumn(col)\"\r\n                ></p-checkbox>\r\n              </div>\r\n            </p-card>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <div class=\"flex flex-row col-2 justify-content-end gap-2\">\r\n          @for (action of config.actionsLote; track i; let i = $index) {\r\n          <div class=\"flex align-items-center justify-content-center\">\r\n            @if ((selectedItems.length > 0 || action.showAcoesLote) &&\r\n            (getOrExecute(action.visible, selectedItems) ?? true)) {\r\n            <kv-button\r\n              (onClick)=\"action?.command(); activeItemLote(selectedItems)\"\r\n              [pTooltip]=\"getOrExecute(action.tooltip, selectedItems)\"\r\n              [tooltipPosition]=\"\r\n                (getOrExecute(action.tooltip, selectedItems)?.length ??\r\n                  0 > 7) &&\r\n                config.actionsLote &&\r\n                i == config.actionsLote.length - 1\r\n                  ? 'left'\r\n                  : 'bottom'\r\n              \"\r\n              [disabled]=\"getOrExecute(action.disabled, selectedItems) || false\"\r\n              [icon]=\"getOrExecute(action.icon, selectedItems)\"\r\n              [severity]=\"action.severity || 'tertiary'\"\r\n            />\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    }\r\n\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n      <tr>\r\n        @if (config.enableSelect) {\r\n        <th>\r\n          <p-tableHeaderCheckbox\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n            [disabled]=\"disabledHeaderCheckbox\"\r\n          ></p-tableHeaderCheckbox>\r\n        </th>\r\n        } @for (col of columns; track $index) {\r\n        <th\r\n          [pSortableColumn]=\"col.field\"\r\n          [pSortableColumnDisabled]=\"col.sortable === false\"\r\n          [style.width]=\"col.width\"\r\n          class=\"text-sm\"\r\n        >\r\n          <div\r\n            class=\"flex flex-row align-items-center {{\r\n              col.centralize && 'justify-content-center'\r\n            }}\"\r\n          >\r\n            <span>{{ col.header }}</span>\r\n            @if (col.sortable) {\r\n            <p-sortIcon\r\n              [field]=\"col.field\"\r\n              style=\"font-size: 10px\"\r\n            ></p-sortIcon>\r\n            } @if (col.headerTooltip) {\r\n            <span\r\n              class=\"material-symbols-outlined flex align-items-center\"\r\n              [pTooltip]=\"col.headerTooltip\"\r\n              >info</span\r\n            >\r\n            }\r\n          </div>\r\n        </th>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <th></th>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template\r\n      pTemplate=\"body\"\r\n      let-rowData\r\n      let-columns=\"columns\"\r\n      let-rowgroup=\"rowgroup\"\r\n      let-rowspan=\"rowspan\"\r\n      let-rowIndex=\"rowIndex\"\r\n    >\r\n      <tr\r\n        (dblclick)=\"doubleClick($event, rowData)\"\r\n        [ngClass]=\"{ capitalize: tableCaptalized }\"\r\n        class=\"tr-td {{isDisabledRow(rowData) ? 'disabled-row' : ''}}\"\r\n      >\r\n        @if (config.enableSelect) { \r\n        <td style=\"width: 8px !important\">\r\n          <p-tableCheckbox\r\n            [value]=\"rowData\"\r\n            [disabled]=\"isDisabledCheckbox(rowData)\"\r\n            (click)=\"activeItemLote(selectedItems)\"\r\n          ></p-tableCheckbox>\r\n        </td>\r\n        } @for (col of columns; track $index) {\r\n        <ng-container>\r\n          @if (rowgroup && !col.template) {\r\n          <td\r\n            [attr.rowspan]=\"rowgroup && col.grouped ? rowspan : null\"\r\n            [pTooltip]=\"returnTooltipRow(rowData, col)\"\r\n          >\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"returnRowClass(rowData, col)\"\r\n            >\r\n              @if (!isChipField(col) && !col.iconField && !isImageField(col)) {\r\n              <span\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                @if(col.tagColor) {\r\n                <div\r\n                  class=\"tag\"\r\n                  [pTooltip]=\"\r\n                    col.tooltipTag &&\r\n                    col.tooltipTag(rowData, col, rowData[col.field])\r\n                  \"\r\n                  [style.background-color]=\"\r\n                    col.tagColor(rowData, col, rowData[col.field])\r\n                  \"\r\n                ></div>\r\n\r\n                } @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                  >{{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (!rowgroup && !col.grouped && !col.template) {\r\n          <td class=\"rowTable\" [pTooltip]=\"returnTooltipRow(rowData, col)\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n\r\n            <span\r\n              *ngIf=\"!isBooleanField(rowData, col); else booleanField\"\r\n              [class]=\"\r\n                returnRowClass(rowData, col) +\r\n                ' flex flex-row gap-2 align-items-center ' +\r\n                (col.centralize && 'justify-content-center')\r\n              \"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"\r\n                  col.tooltipTag &&\r\n                  col.tooltipTag(rowData, col, rowData[col.field])\r\n                \"\r\n                [style.background-color]=\"\r\n                  col.tagColor(rowData, col, rowData[col.field])\r\n                \"\r\n              ></div>\r\n\r\n              } @if (!isChipField(col) && !col.iconField && !isImageField(col))\r\n              {\r\n              <span>\r\n                @if (col.icon) {\r\n                <i [class]=\"col.icon + ' mr-2'\"></i>\r\n                }\r\n                {{ transformValue(rowData, col) }}\r\n              </span>\r\n              } @if (isChipField(col) && !col.iconField) {\r\n              <div>\r\n                <span\r\n                  [class]=\"returnClassChip(rowData, col)\"\r\n                  [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n                >\r\n                  {{ transformValue(rowData, col) }}</span\r\n                >\r\n              </div>\r\n              }\r\n            </span>\r\n\r\n            @if (isImageField(col)) {\r\n            <span>\r\n              <span>\r\n                <img class=\"image\" [src]=\"loadImage(rowData, col)\" />\r\n              </span>\r\n            </span>\r\n            } @if (col.iconField) {\r\n            <i\r\n              [ngClass]=\"{\r\n                'material-icons': col.indIconMaterial,\r\n                'material-symbols-outlined mr-2': !col.indIconMaterial\r\n              }\"\r\n              [pTooltip]=\"returnTooltipIcon(rowData, col)\"\r\n            >\r\n              {{ returnClassIcon(rowData, col) }}\r\n            </i>\r\n            }\r\n\r\n            <ng-template #booleanField>\r\n              @if (!col.iconField && !isSwitchField(col)) {\r\n              <div\r\n                class=\"flex flex-row gap-2 align-items-center {{\r\n                  col.centralize && 'justify-content-center'\r\n                }}\"\r\n                [pTooltip]=\"\r\n                  col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n                \"\r\n              >\r\n                <i\r\n                  [ngClass]=\"\r\n                    rowData[col.field] ? 'text-green-500' : 'text-red-500'\r\n                  \"\r\n                  ><span class=\"material-symbols-outlined\">\r\n                    {{ rowData[col.field] ? \"check\" : \"close\" }}\r\n                  </span>\r\n                </i>\r\n              </div>\r\n              } @if (isSwitchField(col)) {\r\n              <span\r\n                [class]=\"\r\n                  returnRowClass(rowData, col) +\r\n                  ' flex flex-row align-items-center justify-content-center'\r\n                \"\r\n              >\r\n                <kv-switch\r\n                  (onSwitchChange)=\"onSwitchChange($event, rowData, col)\"\r\n                  [disabled]=\"col?.onlyReadField ?? true\"\r\n                  [switchValue]=\"transformValue(rowData, col)\"\r\n                >\r\n                </kv-switch>\r\n              </span>\r\n              }\r\n            </ng-template>\r\n          </td>\r\n          } @if (col.template) {\r\n          <td class=\"rowTable\">\r\n            <span class=\"p-column-title\">{{ col.header }}:</span>\r\n            @if (getCustomTemplate(col.template.name)) {\r\n\r\n            <div\r\n              class=\"flex flex-row gap-2 align-items-center {{\r\n                col.centralize && ' justify-content-center'\r\n              }}\"\r\n              [pTooltip]=\"\r\n                col.tooltip && col.tooltip(rowData, col, rowData[col.field])\r\n              \"\r\n            >\r\n              @if(col.tagColor) {\r\n              <div\r\n                class=\"tag\"\r\n                [pTooltip]=\"col.tooltipTag && col.tooltipTag(rowData, col)\"\r\n                [style.background-color]=\"col.tagColor(rowData, col)\"\r\n              ></div>\r\n              }\r\n\r\n              <div class=\"w-full\">\r\n                <ng-container\r\n                  [ngTemplateOutlet]=\"getCustomTemplate(col.template.name)\"\r\n                  [ngTemplateOutletContext]=\"{ $implicit: rowData }\"\r\n                />\r\n              </div>\r\n            </div>\r\n            }\r\n          </td>\r\n          }\r\n        </ng-container>\r\n        } @if (config.actions && config.actions.length > 0) {\r\n        <td>\r\n          <div class=\"flex flex-row justify-content-end w-full\">\r\n            <span\r\n              class=\"material-symbols-outlined cursor-pointer icon-more-horiz p-1\"\r\n              style=\"font-size: 25px\"\r\n              (click)=\"menu.toggle($event); activeItem(rowData)\"\r\n            >\r\n              more_horiz\r\n            </span>\r\n\r\n            <p-tieredMenu\r\n              #menu\r\n              [popup]=\"true\"\r\n              [model]=\"tableActions[rowIndex - actionsOffset]\"\r\n              appendTo=\"body\"\r\n            ></p-tieredMenu>\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"emptymessage\" let-columns>\r\n      <tr>\r\n        <td\r\n          [attr.colspan]=\"columns.length + 2\"\r\n          style=\"text-align: center; border-radius: 10px !important\"\r\n        >\r\n          <p class=\"font-medium m-0\">Nenhum registro encontrado</p>\r\n        </td>\r\n      </tr>\r\n    </ng-template>\r\n  </p-table>\r\n  }\r\n</div>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/icon?family=Material+Icons\"\r\n/>\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0\"\r\n/>\r\n", styles: ["::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar{width:6px}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-datatable>.p-datatable-wrapper:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-datatable>.p-datatable-wrapper::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.tag{width:5px;height:20px;border-radius:.25rem}::ng-deep .p-panel .p-panel-header{border:none!important}:host ::ng-deep .p-datatable-header{background-color:#eaeaea!important;padding:0!important;border-radius:5px!important}::ng-deep .p-panel.p-panel-toggleable .p-panel-header{background-color:#eaeaea}::ng-deep .p-datatable.p-datatable-sm .p-datatable-thead>tr>th{background-color:#eaeaea}.icon-more-horiz{font-weight:700}.icon-more-horiz:hover,.icon-more-horiz:focus{color:#5e5e5e;transition:color .3s,transform .3s;background-color:#eaeaea;border-radius:50%}.tr-td{overflow-wrap:anywhere}.tr-td:hover{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#fff;transition:color .3s,transform .3s;transform:scale(1)}.disabled-row{pointer-events:none;opacity:.6;background-color:#dddddd8e}::ng-deep .p-tooltip{pointer-events:auto}.btn-table{background-color:#29b92d;padding:12px}.btn-table:hover{background-color:#249a29}.btn-table:active{background-color:#1c801f}.btn-table:disabled{background-color:#29b92d}::ng-deep svg.p-icon{width:.7rem;height:1rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: i2.CpfCnpjPipe }, { type: i3.TelefonePipe }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { templates: [{
                 type: ContentChildren,
                 args: [TemplateDirective]