brainloper-ui 1.0.2 → 1.0.4

package/esm2020/src/app/modules/brainloper-ui/components/report/template-fuel/template-fuel.component.mjs

@@ -70,12 +70,12 @@ export class TemplateFuelComponent {
     }
 }
 TemplateFuelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TemplateFuelComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-TemplateFuelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TemplateFuelComponent, selector: "app-template-fuel", ngImport: i0, template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+TemplateFuelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TemplateFuelComponent, selector: "app-template-fuel", ngImport: i0, template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TemplateFuelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-template-fuel', template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
+            args: [{ selector: 'app-template-fuel', template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialog }, { type: i2.MessageService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtZnVlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvYnJhaW5sb3Blci11aS9jb21wb25lbnRzL3JlcG9ydC90ZW1wbGF0ZS1mdWVsL3RlbXBsYXRlLWZ1ZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2JyYWlubG9wZXItdWkvY29tcG9uZW50cy9yZXBvcnQvdGVtcGxhdGUtZnVlbC90ZW1wbGF0ZS1mdWVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxhQUFhLENBQUM7QUFDdEMsT0FBTyxFQUEyQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFPcEYsTUFBTSxPQUFPLHFCQUFxQjtJQXVCaEMsWUFDUyxTQUE4QyxFQUNyQixTQUFTLEVBQ2pDLE1BQWdCLEVBQ2pCLE9BQXVCO1FBSHZCLGNBQVMsR0FBVCxTQUFTLENBQXFDO1FBQ3JCLGNBQVMsR0FBVCxTQUFTLENBQUE7UUFDakMsV0FBTSxHQUFOLE1BQU0sQ0FBVTtRQUNqQixZQUFPLEdBQVAsT0FBTyxDQUFnQjtRQXpCaEMsU0FBSSxHQUFHO1lBQ0wsSUFBSSxFQUFFLEVBQUU7WUFDUixHQUFHLEVBQUUsRUFBRTtZQUNQLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLEVBQUU7WUFDYixJQUFJLEVBQUUsRUFBRTtZQUNSLEtBQUssRUFBRSxFQUFFO1lBQ1QsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsRUFBRTtZQUNSLFdBQVcsRUFBRSxFQUFFO1lBQ2YsUUFBUSxFQUFFLEVBQUU7WUFDWixXQUFXLEVBQUUsRUFBRTtZQUNmLE9BQU8sRUFBQyxFQUFFO1lBQ1YsV0FBVyxFQUFFLEVBQUU7WUFDZixXQUFXLEVBQUUsRUFBRTtZQUNmLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEVBQUU7WUFDaEIsSUFBSSxFQUFFLEVBQUU7WUFDUixRQUFRLEVBQUMsRUFBRTtTQUNaLENBQUE7SUFPRyxDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUE7SUFDakMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFDO1lBQzdCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtTQUNuQjtJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxlQUFlLENBQUMsQ0FBQTtRQUNyRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ25ELE1BQU0sR0FBRyxHQUFHLElBQUksS0FBSyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDdkMsTUFBTSxPQUFPLEdBQUc7WUFDZCxVQUFVLEVBQUUsT0FBTztZQUNuQixLQUFLLEVBQUUsQ0FBQztTQUNULENBQUM7UUFDRixXQUFXLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQzthQUN2QixJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNoQixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBRTNDLHVCQUF1QjtZQUN2QixNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUM7WUFDbkIsTUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFDO1lBQ25CLE1BQU0sUUFBUSxHQUFJLEdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN0RCxNQUFNLFFBQVEsR0FBRyxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsR0FBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO1lBQy9ELE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1lBQ2hFLEdBQUcsQ0FBQyxRQUFRLENBQ1YsR0FBRyxFQUNILEtBQUssRUFDTCxPQUFPLEVBQ1AsT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULE1BQU0sQ0FDUCxDQUFDO1lBQ0YsT0FBTyxHQUFHLENBQUM7UUFDYixDQUFDLENBQUM7YUFDRCxJQUFJLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNuQiw0REFBNEQ7WUFDM0QsU0FBUyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFDLFFBQVEsRUFBRSxpQkFBaUIsRUFBQyxDQUFDLENBQUM7WUFDcEUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQTtZQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFBO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7a0hBNUVVLHFCQUFxQiw4Q0F5QnRCLGVBQWU7c0dBekJkLHFCQUFxQix5RENYbEMsa25OQXFIQTsyRkQxR2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQjs7MEJBNkIxQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZXNzYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL21lc3NhZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IGpzUERGIGZyb20gJ2pzcGRmJztcclxuaW1wb3J0IGh0bWwyY2FudmFzIGZyb20gJ2h0bWwyY2FudmFzJztcclxuaW1wb3J0IHtNYXREaWFsb2csICBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10ZW1wbGF0ZS1mdWVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUtZnVlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVtcGxhdGUtZnVlbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUZ1ZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBkYXRhID0ge1xyXG4gICAgbmFtZTogJycsXHJcbiAgICBuaXQ6ICcnLFxyXG4gICAgYWRkcmVzczogJycsXHJcbiAgICB0ZWxlcGhvbmU6ICcnLFxyXG4gICAgbWFpbDogJycsXHJcbiAgICBpbWFnZTogJycsXHJcbiAgICBjb2RlOiAnJyxcclxuICAgIGRhdGU6ICcnLFxyXG4gICAgcmVzcG9uc2libGU6ICcnLFxyXG4gICAgaWRfcGxhY2U6ICcnLFxyXG4gICAgYXBwcm92ZWRfYnk6ICcnLFxyXG4gICAgZGV0YWxsZTonJyxcclxuICAgIGRlc2NyaXB0aW9uOiAnJyxcclxuICAgIGNvbnNlY3V0aXZlOiAnJyxcclxuICAgIG5hbWVQbGFjZTogJycsXHJcbiAgICBhZGRyZXNzUGxhY2U6ICcnLFxyXG4gICAgYXJlYTogJycsXHJcbiAgICBvZG9tZXRlcjonJyxcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFRlbXBsYXRlRnVlbENvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGFNb2RhbCxcclxuICAgIHByaXZhdGUgZGlhbG9nOk1hdERpYWxvZyxcclxuICAgIHB1YmxpYyBtZXNzYWdlOiBNZXNzYWdlU2VydmljZVxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kYXRhID0gdGhpcy5kYXRhTW9kYWwuZGF0YVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCl7XHJcbiAgICBpZih0aGlzLmRhdGFNb2RhbC5hdXRvR2VuZXJhdGUpe1xyXG4gICAgICB0aGlzLmRvd25sb2FkUERGKClcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBkb3dubG9hZFBERigpOiB2b2lkIHtcclxuICAgIHRoaXMubWVzc2FnZS5vcGVuTG9hZGluZyhcIkNhcmdhbmRvXCIsIFwiR2VuZXJhbmRvIFBERlwiKVxyXG4gICAgY29uc3QgREFUQSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd0ZW1wbGF0ZUZPJyk7XHJcbiAgICBjb25zdCBkb2MgPSBuZXcganNQREYoJ3AnLCAncHQnLCAnYTQnKTtcclxuICAgIGNvbnN0IG9wdGlvbnMgPSB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXHJcbiAgICAgIHNjYWxlOiAzXHJcbiAgICB9O1xyXG4gICAgaHRtbDJjYW52YXMoREFUQSwgb3B0aW9ucylcclxuICAgICAgLnRoZW4oKGNhbnZhcykgPT4ge1xyXG4gICAgICAgY29uc3QgaW1nID0gY2FudmFzLnRvRGF0YVVSTCgnaW1hZ2UvUE5HJyk7XHJcblxyXG4gICAgICAvL2FkZCBpbWcgY2FudmFzIHRvIHBkZlxyXG4gICAgICBjb25zdCBidWZmZXJYID0gMTU7XHJcbiAgICAgIGNvbnN0IGJ1ZmZlclkgPSAxNTtcclxuICAgICAgY29uc3QgaW1nUHJvcHMgPSAoZG9jIGFzIGFueSkuZ2V0SW1hZ2VQcm9wZXJ0aWVzKGltZyk7XHJcbiAgICAgIGNvbnN0IHBkZldpZHRoID0gZG9jLmludGVybmFsLnBhZ2VTaXplLmdldFdpZHRoKCkgLTIgKiBidWZmZXJYO1xyXG4gICAgICBjb25zdCBwZGZIZWlnaHQgPSAoaW1nUHJvcHMuaGVpZ2h0ICogcGRmV2lkdGgpIC8gaW1nUHJvcHMud2lkdGg7XHJcbiAgICAgIGRvYy5hZGRJbWFnZShcclxuICAgICAgICBpbWcsXHJcbiAgICAgICAgJ1BORycsXHJcbiAgICAgICAgYnVmZmVyWCxcclxuICAgICAgICBidWZmZXJZLFxyXG4gICAgICAgIHBkZldpZHRoLFxyXG4gICAgICAgIHBkZkhlaWdodCxcclxuICAgICAgICB1bmRlZmluZWQsXHJcbiAgICAgICAgJ0ZBU1QnXHJcbiAgICAgICk7XHJcbiAgICAgIHJldHVybiBkb2M7XHJcbiAgICB9KVxyXG4gICAgLnRoZW4oKGRvY1Jlc3VsdCkgPT4ge1xyXG4gICAgIC8vZG9jUmVzdWx0LnNhdmUoYCR7bmV3IERhdGUoKS50b0lTT1N0cmluZygpfV9yZXBvcnRlLnBkZmApO1xyXG4gICAgICBkb2NSZXN1bHQub3V0cHV0KCdkYXRhdXJsbmV3d2luZG93Jywge2ZpbGVuYW1lOiAnZnVla3JlcG9ydGUucGRmJ30pO1xyXG4gICAgICB0aGlzLmRpYWxvZy5jbG9zZUFsbCgpXHJcbiAgICAgIHRoaXMubWVzc2FnZS5jbG9zZUxvYWRpbmcoKVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgaWQ9XCJ0ZW1wbGF0ZUZPXCIgI3RlbXBsYXRlRk8+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGVtcGxhdGUtb3RcIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IHdpZHRoOjEwMCU7IG1hcmdpbjowOyBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcIj5cclxuXHJcbiAgICAgICAgPCEtLSBFbmNhYmV6YWRvICAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDozMG1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiByb3c7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IFwiPlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6NzAlOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcIj57e2RhdGEubmFtZX19PC9oMj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgXCI+TklUOiB7e2RhdGEubml0fX08L2gyPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjcwJTsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpyb3c7IGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgXCI+e3tkYXRhLmFkZHJlc3N9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDsgdGV4dC1hbGlnbjogY2VudGVyOyBcIj5URUw6IHt7ZGF0YS50ZWxlcGhvbmV9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDozMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nXCJcclxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIndpZHRoOjkwJTsgaGVpZ2h0OjEwMHB4OyBtYXJnaW46IDEwcHg7ICAgcGFkZGluZzogMTVweDsgIGJhY2tncm91bmQtaW1hZ2U6IHVybCh7e2RhdGEuaW1hZ2V9fSk7XCI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIlxyXG4gICAgICAgICAgICBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMG1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiByb3c7IGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOyBhbGlnbi1pdGVtczogY2VudGVyOyBiYWNrZ3JvdW5kOiAjRjBGNEZGO1wiPlxyXG4gICAgICAgICAgICA8aDIgc3R5bGU9XCJtYXJnaW46MDsgcGFkZGluZzowO1wiPk9SREVOIERFIENPTUJVU1RJQkxFPC9oMj5cclxuICAgICAgICAgICAgPGgyIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDtcIj5OwrA6IHt7ZGF0YS5jb25zZWN1dGl2ZX19PC9oMj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwhLS0gQ3VlcnBvIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjExbW07IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93OyBhbGlnbi1pdGVtczogY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDoxNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgYmx1ZTsgaGVpZ2h0OiAxMDAlO1wiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjVweDsgcGFkZGluZzowO1wiPkZlY2hhOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmRhdGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTglOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+T2RvbWV0cm86PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDoxNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDo1cHg7IHBhZGRpbmc6MDtcIj57e2RhdGEub2RvbWV0ZXJ9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+QXJlYTo8L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjQwJVwiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjIwcHg7IHBhZGRpbmc6MDtcIj57e2RhdGEuYXJlYX19PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMW1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOnJvdzsgYWxpZ24taXRlbXM6IGNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTUlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+Q29kaWdvOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmNvZGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+T3BlcmFyaW86PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDo0NSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDo1cHg7IHBhZGRpbmc6MDtcIj57e2RhdGEucmVzcG9uc2libGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMG07IGJhY2tncm91bmQ6ICNGMEY0RkY7XCI+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjtcIj5EYXRvcyBkZWwgcHJvdmVkb3I8L2gzPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjExbW07IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93IDsgYWxpZ24taXRlbXM6IGNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTUlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDozcHg7IHBhZGRpbmc6MDtcIj5MdWdhcjo8L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjM1JTsgYm9yZGVyLXJpZ2h0OjFweCBzb2xpZCAgYmx1ZTsgaGVpZ2h0OiAxMDAlO1wiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjNweDsgcGFkZGluZzowO1wiPnt7ZGF0YS5uYW1lUGxhY2V9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTUlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6M3B4OyBwYWRkaW5nOjA7XCI+RGlyZWNjaW9uOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MzUlXCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6MjBweDsgcGFkZGluZzowO1wiPnt7ZGF0YS5hZGRyZXNzUGxhY2V9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDo4bW07IGJhY2tncm91bmQ6ICNGMEY0RkY7XCI+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjtcIj5EZXRhbGxlcyBkZWwgc2VydmljaW88L2gzPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjIwbW07XCI+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjogNnB4IDAgMCAyNXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmRldGFsbGV9fTwvaDM+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjogMCAwIDAgMjVweDsgcGFkZGluZzowO1wiPkRlc2NyaXBjacOzbjoge3tkYXRhLmRlc2NyaXB0aW9ufX08L2gzPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMG1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOnJvdzsgYWxpZ24taXRlbXM6IGNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MzUlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkIGJsdWU7ICBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbjoxcHg7IHBhZGRpbmc6MDtcIj5BVVRPUklaQURBIFBPUjo8L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjY1JVwiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW46NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmFwcHJvdmVkX2J5fX08L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwhLS0gcGlzbyAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIlxyXG4gICAgICAgICAgICBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxNW1tOyBkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcIj5cclxuICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDsgdGV4dC1hbGlnbjogY2VudGVyO1wiPkZhdm9yIGFkanVudGFyIGxhIG9yZGVuIGRlIHZlbnRhIG8gZmFjdHVyYVxyXG4gICAgICAgICAgICA8L2gzPlxyXG4gICAgICAgICAgICA8aDMgc3R5bGU9XCJtYXJnaW46MDsgcGFkZGluZzowOyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+e3tkYXRhLm1haWx9fTwvaDM+XHJcblxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcblxyXG48ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBjZW50ZXI7IG1hcmdpbi10b3A6IDE1cHg7XCI+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJkb3dubG9hZFBERigpXCIgY29sb3I9J3ByaW1hcnknIG1hdC1yYWlzZWQtYnV0dG9uPkdlbmVyYXIgUERGPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtZnVlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL21vZHVsZXMvYnJhaW5sb3Blci11aS9jb21wb25lbnRzL3JlcG9ydC90ZW1wbGF0ZS1mdWVsL3RlbXBsYXRlLWZ1ZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2R1bGVzL2JyYWlubG9wZXItdWkvY29tcG9uZW50cy9yZXBvcnQvdGVtcGxhdGUtZnVlbC90ZW1wbGF0ZS1mdWVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxhQUFhLENBQUM7QUFDdEMsT0FBTyxFQUEyQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFPcEYsTUFBTSxPQUFPLHFCQUFxQjtJQXVCaEMsWUFDUyxTQUE4QyxFQUNyQixTQUFTLEVBQ2pDLE1BQWdCLEVBQ2pCLE9BQXVCO1FBSHZCLGNBQVMsR0FBVCxTQUFTLENBQXFDO1FBQ3JCLGNBQVMsR0FBVCxTQUFTLENBQUE7UUFDakMsV0FBTSxHQUFOLE1BQU0sQ0FBVTtRQUNqQixZQUFPLEdBQVAsT0FBTyxDQUFnQjtRQXpCaEMsU0FBSSxHQUFHO1lBQ0wsSUFBSSxFQUFFLEVBQUU7WUFDUixHQUFHLEVBQUUsRUFBRTtZQUNQLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLEVBQUU7WUFDYixJQUFJLEVBQUUsRUFBRTtZQUNSLEtBQUssRUFBRSxFQUFFO1lBQ1QsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsRUFBRTtZQUNSLFdBQVcsRUFBRSxFQUFFO1lBQ2YsUUFBUSxFQUFFLEVBQUU7WUFDWixXQUFXLEVBQUUsRUFBRTtZQUNmLE9BQU8sRUFBQyxFQUFFO1lBQ1YsV0FBVyxFQUFFLEVBQUU7WUFDZixXQUFXLEVBQUUsRUFBRTtZQUNmLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEVBQUU7WUFDaEIsSUFBSSxFQUFFLEVBQUU7WUFDUixRQUFRLEVBQUMsRUFBRTtTQUNaLENBQUE7SUFPRyxDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUE7SUFDakMsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFDO1lBQzdCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQTtTQUNuQjtJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxlQUFlLENBQUMsQ0FBQTtRQUNyRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ25ELE1BQU0sR0FBRyxHQUFHLElBQUksS0FBSyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDdkMsTUFBTSxPQUFPLEdBQUc7WUFDZCxVQUFVLEVBQUUsT0FBTztZQUNuQixLQUFLLEVBQUUsQ0FBQztTQUNULENBQUM7UUFDRixXQUFXLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQzthQUN2QixJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNoQixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBRTNDLHVCQUF1QjtZQUN2QixNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUM7WUFDbkIsTUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFDO1lBQ25CLE1BQU0sUUFBUSxHQUFJLEdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN0RCxNQUFNLFFBQVEsR0FBRyxHQUFHLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsR0FBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO1lBQy9ELE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1lBQ2hFLEdBQUcsQ0FBQyxRQUFRLENBQ1YsR0FBRyxFQUNILEtBQUssRUFDTCxPQUFPLEVBQ1AsT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULE1BQU0sQ0FDUCxDQUFDO1lBQ0YsT0FBTyxHQUFHLENBQUM7UUFDYixDQUFDLENBQUM7YUFDRCxJQUFJLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNuQiw0REFBNEQ7WUFDM0QsU0FBUyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFDLFFBQVEsRUFBRSxpQkFBaUIsRUFBQyxDQUFDLENBQUM7WUFDcEUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQTtZQUN0QixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFBO1FBQzdCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7a0hBNUVVLHFCQUFxQiw4Q0F5QnRCLGVBQWU7c0dBekJkLHFCQUFxQix5RENYbEMsdW9OQXFIQTsyRkQxR2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG1CQUFtQjs7MEJBNkIxQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZXNzYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL21lc3NhZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IGpzUERGIGZyb20gJ2pzcGRmJztcclxuaW1wb3J0IGh0bWwyY2FudmFzIGZyb20gJ2h0bWwyY2FudmFzJztcclxuaW1wb3J0IHtNYXREaWFsb2csICBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10ZW1wbGF0ZS1mdWVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUtZnVlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGVtcGxhdGUtZnVlbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUZ1ZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBkYXRhID0ge1xyXG4gICAgbmFtZTogJycsXHJcbiAgICBuaXQ6ICcnLFxyXG4gICAgYWRkcmVzczogJycsXHJcbiAgICB0ZWxlcGhvbmU6ICcnLFxyXG4gICAgbWFpbDogJycsXHJcbiAgICBpbWFnZTogJycsXHJcbiAgICBjb2RlOiAnJyxcclxuICAgIGRhdGU6ICcnLFxyXG4gICAgcmVzcG9uc2libGU6ICcnLFxyXG4gICAgaWRfcGxhY2U6ICcnLFxyXG4gICAgYXBwcm92ZWRfYnk6ICcnLFxyXG4gICAgZGV0YWxsZTonJyxcclxuICAgIGRlc2NyaXB0aW9uOiAnJyxcclxuICAgIGNvbnNlY3V0aXZlOiAnJyxcclxuICAgIG5hbWVQbGFjZTogJycsXHJcbiAgICBhZGRyZXNzUGxhY2U6ICcnLFxyXG4gICAgYXJlYTogJycsXHJcbiAgICBvZG9tZXRlcjonJyxcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFRlbXBsYXRlRnVlbENvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGFNb2RhbCxcclxuICAgIHByaXZhdGUgZGlhbG9nOk1hdERpYWxvZyxcclxuICAgIHB1YmxpYyBtZXNzYWdlOiBNZXNzYWdlU2VydmljZVxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kYXRhID0gdGhpcy5kYXRhTW9kYWwuZGF0YVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCl7XHJcbiAgICBpZih0aGlzLmRhdGFNb2RhbC5hdXRvR2VuZXJhdGUpe1xyXG4gICAgICB0aGlzLmRvd25sb2FkUERGKClcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBkb3dubG9hZFBERigpOiB2b2lkIHtcclxuICAgIHRoaXMubWVzc2FnZS5vcGVuTG9hZGluZyhcIkNhcmdhbmRvXCIsIFwiR2VuZXJhbmRvIFBERlwiKVxyXG4gICAgY29uc3QgREFUQSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd0ZW1wbGF0ZUZPJyk7XHJcbiAgICBjb25zdCBkb2MgPSBuZXcganNQREYoJ3AnLCAncHQnLCAnYTQnKTtcclxuICAgIGNvbnN0IG9wdGlvbnMgPSB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICd3aGl0ZScsXHJcbiAgICAgIHNjYWxlOiAzXHJcbiAgICB9O1xyXG4gICAgaHRtbDJjYW52YXMoREFUQSwgb3B0aW9ucylcclxuICAgICAgLnRoZW4oKGNhbnZhcykgPT4ge1xyXG4gICAgICAgY29uc3QgaW1nID0gY2FudmFzLnRvRGF0YVVSTCgnaW1hZ2UvUE5HJyk7XHJcblxyXG4gICAgICAvL2FkZCBpbWcgY2FudmFzIHRvIHBkZlxyXG4gICAgICBjb25zdCBidWZmZXJYID0gMTU7XHJcbiAgICAgIGNvbnN0IGJ1ZmZlclkgPSAxNTtcclxuICAgICAgY29uc3QgaW1nUHJvcHMgPSAoZG9jIGFzIGFueSkuZ2V0SW1hZ2VQcm9wZXJ0aWVzKGltZyk7XHJcbiAgICAgIGNvbnN0IHBkZldpZHRoID0gZG9jLmludGVybmFsLnBhZ2VTaXplLmdldFdpZHRoKCkgLTIgKiBidWZmZXJYO1xyXG4gICAgICBjb25zdCBwZGZIZWlnaHQgPSAoaW1nUHJvcHMuaGVpZ2h0ICogcGRmV2lkdGgpIC8gaW1nUHJvcHMud2lkdGg7XHJcbiAgICAgIGRvYy5hZGRJbWFnZShcclxuICAgICAgICBpbWcsXHJcbiAgICAgICAgJ1BORycsXHJcbiAgICAgICAgYnVmZmVyWCxcclxuICAgICAgICBidWZmZXJZLFxyXG4gICAgICAgIHBkZldpZHRoLFxyXG4gICAgICAgIHBkZkhlaWdodCxcclxuICAgICAgICB1bmRlZmluZWQsXHJcbiAgICAgICAgJ0ZBU1QnXHJcbiAgICAgICk7XHJcbiAgICAgIHJldHVybiBkb2M7XHJcbiAgICB9KVxyXG4gICAgLnRoZW4oKGRvY1Jlc3VsdCkgPT4ge1xyXG4gICAgIC8vZG9jUmVzdWx0LnNhdmUoYCR7bmV3IERhdGUoKS50b0lTT1N0cmluZygpfV9yZXBvcnRlLnBkZmApO1xyXG4gICAgICBkb2NSZXN1bHQub3V0cHV0KCdkYXRhdXJsbmV3d2luZG93Jywge2ZpbGVuYW1lOiAnZnVla3JlcG9ydGUucGRmJ30pO1xyXG4gICAgICB0aGlzLmRpYWxvZy5jbG9zZUFsbCgpXHJcbiAgICAgIHRoaXMubWVzc2FnZS5jbG9zZUxvYWRpbmcoKVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgaWQ9XCJ0ZW1wbGF0ZUZPXCIgI3RlbXBsYXRlRk8+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGVtcGxhdGUtb3RcIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IHdpZHRoOjEwMCU7IG1hcmdpbjowOyBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcIj5cclxuXHJcbiAgICAgICAgPCEtLSBFbmNhYmV6YWRvICAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDozMG1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiByb3c7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IFwiPlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6NzAlOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcIj57e2RhdGEubmFtZX19PC9oMj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgXCI+TklUOiB7e2RhdGEubml0fX08L2gyPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjcwJTsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpyb3c7IGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjsgXCI+e3tkYXRhLmFkZHJlc3N9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDsgdGV4dC1hbGlnbjogY2VudGVyOyBcIj5URUw6IHt7ZGF0YS50ZWxlcGhvbmV9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDozMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1nXCJcclxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIndpZHRoOjkwJTsgaGVpZ2h0OjEwMHB4OyBtYXJnaW46IDEwcHg7ICAgcGFkZGluZzogMTVweDsgIGJhY2tncm91bmQtaW1hZ2U6IHVybCh7e2RhdGEuaW1hZ2V9fSk7XCI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIlxyXG4gICAgICAgICAgICBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMG1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiByb3c7IGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOyBhbGlnbi1pdGVtczogY2VudGVyOyBiYWNrZ3JvdW5kOiAjRjBGNEZGO1wiPlxyXG4gICAgICAgICAgICA8aDIgc3R5bGU9XCJtYXJnaW46MDsgcGFkZGluZzowO1wiPk9SREVOIERFIENPTUJVU1RJQkxFPC9oMj5cclxuICAgICAgICAgICAgPGgyIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDtcIj5OwrA6IHt7ZGF0YS5jb25zZWN1dGl2ZX19PC9oMj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwhLS0gQ3VlcnBvIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjExbW07IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93OyBhbGlnbi1pdGVtczogY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDoxNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgYmx1ZTsgaGVpZ2h0OiAxMDAlO1wiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjVweDsgcGFkZGluZzowO1wiPkZlY2hhOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmRhdGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTglOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+T2TDs21ldHJvOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MTUlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLm9kb21ldGVyfX08L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjIwJTsgYm9yZGVyLXJpZ2h0OjFweCBzb2xpZCAgYmx1ZTsgaGVpZ2h0OiAxMDAlO1wiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjVweDsgcGFkZGluZzowO1wiPsOBcmVhOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6NDAlXCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6MjBweDsgcGFkZGluZzowO1wiPnt7ZGF0YS5hcmVhfX08L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjExbW07IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93OyBhbGlnbi1pdGVtczogY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDoxNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDo1cHg7IHBhZGRpbmc6MDtcIj5Dw7NkaWdvOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmNvZGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6MjAlOyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6NXB4OyBwYWRkaW5nOjA7XCI+T3BlcmFyaW86PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDo0NSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDo1cHg7IHBhZGRpbmc6MDtcIj57e2RhdGEucmVzcG9uc2libGV9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMG07IGJhY2tncm91bmQ6ICNGMEY0RkY7XCI+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjtcIj5EYXRvcyBkZWwgcHJvdmVlZG9yPC9oMz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm9yZGVcIiBzdHlsZT1cIndpZHRoOjEwMCU7IGhlaWdodDoxMW1tOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOnJvdyA7IGFsaWduLWl0ZW1zOiBjZW50ZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjE1JTsgYm9yZGVyLXJpZ2h0OjFweCBzb2xpZCBibHVlOyBoZWlnaHQ6IDEwMCU7XCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbi10b3A6M3B4OyBwYWRkaW5nOjA7XCI+THVnYXI6PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDozNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgIGJsdWU7IGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDozcHg7IHBhZGRpbmc6MDtcIj57e2RhdGEubmFtZVBsYWNlfX08L2gyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cIndpZHRoOjE1JTsgYm9yZGVyLXJpZ2h0OjFweCBzb2xpZCAgYmx1ZTsgaGVpZ2h0OiAxMDAlO1wiPlxyXG4gICAgICAgICAgICAgICAgPGgyIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyOyBtYXJnaW4tdG9wOjNweDsgcGFkZGluZzowO1wiPkRpcmVjY2nDs246PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDozNSVcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luLXRvcDoyMHB4OyBwYWRkaW5nOjA7XCI+e3tkYXRhLmFkZHJlc3NQbGFjZX19PC9oMj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjhtbTsgYmFja2dyb3VuZDogI0YwRjRGRjtcIj5cclxuICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOjA7IHBhZGRpbmc6MDsgdGV4dC1hbGlnbjogY2VudGVyO1wiPkRldGFsbGVzIGRlbCBzZXJ2aWNpbzwvaDM+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJvcmRlXCIgc3R5bGU9XCJ3aWR0aDoxMDAlOyBoZWlnaHQ6MjBtbTtcIj5cclxuICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOiA2cHggMCAwIDI1cHg7IHBhZGRpbmc6MDtcIj57e2RhdGEuZGV0YWxsZX19PC9oMz5cclxuICAgICAgICAgICAgPGgzIHN0eWxlPVwibWFyZ2luOiAwIDAgMCAyNXB4OyBwYWRkaW5nOjA7XCI+RGVzY3JpcGNpw7NuOiB7e2RhdGEuZGVzY3JpcHRpb259fTwvaDM+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjEwbW07IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246cm93OyBhbGlnbi1pdGVtczogY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJ3aWR0aDozNSU7IGJvcmRlci1yaWdodDoxcHggc29saWQgYmx1ZTsgIGhlaWdodDogMTAwJTtcIj5cclxuICAgICAgICAgICAgICAgIDxoMiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgbWFyZ2luOjFweDsgcGFkZGluZzowO1wiPkFVVE9SSVpBREEgUE9SOjwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPVwid2lkdGg6NjUlXCI+XHJcbiAgICAgICAgICAgICAgICA8aDIgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbjo1cHg7IHBhZGRpbmc6MDtcIj57e2RhdGEuYXBwcm92ZWRfYnl9fTwvaDI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPCEtLSBwaXNvIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3JkZVwiXHJcbiAgICAgICAgICAgIHN0eWxlPVwid2lkdGg6MTAwJTsgaGVpZ2h0OjE1bW07IGRpc3BsYXk6IGZsZXg7IGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IGp1c3RpZnktY29udGVudDogY2VudGVyO1wiPlxyXG4gICAgICAgICAgICA8aDMgc3R5bGU9XCJtYXJnaW46MDsgcGFkZGluZzowOyB0ZXh0LWFsaWduOiBjZW50ZXI7XCI+RmF2b3IgYWRqdW50YXIgbGEgb3JkZW4gZGUgdmVudGEgbyBmYWN0dXJhXHJcbiAgICAgICAgICAgIDwvaDM+XHJcbiAgICAgICAgICAgIDxoMyBzdHlsZT1cIm1hcmdpbjowOyBwYWRkaW5nOjA7IHRleHQtYWxpZ246IGNlbnRlcjtcIj57e2RhdGEubWFpbH19PC9oMz5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuXHJcbjxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsgbWFyZ2luLXRvcDogMTVweDtcIj5cclxuICAgIDxidXR0b24gKGNsaWNrKT1cImRvd25sb2FkUERGKClcIiBjb2xvcj0ncHJpbWFyeScgbWF0LXJhaXNlZC1idXR0b24+R2VuZXJhciBQREY8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/fesm2015/brainloper-ui.mjs

@@ -540,6 +540,7 @@ class CombosComponent {
         this.tooltipDescription = null;
         this.tooltipActive = false;
         this.changeOption = new EventEmitter();
+        this.changeOptionDataComplete = new EventEmitter();
         this.returnDataCombo = new EventEmitter();
         this.selected = new FormControl;
     }
@@ -597,8 +598,13 @@ class CombosComponent {
         });
     }
     selectedData($event) {
+        this.findData($event);
+        this.changeOption.emit($event.value);
+    }
+    findData($event) {
+        let d = this.dataCombos.find(x => x[this.configuration.selectionField] == $event.value);
+        this.changeOptionDataComplete.emit(d);
         if (this.configuration.fileTooltip) {
-            let d = this.filteredList.find(x => x[this.configuration.selectionField] == $event.value);
             if (d) {
                 this.tooltipDescription = d[this.configuration.fileTooltip];
                 this.tooltipActive = true;
@@ -614,7 +620,6 @@ class CombosComponent {
         }
         else
             this.tooltipDescription = null;
-        this.changeOption.emit($event.value);
     }
     toggleTooltip() {
         this.tooltipActive = !this.tooltipActive;
@@ -627,7 +632,7 @@ class CombosComponent {
     }
 }
 CombosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CombosComponent, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Component });
-CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo" }, outputs: { changeOption: "changeOption", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\r\n  <div class=\"combo-container\">\r\n\r\n    <mat-icon\r\n      class=\"m-1 icon-information\"\r\n      *ngIf=\"tooltipDescription\"\r\n      matTooltip=\"{{tooltipDescription}}\"\r\n      matTooltipPosition=\"above\"\r\n      #tooltip=\"matTooltip\"\r\n      (click)=\"toggleTooltip()\"\r\n      matTooltipClass=\"custom-tooltip\"\r\n     >info</mat-icon>\r\n\r\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\r\n      <mat-label style=\"text-transform: capitalize\">{{\r\n        configuration.label\r\n        }}</mat-label>\r\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(selected)\" [required]=\"required\"\r\n        [formControl]=\"selected\" [disabled]=\"disabled\">\r\n        <mat-select-filter *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\r\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\r\n        </mat-select-filter>\r\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\r\n          {{ data[configuration.visibleField] }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i5.MatSelectFilterComponent, selector: "mat-select-filter", inputs: ["showSpinner", "noResultsMessage", "placeholder", "array", "color", "displayMember", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i10.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
+CombosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: CombosComponent, selector: "combos", inputs: { dataCombos: "dataCombos", additionalData: "additionalData", configuration: "configuration", filter: "filter", checkbox: "checkbox", required: "required", disabled: "disabled", addFinal: "addFinal", appearance: "appearance", reloadCombo: "reloadCombo" }, outputs: { changeOption: "changeOption", changeOptionDataComplete: "changeOptionDataComplete", returnDataCombo: "returnDataCombo" }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\r\n  <div class=\"combo-container\">\r\n\r\n    <mat-icon\r\n      class=\"m-1 icon-information\"\r\n      *ngIf=\"tooltipDescription\"\r\n      matTooltip=\"{{tooltipDescription}}\"\r\n      matTooltipPosition=\"above\"\r\n      #tooltip=\"matTooltip\"\r\n      (click)=\"toggleTooltip()\"\r\n      matTooltipClass=\"custom-tooltip\"\r\n     >info</mat-icon>\r\n\r\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\r\n      <mat-label style=\"text-transform: capitalize\">{{\r\n        configuration.label\r\n        }}</mat-label>\r\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(selected)\" [required]=\"required\"\r\n        [formControl]=\"selected\" [disabled]=\"disabled\">\r\n        <mat-select-filter *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\r\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\r\n        </mat-select-filter>\r\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\r\n          {{ data[configuration.visibleField] }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i5.MatSelectFilterComponent, selector: "mat-select-filter", inputs: ["showSpinner", "noResultsMessage", "placeholder", "array", "color", "displayMember", "hasGroup", "groupArrayName"], outputs: ["filteredReturn"] }, { type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i10.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CombosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'combos', template: "<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\r\n  <div class=\"combo-container\">\r\n\r\n    <mat-icon\r\n      class=\"m-1 icon-information\"\r\n      *ngIf=\"tooltipDescription\"\r\n      matTooltip=\"{{tooltipDescription}}\"\r\n      matTooltipPosition=\"above\"\r\n      #tooltip=\"matTooltip\"\r\n      (click)=\"toggleTooltip()\"\r\n      matTooltipClass=\"custom-tooltip\"\r\n     >info</mat-icon>\r\n\r\n    <mat-form-field style=\"width: 100%\" [appearance]=\"appearance\">\r\n      <mat-label style=\"text-transform: capitalize\">{{\r\n        configuration.label\r\n        }}</mat-label>\r\n      <mat-select [multiple]=\"checkbox\" (selectionChange)=\"selectedData(selected)\" [required]=\"required\"\r\n        [formControl]=\"selected\" [disabled]=\"disabled\">\r\n        <mat-select-filter *ngIf=\"filter\" [placeholder]=\"'Filter'\" [displayMember]=\"configuration.visibleField\"\r\n          [array]=\"dataCombos\" (filteredReturn)=\"filteredList = $event\">\r\n        </mat-select-filter>\r\n        <mat-option [value]=\"data[configuration.selectionField]\" *ngFor=\"let data of filteredList\">\r\n          {{ data[configuration.visibleField] }}\r\n        </mat-option>\r\n      </mat-select>\r\n      <mat-error *ngIf=\"required\">Campo requerido</mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n</div>\r\n\r\n", styles: [".mat-form-field{width:100%}.combo-container{width:100%;display:flex;align-items:center}.icon-information{cursor:pointer;color:gray}.mat-icon{font-size:1.1rem}::ng-deep .custom-tooltip{background-color:#fbe870!important;color:#000!important;line-height:17px!important;font-size:.8rem}\n"] }]
@@ -656,6 +661,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
                 args: ['tooltip']
             }], changeOption: [{
                 type: Output
+            }], changeOptionDataComplete: [{
+                type: Output
             }], returnDataCombo: [{
                 type: Output
             }] } });
