ng-pli-commons 0.0.1288 → 0.0.1293

package/bundles/ng-pli-commons.umd.js

@@ -1,12 +1,12 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/fire'), require('angular-formio-proyectoscolfuturo'), require('angular2-tinymce'), require('primeng/dialog'), require('primeng/dropdown'), require('primeng/primeng'), require('primeng/table'), require('primeng/tieredmenu'), require('primeng/picklist'), require('rxjs/Subject'), require('rxjs/Rx'), require('html2canvas'), require('html2pdf.js'), require('@angular/router'), require('angularfire2/storage'), require('angularfire2/auth'), require('@angular/fire/auth'), require('@angular/fire/storage'), require('pdfjs-dist/build/pdf'), require('panzoom/dist/panzoom'), require('@angular/platform-browser'), require('@angular/common'), require('jquery'), require('rxjs/operators'), require('file-saver'), require('xlsx'), require('formiojs-proyectoscolfuturo/utils/utils'), require('@angular/forms'), require('ngx-toastr'), require('rxjs/Observable'), require('rxjs'), require('@angular/core'), require('@angular/common/http'), require('ng-pli-util')) :
-    typeof define === 'function' && define.amd ? define('ng-pli-commons', ['exports', '@angular/fire', 'angular-formio-proyectoscolfuturo', 'angular2-tinymce', 'primeng/dialog', 'primeng/dropdown', 'primeng/primeng', 'primeng/table', 'primeng/tieredmenu', 'primeng/picklist', 'rxjs/Subject', 'rxjs/Rx', 'html2canvas', 'html2pdf.js', '@angular/router', 'angularfire2/storage', 'angularfire2/auth', '@angular/fire/auth', '@angular/fire/storage', 'pdfjs-dist/build/pdf', 'panzoom/dist/panzoom', '@angular/platform-browser', '@angular/common', 'jquery', 'rxjs/operators', 'file-saver', 'xlsx', 'formiojs-proyectoscolfuturo/utils/utils', '@angular/forms', 'ngx-toastr', 'rxjs/Observable', 'rxjs', '@angular/core', '@angular/common/http', 'ng-pli-util'], factory) :
-    (factory((global['ng-pli-commons'] = {}),global.ng.fire,global.angularFormioProyectoscolfuturo,global.angular2Tinymce,global.dialog,global.dropdown,global.primeng,global.table,global.tieredmenu,global.picklist,global.rxjs.Subject,global.rxjs.Rx,global.html2canvas,global.html2pdf,global.ng.router,global.storage,global.auth,global.ng.fire.auth,global.ng.fire.storage,global.PDFJS_,global.panzoom_,global.ng.platformBrowser,global.ng.common,global.$,global.rxjs.operators,global.FileSaver,global.XLSX,global.utils_,global.ng.forms,global.i3$1,global.rxjs.Observable,global.rxjs,global.ng.core,global.ng.common.http,global.ngPliUtil));
-}(this, (function (exports,fire,angularFormioProyectoscolfuturo,angular2Tinymce,dialog,dropdown,primeng,table,tieredmenu,picklist,Subject,Rx,html2canvas,html2pdf,router,storage,auth,i1,i2,PDFJS_,panzoom_,platformBrowser,i3,$,operators,FileSaver,XLSX,utils_,forms,i3$1,Observable,rxjs,i0,i1$1,ngPliUtil) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/fire'), require('angular-formio-proyectoscolfuturo'), require('angular2-tinymce'), require('primeng/dialog'), require('primeng/dropdown'), require('primeng/primeng'), require('primeng/table'), require('primeng/tieredmenu'), require('primeng/picklist'), require('rxjs/Subject'), require('rxjs/Rx'), require('html2pdf.js'), require('@angular/router'), require('angularfire2/storage'), require('angularfire2/auth'), require('@angular/fire/auth'), require('@angular/fire/storage'), require('pdfjs-dist/build/pdf'), require('panzoom/dist/panzoom'), require('@angular/platform-browser'), require('@angular/common'), require('rxjs/operators'), require('file-saver'), require('xlsx'), require('formiojs-proyectoscolfuturo/utils/utils'), require('@angular/forms'), require('ngx-toastr'), require('cropperjs'), require('html2canvas'), require('jquery'), require('ng2-pdf-viewer'), require('rxjs/Observable'), require('rxjs'), require('@angular/core'), require('@angular/common/http'), require('ng-pli-util')) :
+    typeof define === 'function' && define.amd ? define('ng-pli-commons', ['exports', '@angular/fire', 'angular-formio-proyectoscolfuturo', 'angular2-tinymce', 'primeng/dialog', 'primeng/dropdown', 'primeng/primeng', 'primeng/table', 'primeng/tieredmenu', 'primeng/picklist', 'rxjs/Subject', 'rxjs/Rx', 'html2pdf.js', '@angular/router', 'angularfire2/storage', 'angularfire2/auth', '@angular/fire/auth', '@angular/fire/storage', 'pdfjs-dist/build/pdf', 'panzoom/dist/panzoom', '@angular/platform-browser', '@angular/common', 'rxjs/operators', 'file-saver', 'xlsx', 'formiojs-proyectoscolfuturo/utils/utils', '@angular/forms', 'ngx-toastr', 'cropperjs', 'html2canvas', 'jquery', 'ng2-pdf-viewer', 'rxjs/Observable', 'rxjs', '@angular/core', '@angular/common/http', 'ng-pli-util'], factory) :
+    (factory((global['ng-pli-commons'] = {}),global.ng.fire,global.angularFormioProyectoscolfuturo,global.angular2Tinymce,global.dialog,global.dropdown,global.primeng,global.table,global.tieredmenu,global.picklist,global.rxjs.Subject,global.rxjs.Rx,global.html2pdf,global.ng.router,global.storage,global.auth,global.ng.fire.auth,global.ng.fire.storage,global.PDFJS_,global.panzoom_,global.ng.platformBrowser,global.ng.common,global.rxjs.operators,global.FileSaver,global.XLSX,global.utils_,global.ng.forms,global.i3$1,global.Cropper,global.html2canvas,null,global.ng2PdfViewer,global.rxjs.Observable,global.rxjs,global.ng.core,global.ng.common.http,global.ngPliUtil));
+}(this, (function (exports,fire,angularFormioProyectoscolfuturo,angular2Tinymce,dialog,dropdown,primeng,table,tieredmenu,picklist,Subject,Rx,html2pdf,router,storage,auth,i1,i2,PDFJS_,panzoom_,platformBrowser,i3,operators,FileSaver,XLSX,utils_,forms,i3$1,Cropper,html2canvas,jquery,ng2PdfViewer,Observable,rxjs,i0,i1$1,ngPliUtil) { 'use strict';
 
-    html2canvas = html2canvas && html2canvas.hasOwnProperty('default') ? html2canvas['default'] : html2canvas;
     html2pdf = html2pdf && html2pdf.hasOwnProperty('default') ? html2pdf['default'] : html2pdf;
-    $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
+    Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
+    html2canvas = html2canvas && html2canvas.hasOwnProperty('default') ? html2canvas['default'] : html2canvas;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -14353,6 +14353,190 @@
         return PartnerSystemService;
     }());
 
+    //import { GoogleVisionParameters } from 'ng-pli-util';
+    var httpOptions$1 = {
+        headers: new i1$1.HttpHeaders({
+            'Content-Type': 'application/json',
+        })
+    };
+    var PdfAnalyzerService = /** @class */ (function () {
+        function PdfAnalyzerService(environment, httpClient) {
+            this.environment = environment;
+            this.httpClient = httpClient;
+        }
+        PdfAnalyzerService.prototype.getTextOfImage = function (parameters) {
+            return this.httpClient.post(this.environment.googleVision.url + '?key=' + this.environment.googleVision.key, parameters, {
+                headers: httpOptions$1.headers
+            });
+        };
+        PdfAnalyzerService.decorators = [
+            { type: i0.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        PdfAnalyzerService.ctorParameters = function () {
+            return [
+                { type: undefined, decorators: [{ type: i0.Inject, args: ['environment',] }] },
+                { type: i1$1.HttpClient }
+            ];
+        };
+        PdfAnalyzerService.ngInjectableDef = i0.defineInjectable({ factory: function PdfAnalyzerService_Factory() { return new PdfAnalyzerService(i0.inject("environment"), i0.inject(i1$1.HttpClient)); }, token: PdfAnalyzerService, providedIn: "root" });
+        return PdfAnalyzerService;
+    }());
+
+    var PdfAnalyzerComponent = /** @class */ (function () {
+        function PdfAnalyzerComponent(pdfAnalyzerService) {
+            this.pdfAnalyzerService = pdfAnalyzerService;
+            this.totalPages = 0;
+            this.currentpage = 1;
+            this.isCropImage = false;
+            this.instructivo = false;
+            this.render_text = true;
+            this.show_all = false;
+            this.original_size = true;
+            this.fit_to_page = false;
+            this.pdfSrc = "";
+            this.textToCompare = "";
+            this.labelToCompare = "";
+            // @Input()
+            // textToCompare: String = "";
+            // @Input()
+            // textToCompare: String = "";
+            this.documentAnalyzed = new i0.EventEmitter();
+        }
+        PdfAnalyzerComponent.prototype.ngOnInit = function () {
+        };
+        // Zoom Out Image
+        PdfAnalyzerComponent.prototype.zoomOut = function () {
+            this.cropper.zoom(0.1);
+        };
+        // Zoom In Image
+        PdfAnalyzerComponent.prototype.zoomIn = function () {
+            this.cropper.zoom(-0.1);
+        };
+        // Range slider for zooming the image
+        PdfAnalyzerComponent.prototype.onRange = function (event) {
+            this.cropper.zoomTo(event.target.value);
+        };
+        // perform the rotate functionality on image
+        PdfAnalyzerComponent.prototype.onRotate = function () {
+            this.cropper.rotate(-90);
+        };
+        // show the previous page
+        PdfAnalyzerComponent.prototype.previous = function () {
+            if (this.currentpage > 0) {
+                if (this.currentpage == 1) {
+                    this.currentpage = this.totalPages;
+                }
+                else {
+                    this.currentpage--;
+                }
+            }
+        };
+        // show the next page
+        PdfAnalyzerComponent.prototype.next = function () {
+            if (this.totalPages > this.currentpage) {
+                this.currentpage++;
+            }
+            else {
+                this.currentpage = 1;
+            }
+        };
+        PdfAnalyzerComponent.prototype.crop = function () {
+            var _this = this;
+            html2canvas(document.querySelector(".pdf-container")).then(function (canvas) {
+                var ctx = canvas.getContext('2d');
+                ctx.scale(3, 3);
+                var image = canvas.toDataURL("image/png").replace("image/png", "image/png");
+                $("#cropper-img").attr('src', image);
+                $('#cropper-img').addClass('ready');
+                _this.isCropImage = true;
+                var cropImg = document.getElementById('cropper-img');
+                _this.cropper = new Cropper(cropImg, {
+                    zoomable: true,
+                    background: false,
+                    guides: false,
+                    highlight: false,
+                    movable: false,
+                    ready: function (e) {
+                        var cropper = _this.cropper;
+                    },
+                    crop: function (e) {
+                    }
+                });
+            });
+        };
+        PdfAnalyzerComponent.prototype.saveCapture = function () {
+            var _this = this;
+            if (this.isCropImage) {
+                var canvas = this.cropper.getCroppedCanvas();
+                this.getCanvasToImage(canvas);
+            }
+            else {
+                html2canvas(document.querySelector(".pdf-container")).then(function (canvas) {
+                    _this.getCanvasToImage(canvas);
+                });
+            }
+        };
+        PdfAnalyzerComponent.prototype.getCanvasToImage = function (canvas) {
+            var ctx = canvas.getContext('2d');
+            ctx.scale(3, 3);
+            var image = canvas.toDataURL("image/png").replace("image/png", "image/png");
+            this.capture = image;
+            console.log(image);
+        };
+        PdfAnalyzerComponent.prototype.reset = function () {
+            this.isCropImage = false;
+            this.capture = null;
+            this.cropper.clear();
+            this.cropper.destroy();
+        };
+        PdfAnalyzerComponent.prototype.afterLoadComplete = function (pdf) {
+            this.totalPages = pdf.numPages;
+        };
+        PdfAnalyzerComponent.prototype.validateImage = function () {
+            var base64 = this.capture.substring(22, this.capture.length);
+            this.documentAnalyzed.emit(base64);
+            // let parameters: any = {
+            //   requests: [
+            //     {
+            //       image: {
+            //         content: base64
+            //       },
+            //       features: [
+            //         {
+            //           type: "TEXT_DETECTION"
+            //         }
+            //       ]
+            //     }
+            //   ]
+            // }
+            // this.pdfAnalyzerService.getTextOfImage(parameters).subscribe((response: any) => {
+            //   let textDetected = response[0].fullTextAnnotation.text;
+            //   console.log(textDetected);
+            // });
+        };
+        PdfAnalyzerComponent.decorators = [
+            { type: i0.Component, args: [{
+                        selector: 'pli-pdf-analyzer',
+                        template: "<div>\r\n\r\n    <div class=\"checkInstructivo\">\r\n        <label>\r\n            <input type=\"checkbox\" [(ngModel)]=\"instructivo\" />Instructivo\r\n        </label>\r\n    </div>\r\n    <div *ngIf=\"!instructivo\" class=\"description\">\r\n        Seleccionar la parte del documento donde se encuentra <strong>{{labelToCompare}}</strong>\r\n\r\n    </div>\r\n    <div *ngIf=\"instructivo\" class=\"description\">\r\n        1. Darle clic en el bot\u00F3n <span class=\"fa fa-crop\"></span>\r\n        <br> 2. Seleccionar la parte del documento donde se encuentra <strong>{{labelToCompare}}</strong> con el mouse dando clic y arrastrando hasta completar la selecci\u00F3n o cambiando de tama\u00F1o el recuadro que aparece en pantalla\r\n        <br> 3. Una vez seleccionado dar clic en el bot\u00F3n <span class=\"fa fa-camera\"></span> para previsualizarlo mejor\r\n        <br> 4. En caso de haberse equivocado puede darle clic al bot\u00F3n rojo \"Reintentar\" o al bot\u00F3n <span class=\"fa fa-undo\"></span> para volver al paso 1\r\n        <br> 5. Cuando ya este correcta la selecci\u00F3n darle clic al bot\u00F3n verde \"Guardar Captura\" para proceder con el proceso\r\n    </div>\r\n    <div class=\"pdf-visualizer-controls\">\r\n        <a href=\"Javascript:;\" title=\"Anterior\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" (click)=\"previous()\">\r\n            <span class=\"fa fa-angle-left\"></span>\r\n        </a>\r\n        <span class=\"btn btn-outline-secondary\">P\u00E1gina: {{currentpage}} / {{totalPages}}</span>\r\n        <a href=\"Javascript:;\" title=\"Siguiente\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" (click)=\"next()\">\r\n            <span class=\"fa fa-angle-right\"></span>\r\n        </a>\r\n\r\n        <a href=\"Javascript:;\" title=\"Acercar\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" *ngIf=\"isCropImage && !capture\" (click)=\"zoomOut()\">\r\n            <span class=\"fa fa-search-plus\"></span>\r\n        </a>\r\n\r\n\r\n        <a href=\"Javascript:;\" title=\"Alejar\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" *ngIf=\"isCropImage && !capture\" (click)=\"zoomIn()\">\r\n            <span class=\"fa fa-search-minus\"></span>\r\n        </a>\r\n    </div>\r\n    <div class=\"pdf-visualizer-controls\">\r\n        <a href=\"Javascript:;\" title=\"Capturar\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" *ngIf=\"!isCropImage\" (click)=\"crop()\">\r\n            <span class=\"fa fa-crop fa-2x\"></span>\r\n        </a>\r\n        <a href=\"Javascript:;\" title=\"Guardar Captura\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" *ngIf=\"isCropImage && !capture\" (click)=\"saveCapture()\">\r\n            <span class=\"fa fa-camera fa-2x\"></span>\r\n        </a>\r\n        <a href=\"Javascript:;\" title=\"Deshacer\" data-toggle=\"tooltip\" data-placement=\"top\" class=\"btn btn-outline-secondary\" *ngIf=\"isCropImage\" (click)=\"reset()\">\r\n            <span class=\"fa fa-undo fa-2x\"></span>\r\n        </a>\r\n    </div>\r\n\r\n\r\n    <div class=\"pdf-visualizer-dashboard\" *ngIf=\"!capture\">\r\n        <div class=\"pdf-container pdf-visualizer-canvas top-margin\" [hidden]=\"isCropImage\">\r\n            <pdf-viewer [(src)]=\"pdfSrc\" [(render-text)]=\"render_text\" [(page)]=\"currentpage\" [(show-all)]=\"show_all\" [(original-size)]=\"original_size\" [(fit-to-page)]=\"fit_to_page\" (after-load-complete)=\"afterLoadComplete($event)\" style=\"display: block;\">\r\n            </pdf-viewer>\r\n        </div>\r\n\r\n        <div class=\"img-container\" [hidden]=\"!isCropImage\">\r\n            <img #image src=\"\" id=\"cropper-img\" crossorigin>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"img-visualizer-dashboard\" *ngIf=\"capture\">\r\n        <img [src]=\"capture\">\r\n    </div>\r\n    <div class=\"img-visualizer-dashboard\" *ngIf=\"capture\">\r\n        <button class=\"btns btn-success btn-lg\" (click)=\"validateImage()\" lang=\"es\">Guardar Captura</button>\r\n\r\n        <button class=\"btnr btn-success btn-lg\" (click)=\"reset()\" lang=\"es\">Reintentar</button>\r\n    </div>\r\n</div>",
+                        styles: [".img-visualizer-dashboard,.pdf-visualizer-controls,.pdf-visualizer-dashboard{background-color:#f5f5f5;padding:15px}.pdf-visualizer-dashboard{border-bottom:1px solid #eee;border-top:1px solid #eee}.img-visualizer-dashboard{text-align:center;border-bottom:1px solid #eee;border-top:1px solid #eee}.pdf-visualizer-canvas{cursor:move}button.btns{background-color:green;color:#fff;position:relative;left:0;margin:15px}button.btns:hover{background-color:#006400}button.btnr{background-color:red;color:#fff;position:relative;left:0;margin:15px}button.btnr:hover{background-color:#8b0000}.description{padding:0 10px;font-size:14px;font-weight:300;font-family:Roboto,sans-serif;margin-bottom:1.5em}.checkInstructivo{float:right;text-align:right}"]
+                    }] }
+        ];
+        PdfAnalyzerComponent.ctorParameters = function () {
+            return [
+                { type: PdfAnalyzerService }
+            ];
+        };
+        PdfAnalyzerComponent.propDecorators = {
+            pdfSrc: [{ type: i0.Input }],
+            textToCompare: [{ type: i0.Input }],
+            labelToCompare: [{ type: i0.Input }],
+            documentAnalyzed: [{ type: i0.Output }]
+        };
+        return PdfAnalyzerComponent;
+    }());
+
     var NgPliCommonsModule = /** @class */ (function () {
         function NgPliCommonsModule() {
         }
@@ -14445,6 +14629,7 @@
                     HashService,
                     PartnerService,
                     PartnerSystemService,
+                    PdfAnalyzerService,
                     {
                         provide: 'environment',
                         useValue: environment
@@ -14491,6 +14676,7 @@
                             }),
                             dropdown.DropdownModule,
                             dialog.DialogModule,
+                            ng2PdfViewer.PdfViewerModule,
                             ngPliUtil.NgPliUtilModule.forRoot()
                         ],
                         entryComponents: [angularFormioProyectoscolfuturo.FormioComponent],
@@ -14515,7 +14701,8 @@
                             PdfConfigComponent,
                             SnapshotTokenComponent,
                             GuaranteeTokenComponent,
-                            ProgressBarComponent
+                            ProgressBarComponent,
+                            PdfAnalyzerComponent
                         ],
                         exports: [
                             SelectPppComponent,
@@ -14536,7 +14723,8 @@
                             DynamicFilterComponent,
                             ShowHideColumnsTableComponent,
                             PdfConfigComponent,
-                            ProgressBarComponent
+                            ProgressBarComponent,
+                            PdfAnalyzerComponent
                         ]
                     },] }
         ];
