brainloper-ui 20.0.14 → 20.1.0

package/fesm2022/brainloper-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Inject, ViewEncapsulation, Component, Injectable, forwardRef, HostListener, Directive, EventEmitter, Output, Input, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import { Inject, ViewEncapsulation, Component, Injectable, forwardRef, HostListener, Directive, EventEmitter, Output, Input, ViewChild, Pipe, ContentChildren, NgModule } from '@angular/core';
 import * as i7$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@angular/material/button';
@@ -1301,6 +1301,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+class ThousandSeparatorPipe {
+    transform(value) {
+        if (value == null) {
+            return '';
+        }
+        let formattedValue = value.toString().replace(/\D/g, '');
+        formattedValue = formattedValue.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+        return formattedValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThousandSeparatorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ThousandSeparatorPipe, isStandalone: false, name: "thousandSeparator" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThousandSeparatorPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'thousandSeparator',
+                    standalone: false
+                }]
+        }] });
+
 class TemplateOtComponent {
     dialogRef;
     dataModal;
@@ -1373,11 +1393,11 @@ class TemplateOtComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TemplateOtComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: MessageService }, { token: WorkOrderPdfService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TemplateOtComponent, isStandalone: false, selector: "app-template-ot", ngImport: i0, template: "<mat-dialog-content >\n    <div id=\"templateOT\" #templateOT class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de trabajo</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n              <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.odometer}}</h2>\n            </div>\n             <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Datos del proveedor</h2>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Nombre:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.nameProvider}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressProvider}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Detalles del servicio</h2>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h2 class=\"wrap-text text-start\">{{data.description}}</h2>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden a la factura o cuenta de cobro</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n    <div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TemplateOtComponent, isStandalone: false, selector: "app-template-ot", ngImport: i0, template: "<mat-dialog-content >\n    <div id=\"templateOT\" #templateOT class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de trabajo</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n              <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.odometer | thousandSeparator}}</h2>\n            </div>\n             <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Datos del proveedor</h2>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Nombre:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.nameProvider}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressProvider}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Detalles del servicio</h2>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h2 class=\"wrap-text text-start\">{{data.description}}</h2>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden a la factura o cuenta de cobro</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n    <div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: ThousandSeparatorPipe, name: "thousandSeparator" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TemplateOtComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-template-ot', standalone: false, template: "<mat-dialog-content >\n    <div id=\"templateOT\" #templateOT class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de trabajo</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n              <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.odometer}}</h2>\n            </div>\n             <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Datos del proveedor</h2>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Nombre:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.nameProvider}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressProvider}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Detalles del servicio</h2>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h2 class=\"wrap-text text-start\">{{data.description}}</h2>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden a la factura o cuenta de cobro</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n    <div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"] }]
+            args: [{ selector: 'app-template-ot', standalone: false, template: "<mat-dialog-content >\n    <div id=\"templateOT\" #templateOT class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de trabajo</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n              <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.odometer | thousandSeparator}}</h2>\n            </div>\n             <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Datos del proveedor</h2>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Nombre:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.nameProvider}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressProvider}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Detalles del servicio</h2>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h2 class=\"wrap-text text-start\">{{data.description}}</h2>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden a la factura o cuenta de cobro</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n    <div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -1799,11 +1819,11 @@ class TemplateFuelComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TemplateFuelComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: MessageService }, { token: FuelOrderPdfService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TemplateFuelComponent, isStandalone: false, selector: "app-template-fuel", ngImport: i0, template: "<mat-dialog-content >\n    <div id=\"templateFO\" #templateFO class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de combustible</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:44%\">\n                <h2 class=\"wrap-text\">{{data.odometer}}</h2>\n            </div>\n            <!-- <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div> -->\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Datos del proveedor</h3>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Lugar:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.namePlace}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressPlace}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Detalles del servicio</h3>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h3 class=\"wrap-text text-start\">{{data.detalle}}</h3>\n            <h3 class=\"wrap-text text-start\">Descripci\u00F3n: {{data.description}}</h3>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden de venta o factura</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n\n<div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2,.container-headers h3{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TemplateFuelComponent, isStandalone: false, selector: "app-template-fuel", ngImport: i0, template: "<mat-dialog-content >\n    <div id=\"templateFO\" #templateFO class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de combustible</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:44%\">\n                <h2 class=\"wrap-text\">{{data.odometer | thousandSeparator}}</h2>\n            </div>\n            <!-- <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div> -->\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Datos del proveedor</h3>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Lugar:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.namePlace}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressPlace}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Detalles del servicio</h3>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h3 class=\"wrap-text text-start\">{{data.detalle}}</h3>\n            <h3 class=\"wrap-text text-start\">Descripci\u00F3n: {{data.description}}</h3>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden de venta o factura</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n\n<div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2,.container-headers h3{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"], dependencies: [{ kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: ThousandSeparatorPipe, name: "thousandSeparator" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TemplateFuelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-template-fuel', standalone: false, template: "<mat-dialog-content >\n    <div id=\"templateFO\" #templateFO class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de combustible</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:44%\">\n                <h2 class=\"wrap-text\">{{data.odometer}}</h2>\n            </div>\n            <!-- <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div> -->\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Datos del proveedor</h3>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Lugar:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.namePlace}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressPlace}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Detalles del servicio</h3>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h3 class=\"wrap-text text-start\">{{data.detalle}}</h3>\n            <h3 class=\"wrap-text text-start\">Descripci\u00F3n: {{data.description}}</h3>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden de venta o factura</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n\n<div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2,.container-headers h3{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"] }]
+            args: [{ selector: 'app-template-fuel', standalone: false, template: "<mat-dialog-content >\n    <div id=\"templateFO\" #templateFO class=\"d-flex flex-column w-100 white-background\">\n\n        <!-- Encabezado  -->\n        <div class=\"borde w-100 d-flex flex-row align-items-center header-section\">\n            <div class=\"d-flex flex-column align-items-center text-content\" style=\"width:80%\">\n                <h2 class=\"text-header text-uppercase wrap-text\">{{data.name}}</h2>\n                <h2 class=\"text-header wrap-text\">NIT: {{data.nit}}</h2>\n                <div class=\"w-100 d-flex flex-row justify-content-evenly\">\n                    <h3 class=\"text-header wrap-text\">{{data.address}}</h3>\n                    <h3 class=\"text-header wrap-text\">TEL: {{data.telephone}}</h3>\n                </div>\n            </div>\n            <div style=\"width:20%\">\n                <div class=\"img w-100\" [style.background-image]=\"'url(' + data.image + ')'\">\n                </div>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h2>Orden de combustible</h2>\n            <h2 class=\"wrap-text\">N\u00B0: {{data.consecutive}}</h2>\n        </div>\n\n        <!-- Cuerpo -->\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">\u00C1rea:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.area}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">C\u00F3digo:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.code}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Fecha:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.date}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Operario:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:32%\">\n                <h2 class=\"wrap-text\">{{data.responsible}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Od\u00F3metro:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:44%\">\n                <h2 class=\"wrap-text\">{{data.odometer | thousandSeparator}}</h2>\n            </div>\n            <!-- <div class=\"border-r container-text\" style=\"width:12%\">\n                <h2 class=\"fw-bold\">Referencia Factura:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:16%\">\n                <h2 class=\"wrap-text\">{{data.invoiceReference}}</h2>\n            </div> -->\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Datos del proveedor</h3>\n        </div>\n\n        <div class=\"borde flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Lugar:</h2>\n            </div>\n            <div class=\"border-r container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.namePlace}}</h2>\n            </div>\n            <div class=\"border-r container-text\" style=\"width:15%\">\n                <h2 class=\"fw-bold\">Direcci\u00F3n:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:35%\">\n                <h2 class=\"wrap-text\">{{data.addressPlace}}</h2>\n            </div>\n        </div>\n\n        <div class=\"borde container-headers\">\n            <h3>Detalles del servicio</h3>\n        </div>\n\n        <div class=\"borde w-100 description-section\">\n            <h3 class=\"wrap-text text-start\">{{data.detalle}}</h3>\n            <h3 class=\"wrap-text text-start\">Descripci\u00F3n: {{data.description}}</h3>\n        </div>\n\n        <div class=\"borde w-100 flexible-row\">\n            <div class=\"border-r container-text\" style=\"width:35%\">\n                <h2 class=\"fw-bold\">AUTORIZADA POR:</h2>\n            </div>\n            <div class=\"container-text text-content\" style=\"width:65%\">\n                <h2 class=\"wrap-text\">{{data.approved_by}}</h2>\n            </div>\n        </div>\n\n        <!-- piso -->\n        <div class=\"borde d-flex flex-column align-items-center justify-content-center w-100 footer-section\">\n            <h2>Favor adjuntar la orden de venta o factura</h2>\n            <h2 class=\"wrap-text\">{{data.mail}}</h2>\n        </div>\n\n    </div>\n\n\n<div class=\"download-container\">\n    <button (click)=\"generatePdfWithHtml2Canvas()\" color='primary' mat-raised-button style=\"margin-right: 10px;\">\n        Generar PDF\n    </button>\n</div>\n</mat-dialog-content>\n", styles: [".img{background-size:100%!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;height:22mm!important;margin:0!important;padding:0!important}h2{font-size:1rem!important;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}h3{line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}.text-header{line-height:1.5!important;font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.wrap-text{white-space:pre-wrap!important}.text-content{padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.borde{border:1px solid blue!important}.border-r{border-right:1px solid blue!important;min-height:100%!important;align-self:stretch!important}.container-text{display:flex!important;justify-content:center!important;align-items:center!important;min-height:inherit!important}.container-headers{display:flex!important;align-items:center!important;justify-content:space-evenly!important;width:100%!important;min-height:8mm!important;background:#f0f4ff9c!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.container-headers h2,.container-headers h3{font-weight:700!important}.flexible-row{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:11mm!important}.header-section{min-height:25mm!important}.footer-section{min-height:14mm!important;background:#f0f4ff59!important;padding:5px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.description-section{min-height:20mm!important;padding:10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.w-100{width:100%!important}.text-start{text-align:start!important}.white-background{background-color:#fff!important}.download-container{display:flex!important;justify-content:center!important;margin-top:15px!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -3186,9 +3206,12 @@ class FileInputComponent {
         else {
             this.edit = '';
         }
-        let types = Array.isArray(this.params.typeFile) ? this.params.typeFile : [this.params.typeFile];
+        const rawTypes = Array.isArray(this.params.typeFile)
+            ? this.params.typeFile
+            : (this.params.typeFile ? [this.params.typeFile] : []);
+        const types = rawTypes.filter(t => t != null && t !== '');
         this.typeFile = types;
-        this.type = types.map(t => {
+        this.type = types.length === 0 ? '' : types.map(t => {
             if (t === 'imagen')
                 return 'image/*';
             if (t === 'pdf')
@@ -3217,7 +3240,7 @@ class FileInputComponent {
             height: '100%',
             "border-radius": `${this.sizePicture['border-radius']}`,
         };
-        if (this.typeFile.includes('imagen')) {
+        if (this.typeFile.length === 0 || this.typeFile.includes('imagen')) {
             this.imageSrc = this.params.imageSrc || imagenFondoTransparente;
         }
         else {
@@ -3233,8 +3256,9 @@ class FileInputComponent {
             this.file = file;
             const mime = file.type;
             const name = file.name.toLowerCase();
+            const acceptAll = this.typeFile.length === 0;
             // NUEVO: Detectar tipo según archivo subido y lo permitido
-            if (mime.startsWith('image/') && this.typeFile.includes('imagen')) {
+            if (mime.startsWith('image/') && (acceptAll || this.typeFile.includes('imagen'))) {
                 // Imagen
                 const reader = new FileReader();
                 reader.onload = e => this.imageSrc = reader.result;
@@ -3247,7 +3271,7 @@ class FileInputComponent {
                     this.fileSave.emit({ new: this.file, compressor: r });
                 }
             }
-            else if ((mime === 'application/pdf' || name.endsWith('.pdf')) && this.typeFile.includes('pdf')) {
+            else if ((mime === 'application/pdf' || name.endsWith('.pdf')) && (acceptAll || this.typeFile.includes('pdf'))) {
                 // PDF
                 this.imageSrc = '';
                 this.styleImg = {
@@ -3263,7 +3287,7 @@ class FileInputComponent {
             }
             else if ((mime === 'application/msword' ||
                 mime === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-                name.endsWith('.doc') || name.endsWith('.docx')) && this.typeFile.includes('doc')) {
+                name.endsWith('.doc') || name.endsWith('.docx')) && (acceptAll || this.typeFile.includes('doc'))) {
                 // DOC/DOCX
                 this.imageSrc = '';
                 this.styleImg = {
@@ -3277,6 +3301,10 @@ class FileInputComponent {
                 };
                 this.fileSave.emit({ new: this.file });
             }
+            else if (acceptAll) {
+                // Unknown type but all types are permitted
+                this.fileSave.emit({ new: this.file });
+            }
             else {
                 this.message.Error('Error', 'Tipo de archivo no soportado');
             }
@@ -3307,11 +3335,11 @@ class FileInputComponent {
         console.log($event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileInputComponent, deps: [{ token: FileFormsService }, { token: HttpService }, { token: MessageService }, { token: i8.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileInputComponent, isStandalone: false, selector: "file-input", inputs: { params: "params", icon: "icon" }, outputs: { fileSave: "fileSave" }, ngImport: i0, template: "@if (params.input == 'vista') {\n  <div  [class]='edit' [ngStyle]=\"sizePicture\">\n    @if (imageSrc) {\n      <img [ngStyle]=\"styleImg\" src=\"{{imageSrc}}\" />\n    }\n    @if (!imageSrc) {\n      <div [ngStyle]=\"styleImg\"></div>\n    }\n    @if (params.edit == true) {\n      <div  class=\"entrada\" [ngStyle]=\"border\">\n        <input id=\"input\" type=\"file\" title='Subir archivo' [accept]='type'\n          style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'\n          (change)='fileChange($event)'>\n      </div>\n    }\n  </div>\n}\n@if (params.input == 'formulario') {\n  <div>\n    <mat-form-field [ngStyle]=\"styleForm\" (click)=\"fileInput.click()\" style=\"cursor:pointer;\">\n      <mat-label>{{params.label}}</mat-label>\n      <input disabled type=\"text\" matInput [placeholder]=\"params.label\" [value]=\"fileName || ''\" readonly style=\"pointer-events:none; background:transparent;\">\n      <button mat-icon-button matSuffix type=\"button\" tabindex=\"-1\" style=\"pointer-events:none;\">\n        @if (typeFile=='imagen') {\n          <mat-icon>add_a_photo</mat-icon>\n        }\n        @if (typeFile=='pdf') {\n          <mat-icon>picture_as_pdf</mat-icon>\n        }\n        @if (typeFile=='doc') {\n          <mat-icon>insert_drive_file</mat-icon>\n        }\n      </button>\n    </mat-form-field>\n    <input #fileInput id=\"input\" type=\"file\" title=\"Subir archivo\" [accept]=\"type\" style=\"display: none;\" (change)=\"fileChange($event)\">\n  </div>\n}\n", styles: ["p{font-family:Lato}.dropzone{min-height:400px;min-width:400px;display:table;width:100%;background-color:#eee;border:dotted 1px #aaa}.text-wrapper{display:table-cell;vertical-align:middle}.centered{font-family:sans-serif;font-size:1.3em;font-weight:700;text-align:center}.img :hover{background-image:url(data:image/png;base64,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);background-color:#cfd0d5;background-position:center;background-size:25%;background-repeat:no-repeat;transition:background-color 1s;cursor:pointer}.img{position:relative}.entrada{position:absolute;top:0;right:0;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i7$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FileInputComponent, isStandalone: false, selector: "file-input", inputs: { params: "params", icon: "icon" }, outputs: { fileSave: "fileSave" }, ngImport: i0, template: "@if (params.input == 'vista') {\n  <div  [class]='edit' [ngStyle]=\"sizePicture\">\n    @if (imageSrc) {\n      <img [ngStyle]=\"styleImg\" src=\"{{imageSrc}}\" />\n    }\n    @if (!imageSrc) {\n      <div [ngStyle]=\"styleImg\"></div>\n    }\n    @if (params.edit == true) {\n      <div  class=\"entrada\" [ngStyle]=\"border\">\n        <input id=\"input\" type=\"file\" title='Subir archivo' [accept]='type'\n          style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'\n          (change)='fileChange($event)'>\n      </div>\n    }\n  </div>\n}\n@if (params.input == 'formulario') {\n  <div>\n    <mat-form-field [ngStyle]=\"styleForm\" floatLabel=\"always\" (click)=\"fileInput.click()\" style=\"cursor:pointer;\">\n      <mat-label>{{params.label}}</mat-label>\n      <input disabled type=\"text\" matInput [placeholder]=\"params.label\" [value]=\"fileName || ''\" readonly style=\"pointer-events:none; background:transparent;\">\n      <button mat-icon-button matSuffix type=\"button\" tabindex=\"-1\" style=\"pointer-events:none;\">\n        @if (typeFile=='imagen') {\n          <mat-icon>add_a_photo</mat-icon>\n        }\n        @if (typeFile=='pdf') {\n          <mat-icon>picture_as_pdf</mat-icon>\n        }\n        @if (typeFile=='doc') {\n          <mat-icon>insert_drive_file</mat-icon>\n        }\n      </button>\n    </mat-form-field>\n    <input #fileInput id=\"input\" type=\"file\" title=\"Subir archivo\" [accept]=\"type\" style=\"display: none;\" (change)=\"fileChange($event)\">\n  </div>\n}\n", styles: ["p{font-family:Lato}.dropzone{min-height:400px;min-width:400px;display:table;width:100%;background-color:#eee;border:dotted 1px #aaa}.text-wrapper{display:table-cell;vertical-align:middle}.centered{font-family:sans-serif;font-size:1.3em;font-weight:700;text-align:center}.img :hover{background-image:url(data:image/png;base64,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);background-color:#cfd0d5;background-position:center;background-size:25%;background-repeat:no-repeat;transition:background-color 1s;cursor:pointer}.img{position:relative}.entrada{position:absolute;top:0;right:0;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i7$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'file-input', standalone: false, template: "@if (params.input == 'vista') {\n  <div  [class]='edit' [ngStyle]=\"sizePicture\">\n    @if (imageSrc) {\n      <img [ngStyle]=\"styleImg\" src=\"{{imageSrc}}\" />\n    }\n    @if (!imageSrc) {\n      <div [ngStyle]=\"styleImg\"></div>\n    }\n    @if (params.edit == true) {\n      <div  class=\"entrada\" [ngStyle]=\"border\">\n        <input id=\"input\" type=\"file\" title='Subir archivo' [accept]='type'\n          style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'\n          (change)='fileChange($event)'>\n      </div>\n    }\n  </div>\n}\n@if (params.input == 'formulario') {\n  <div>\n    <mat-form-field [ngStyle]=\"styleForm\" (click)=\"fileInput.click()\" style=\"cursor:pointer;\">\n      <mat-label>{{params.label}}</mat-label>\n      <input disabled type=\"text\" matInput [placeholder]=\"params.label\" [value]=\"fileName || ''\" readonly style=\"pointer-events:none; background:transparent;\">\n      <button mat-icon-button matSuffix type=\"button\" tabindex=\"-1\" style=\"pointer-events:none;\">\n        @if (typeFile=='imagen') {\n          <mat-icon>add_a_photo</mat-icon>\n        }\n        @if (typeFile=='pdf') {\n          <mat-icon>picture_as_pdf</mat-icon>\n        }\n        @if (typeFile=='doc') {\n          <mat-icon>insert_drive_file</mat-icon>\n        }\n      </button>\n    </mat-form-field>\n    <input #fileInput id=\"input\" type=\"file\" title=\"Subir archivo\" [accept]=\"type\" style=\"display: none;\" (change)=\"fileChange($event)\">\n  </div>\n}\n", styles: ["p{font-family:Lato}.dropzone{min-height:400px;min-width:400px;display:table;width:100%;background-color:#eee;border:dotted 1px #aaa}.text-wrapper{display:table-cell;vertical-align:middle}.centered{font-family:sans-serif;font-size:1.3em;font-weight:700;text-align:center}.img :hover{background-image:url(data:image/png;base64,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);background-color:#cfd0d5;background-position:center;background-size:25%;background-repeat:no-repeat;transition:background-color 1s;cursor:pointer}.img{position:relative}.entrada{position:absolute;top:0;right:0;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'file-input', standalone: false, template: "@if (params.input == 'vista') {\n  <div  [class]='edit' [ngStyle]=\"sizePicture\">\n    @if (imageSrc) {\n      <img [ngStyle]=\"styleImg\" src=\"{{imageSrc}}\" />\n    }\n    @if (!imageSrc) {\n      <div [ngStyle]=\"styleImg\"></div>\n    }\n    @if (params.edit == true) {\n      <div  class=\"entrada\" [ngStyle]=\"border\">\n        <input id=\"input\" type=\"file\" title='Subir archivo' [accept]='type'\n          style='width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 1; cursor: pointer;'\n          (change)='fileChange($event)'>\n      </div>\n    }\n  </div>\n}\n@if (params.input == 'formulario') {\n  <div>\n    <mat-form-field [ngStyle]=\"styleForm\" floatLabel=\"always\" (click)=\"fileInput.click()\" style=\"cursor:pointer;\">\n      <mat-label>{{params.label}}</mat-label>\n      <input disabled type=\"text\" matInput [placeholder]=\"params.label\" [value]=\"fileName || ''\" readonly style=\"pointer-events:none; background:transparent;\">\n      <button mat-icon-button matSuffix type=\"button\" tabindex=\"-1\" style=\"pointer-events:none;\">\n        @if (typeFile=='imagen') {\n          <mat-icon>add_a_photo</mat-icon>\n        }\n        @if (typeFile=='pdf') {\n          <mat-icon>picture_as_pdf</mat-icon>\n        }\n        @if (typeFile=='doc') {\n          <mat-icon>insert_drive_file</mat-icon>\n        }\n      </button>\n    </mat-form-field>\n    <input #fileInput id=\"input\" type=\"file\" title=\"Subir archivo\" [accept]=\"type\" style=\"display: none;\" (change)=\"fileChange($event)\">\n  </div>\n}\n", styles: ["p{font-family:Lato}.dropzone{min-height:400px;min-width:400px;display:table;width:100%;background-color:#eee;border:dotted 1px #aaa}.text-wrapper{display:table-cell;vertical-align:middle}.centered{font-family:sans-serif;font-size:1.3em;font-weight:700;text-align:center}.img :hover{background-image:url(data:image/png;base64,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);background-color:#cfd0d5;background-position:center;background-size:25%;background-repeat:no-repeat;transition:background-color 1s;cursor:pointer}.img{position:relative}.entrada{position:absolute;top:0;right:0;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: FileFormsService }, { type: HttpService }, { type: MessageService }, { type: i8.UntypedFormBuilder }], propDecorators: { params: [{
                 type: Input
             }], fileSave: [{
@@ -3450,7 +3478,8 @@ class BrainloperUiModule {
             FiltersComponent,
             SelectFilterComponent,
             CarouselItemDirective,
-            ThousandSeparatorDirective], imports: [CommonModule,
+            ThousandSeparatorDirective,
+            ThousandSeparatorPipe], imports: [CommonModule,
             MatButtonModule, MatSlideToggleModule,
             MatProgressBarModule,
             MatRippleModule,
@@ -3536,7 +3565,8 @@ class BrainloperUiModule {
             FiltersComponent,
             SelectFilterComponent,
             CarouselItemDirective,
-            ThousandSeparatorDirective] });
+            ThousandSeparatorDirective,
+            ThousandSeparatorPipe] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BrainloperUiModule, providers: [
             HttpService,
             provideHttpClient(withInterceptorsFromDi())
@@ -3607,7 +3637,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         FiltersComponent,
                         SelectFilterComponent,
                         CarouselItemDirective,
-                        ThousandSeparatorDirective
+                        ThousandSeparatorDirective,
+                        ThousandSeparatorPipe
                     ],
                     exports: [
                         ...Material,
@@ -3624,7 +3655,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         FiltersComponent,
                         SelectFilterComponent,
                         CarouselItemDirective,
-                        ThousandSeparatorDirective
+                        ThousandSeparatorDirective,
+                        ThousandSeparatorPipe
                     ], imports: [
                         CommonModule,
                         MatButtonModule,
@@ -4125,5 +4157,5 @@ var enumRules;
  * Generated bundle index. Do not edit.
  */
 
-export { BrainloperUiModule, BreadCrumbComponent, ButtonIconComponent, ButtonLabelComponent, CarouselComponent, CarouselItemDirective, CombosComponent, CryptoService, DataTableComponent, ExportDataService, FileFormsService, FileInputComponent, FiltersComponent, FunctionsService, GeneratePdfService, HttpResponseType, HttpService, LoadingComponent, LocalStorageService, MenuBreadCrumb, MessageService, ScreenSizeUtil, SelectFilterComponent, SessionService, TableModalComponent, ThousandSeparatorDirective, enumActions, enumRules };
+export { BrainloperUiModule, BreadCrumbComponent, ButtonIconComponent, ButtonLabelComponent, CarouselComponent, CarouselItemDirective, CombosComponent, CryptoService, DataTableComponent, ExportDataService, FileFormsService, FileInputComponent, FiltersComponent, FunctionsService, GeneratePdfService, HttpResponseType, HttpService, LoadingComponent, LocalStorageService, MenuBreadCrumb, MessageService, ScreenSizeUtil, SelectFilterComponent, SessionService, TableModalComponent, ThousandSeparatorDirective, ThousandSeparatorPipe, enumActions, enumRules };
 //# sourceMappingURL=brainloper-ui.mjs.map