@@ -723,10 +730,10 @@ class GeneratePdfComponent {
     }
 }
 GeneratePdfComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: GeneratePdfComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: MessageService }], target: i0.ɵɵFactoryTarget.Component });
-GeneratePdfComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: GeneratePdfComponent, selector: "app-generate-pdf", ngImport: i0, template: "<div id=\"templateOT\" #templateOT>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE TRABAJO</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:12%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:32%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:47%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:22%\">\r\n                <h2 style=\"text-align: center; margin-top:15px; padding:0\">{{data.odometer}}</h2>\r\n            </div>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Nombre:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.nameProvider}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressProvider}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin-top:11px; padding:0;\">{{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden a la factura o cuenta de cobro\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+GeneratePdfComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: GeneratePdfComponent, selector: "app-generate-pdf", ngImport: i0, template: "<div id=\"templateOT\" #templateOT>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE TRABAJO</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:12%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:32%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:47%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:22%\">\r\n                <h2 style=\"text-align: center; margin-top:15px; padding:0\">{{data.odometer}}</h2>\r\n            </div>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Nombre:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.nameProvider}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressProvider}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin-top:11px; padding:0;\">{{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden a la factura o cuenta de cobro\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: GeneratePdfComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-generate-pdf', template: "<div id=\"templateOT\" #templateOT>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE TRABAJO</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:12%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:32%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:47%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:22%\">\r\n                <h2 style=\"text-align: center; margin-top:15px; padding:0\">{{data.odometer}}</h2>\r\n            </div>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Nombre:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.nameProvider}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressProvider}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin-top:11px; padding:0;\">{{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden a la factura o cuenta de cobro\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
+            args: [{ selector: 'app-generate-pdf', template: "<div id=\"templateOT\" #templateOT>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE TRABAJO</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:12%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:32%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:13%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:47%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:22%\">\r\n                <h2 style=\"text-align: center; margin-top:15px; padding:0\">{{data.odometer}}</h2>\r\n            </div>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Nombre:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.nameProvider}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressProvider}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin-top:11px; padding:0;\">{{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden a la factura o cuenta de cobro\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -798,10 +805,10 @@ class TemplateFuelComponent {
     }
 }
 TemplateFuelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TemplateFuelComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.MatDialog }, { token: MessageService }], target: i0.ɵɵFactoryTarget.Component });
-TemplateFuelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TemplateFuelComponent, selector: "app-template-fuel", ngImport: i0, template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+TemplateFuelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TemplateFuelComponent, selector: "app-template-fuel", ngImport: i0, template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"], components: [{ type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TemplateFuelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-template-fuel', template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Odometro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Area:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Codigo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del provedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direccion:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
+            args: [{ selector: 'app-template-fuel', template: "<div id=\"templateFO\" #templateFO>\r\n    <div class=\"template-ot\" style=\"display: flex; flex-direction: column; width:100%; margin:0; background-color: white;\">\r\n\r\n        <!-- Encabezado  -->\r\n        <div class=\"borde\" style=\"width:100%; height:30mm; display:flex; flex-direction: row; align-items: center; \">\r\n            <div style=\"width:70%; display:flex; flex-direction:column; align-items: center;\">\r\n                <h2 style=\"margin:0; padding:0; text-align: center; text-transform: uppercase;\">{{data.name}}</h2>\r\n                <h2 style=\"margin:0; padding:0; text-align: center; \">NIT: {{data.nit}}</h2>\r\n                <div style=\"width:70%; display:flex; flex-direction:row; justify-content: space-around;\">\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">{{data.address}}</h3>\r\n                    <h3 style=\"margin:0; padding:0; text-align: center; \">TEL: {{data.telephone}}</h3>\r\n                </div>\r\n            </div>\r\n            <div style=\"width:30%;\">\r\n                <div class=\"img\"\r\n                    style=\"width:90%; height:100px; margin: 10px;   padding: 15px;  background-image: url({{data.image}});\">\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:10mm; display:flex; flex-direction: row; justify-content: space-around; align-items: center; background: #F0F4FF;\">\r\n            <h2 style=\"margin:0; padding:0;\">ORDEN DE COMBUSTIBLE</h2>\r\n            <h2 style=\"margin:0; padding:0;\">N\u00B0: {{data.consecutive}}</h2>\r\n\r\n        </div>\r\n\r\n        <!-- Cuerpo -->\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Fecha:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.date}}</h2>\r\n            </div>\r\n            <div style=\"width:18%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Od\u00F3metro:</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.odometer}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">\u00C1rea:</h2>\r\n            </div>\r\n            <div style=\"width:40%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.area}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">C\u00F3digo:</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.code}}</h2>\r\n            </div>\r\n            <div style=\"width:20%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">Operario:</h2>\r\n            </div>\r\n            <div style=\"width:45%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:5px; padding:0;\">{{data.responsible}}</h2>\r\n            </div>\r\n         </div>\r\n        <div class=\"borde\" style=\"width:100%; height:10m; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Datos del proveedor</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:11mm; display:flex; flex-direction:row ; align-items: center\">\r\n            <div style=\"width:15%; border-right:1px solid blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Lugar:</h2>\r\n            </div>\r\n            <div style=\"width:35%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">{{data.namePlace}}</h2>\r\n            </div>\r\n            <div style=\"width:15%; border-right:1px solid  blue; height: 100%;\">\r\n                <h2 style=\"text-align: center; margin-top:3px; padding:0;\">Direcci\u00F3n:</h2>\r\n            </div>\r\n            <div style=\"width:35%\">\r\n                <h2 style=\"text-align: center; margin-top:20px; padding:0;\">{{data.addressPlace}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:8mm; background: #F0F4FF;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Detalles del servicio</h3>\r\n        </div>\r\n        <div class=\"borde\" style=\"width:100%; height:20mm;\">\r\n            <h3 style=\"margin: 6px 0 0 25px; padding:0;\">{{data.detalle}}</h3>\r\n            <h3 style=\"margin: 0 0 0 25px; padding:0;\">Descripci\u00F3n: {{data.description}}</h3>\r\n        </div>\r\n\r\n        <div class=\"borde\" style=\"width:100%; height:10mm; display:flex; flex-direction:row; align-items: center\">\r\n            <div style=\"width:35%; border-right:1px solid blue;  height: 100%;\">\r\n                <h2 style=\"text-align: center; margin:1px; padding:0;\">AUTORIZADA POR:</h2>\r\n            </div>\r\n            <div style=\"width:65%\">\r\n                <h2 style=\"text-align: center; margin:5px; padding:0;\">{{data.approved_by}}</h2>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- piso -->\r\n        <div class=\"borde\"\r\n            style=\"width:100%; height:15mm; display: flex; flex-direction: column; justify-content: center;\">\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">Favor adjuntar la orden de venta o factura\r\n            </h3>\r\n            <h3 style=\"margin:0; padding:0; text-align: center;\">{{data.mail}}</h3>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n\r\n\r\n<div style=\"display: flex; justify-content: center; margin-top: 15px;\">\r\n    <button (click)=\"downloadPDF()\" color='primary' mat-raised-button>Generar PDF</button>\r\n</div>\r\n", styles: [".img{background-size:100%;background-repeat:no-repeat;background-position:center;background-size:contain}h2{font-size:1rem}.borde{border:1px solid blue}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,