@@ -16857,9 +17045,9 @@
     /* tslint:disable */
     var VERSION = {
         "dirty": true,
-        "raw": "v0.0.18-1814-g6c2f10f-dirty",
-        "hash": "g6c2f10f",
-        "distance": 1814,
+        "raw": "v0.0.18-1824-ga657ad1e-dirty",
+        "hash": "ga657ad1e",
+        "distance": 1824,
         "tag": "v0.0.18",
         "semver": {
             "options": {
@@ -16875,10 +17063,10 @@
             "build": [],
             "version": "0.0.18"
         },
-        "suffix": "1814-g6c2f10f-dirty",
-        "semverString": "0.0.18+1814.g6c2f10f",
-        "version": "0.0.1288",
-        "buildTimestamp": "2021-12-06T11:59:20.021Z"
+        "suffix": "1824-ga657ad1e-dirty",
+        "semverString": "0.0.18+1824.ga657ad1e",
+        "version": "0.0.1293",
+        "buildTimestamp": "2021-12-07T17:56:18.442Z"
     };
     /* tslint:enable */
 
@@ -16924,6 +17112,7 @@
     exports.TokensCalculatorComponent = TokensCalculatorComponent;
     exports.GuaranteeTokenComponent = GuaranteeTokenComponent;
     exports.ProgressBarComponent = ProgressBarComponent;
+    exports.PdfAnalyzerComponent = PdfAnalyzerComponent;
     exports.CurrencyColfuturoFormatterDirective = CurrencyColfuturoFormatterDirective;
     exports.CurrencyDecimalColfuturoFormatterDirective = CurrencyDecimalColfuturoFormatterDirective;
     exports.UploadDocumentsService = UploadDocumentsService;
@@ -17064,6 +17253,7 @@
     exports.PliCnfCloningService = PliCnfCloningService;
     exports.ProgressBarService = ProgressBarService;
     exports.SegmentationTokensService = SegmentationTokensService;
+    exports.PdfAnalyzerService = PdfAnalyzerService;
     exports.CustomValidator = CustomValidator;
     exports.FormUtil = FormUtil;
     exports.FormioUtil = FormioUtil;