ngx-scandoc 15.2.3 → 15.2.5

package/fesm2020/ngx-scandoc.mjs

@@ -200,9 +200,9 @@ class NgxScandocCameraProvider {
         return this.switchCamera.asObservable();
     }
 }
-NgxScandocCameraProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, deps: [{ token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocCameraProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, decorators: [{
+NgxScandocCameraProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocCameraProvider, deps: [{ token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxScandocCameraProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocCameraProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocCameraProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -218,7 +218,7 @@ class WebcamComponent extends BaseComponent {
         }
         this.resizeTimeout = setTimeout(() => {
             this.drawRectangle();
-        }, 50);
+        }, 1000);
     }
     constructor(breakpointObserver, platform, cd, zone, cameraProvider) {
         super();
@@ -246,6 +246,16 @@ class WebcamComponent extends BaseComponent {
         this.__subs(this.cameraProvider.getDevices()).subscribe((resp) => {
             this.init();
         });
+        if (this.refresh) {
+            this.__subs(this.refresh).subscribe(() => {
+                if (this.resizeTimeout) {
+                    clearTimeout(this.resizeTimeout);
+                }
+                this.resizeTimeout = setTimeout(() => {
+                    this.drawRectangle();
+                }, 50);
+            });
+        }
         // camera switch
         this.__subs(this.cameraProvider.webcamObservable).subscribe((device) => {
             const videoTrackConstraints = this.setConstraints();
@@ -357,16 +367,12 @@ class WebcamComponent extends BaseComponent {
                         if (max &&
                             currentWidth &&
                             max > currentWidth &&
-                            conWidth != max &&
-                            currentWidth != 1920) {
-                            console.log('[SET NEW RESOLUTION] ', max, currentWidth);
+                            conWidth != max) {
+                            console.log('[SET NEW RESOLUTION]');
                             this.setupAttempt++;
                             if (this.setupAttempt < 4) {
                                 this.setup(videoTrackConstraints);
                             }
-                            else {
-                                this.setDeviceId(stream);
-                            }
                         }
                         else {
                             this.setDeviceId(stream);
@@ -586,6 +592,9 @@ class WebcamComponent extends BaseComponent {
             }
         });
     }
+    test() {
+        this.drawRectangle();
+    }
     stopAllTracks() {
         this.showVideo = false;
         if (this.mediaStream && this.mediaStream.getTracks) {
@@ -606,6 +615,7 @@ class WebcamComponent extends BaseComponent {
         // this.__subs(this.stopVideoTracks()).subscribe()
     }
     drawRectangle() {
+        console.warn('RECT');
         this.zone.run(() => {
             const _canvas = this.canvas.nativeElement;
             let padding = 10;
@@ -674,6 +684,7 @@ class WebcamComponent extends BaseComponent {
             ctx.roundRect(left, top, w, h, radius);
             ctx.stroke();
             ctx.fill();
+            console.warn('CAN', left, top, w, h, radius, ctx);
             this.cameraProvider.rectPosition = {
                 l: left,
                 t: top,
@@ -700,17 +711,19 @@ class WebcamComponent extends BaseComponent {
         console.warn('[VIDEO] destroyed');
     }
 }
-WebcamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
-WebcamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: { imageHandler: "imageHandler", type: "type", trigger: "trigger" }, outputs: { cameraSwitched: "cameraSwitched", videoReady: "videoReady", imageCapture: "imageCapture", initError: "initError" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamComponent, decorators: [{
+WebcamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WebcamComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
+WebcamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: { imageHandler: "imageHandler", type: "type", trigger: "trigger", refresh: "refresh" }, outputs: { cameraSwitched: "cameraSwitched", videoReady: "videoReady", imageCapture: "imageCapture", initError: "initError" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n\n\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WebcamComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-scandoc-webcam', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'ngx-scandoc-webcam', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n\n\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Platform }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: NgxScandocCameraProvider }]; }, propDecorators: { imageHandler: [{
                 type: Input
             }], type: [{
                 type: Input
             }], trigger: [{
                 type: Input
+            }], refresh: [{
+                type: Input
             }], onResize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
@@ -741,10 +754,10 @@ class WebcamModule {
         };
     }
 }
-WebcamModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WebcamModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, declarations: [WebcamComponent], imports: [CommonModule, PlatformModule], exports: [WebcamComponent] });
-WebcamModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, imports: [CommonModule, PlatformModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, decorators: [{
+WebcamModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WebcamModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WebcamModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WebcamModule, declarations: [WebcamComponent], imports: [CommonModule, PlatformModule], exports: [WebcamComponent] });
+WebcamModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WebcamModule, imports: [CommonModule, PlatformModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WebcamModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PlatformModule],
@@ -761,9 +774,8 @@ class ScanProvider {
     constructor(http, injector) {
         this.http = http;
         this.injector = injector;
-        // enableVerification = true;
         this.config = this.injector.get(SCAN_CONFIG_TOKEN);
-        this.canStoreImages = this.config.canStoreImages;
+        this.canStoreImages = this.config.canStoreImages || false;
     }
     genderList() {
         return {
@@ -801,15 +813,6 @@ class ScanProvider {
         const $request = this.http.post(this.config.stateLessPath, data);
         return $request;
     }
-    sendErrorLog(data) {
-        return this.http.post(this.config.errorLoggingPath, data);
-    }
-    /**
-     *
-     * @param data
-     * @returns
-     * @deprecated
-     */
     sendLog(data) {
         const { TransactionID } = data.Response;
         const $request = this.http.post(this.config.errorLoggingPath, data, {
@@ -819,12 +822,11 @@ class ScanProvider {
         });
         return $request;
     }
-    burst(Images, BlurValues) {
+    burst(Images) {
         const data = {
             AcceptTermsAndConditions: true,
             DataFields: {
                 Images,
-                BlurValues,
             },
         };
         const $request = this.http.post(this.config.validationPath, data);
@@ -1506,9 +1508,9 @@ class ScanProvider {
         });
     }
 }
-ScanProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-ScanProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, decorators: [{
+ScanProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+ScanProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1531,9 +1533,9 @@ class LayoutProvider {
         });
     }
 }
-LayoutProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
-LayoutProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, decorators: [{
+LayoutProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutProvider, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
+LayoutProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayoutProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1544,7 +1546,6 @@ class NgxScandocAuthProvider {
     constructor(http, injector) {
         this.http = http;
         this.injector = injector;
-        this.config = this.injector.get(AUTH_CONFIG_TOKEN);
         this.token = '';
         this.refresh_token = '';
         this.tokenTimestamps = {
@@ -1552,6 +1553,7 @@ class NgxScandocAuthProvider {
             Client: 0,
             SubClient: 0,
         };
+        this.config = this.injector.get(AUTH_CONFIG_TOKEN);
     }
     setSubClient(name) {
         this.subClient = name;
@@ -1636,9 +1638,9 @@ class NgxScandocAuthProvider {
         }), map((data) => data.access_token));
     }
 }
-NgxScandocAuthProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocAuthProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, decorators: [{
+NgxScandocAuthProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocAuthProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxScandocAuthProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocAuthProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocAuthProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1759,9 +1761,9 @@ class NgxScanDocTranslationProvider {
         return item;
     }
 }
-NgxScanDocTranslationProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, deps: [{ token: i4.TranslateService }, { token: i0.Injector }, { token: TRANSLATION_PROVIDER, optional: true }, { token: i2$1.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScanDocTranslationProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, decorators: [{
+NgxScanDocTranslationProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScanDocTranslationProvider, deps: [{ token: i4.TranslateService }, { token: i0.Injector }, { token: TRANSLATION_PROVIDER, optional: true }, { token: i2$1.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxScanDocTranslationProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScanDocTranslationProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScanDocTranslationProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2106,9 +2108,9 @@ class NgxScandocFieldsProvider {
         ].map((item) => this.translate.forms(item));
     }
 }
-NgxScandocFieldsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, deps: [{ token: NgxScanDocTranslationProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocFieldsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, decorators: [{
+NgxScandocFieldsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocFieldsProvider, deps: [{ token: NgxScanDocTranslationProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxScandocFieldsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocFieldsProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocFieldsProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2153,9 +2155,9 @@ class ScanResultsComponent extends BaseComponent {
         this.action.emit({ selfie: true });
     }
 }
-ScanResultsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanResultsComponent, deps: [{ token: NgxScandocCameraProvider }, { token: NgxScandocFieldsProvider }, { token: ScanProvider }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ScanResultsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: { data: "data", images: "images", form: "form" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"model\" class=\"wraper\">\n  <div style=\"flex: 1\">\n\n\n    <form class=\"py-0 w-100-p\" [formGroup]=\"form\">\n      <formly-form fxFlex [form]=\"form\" [fields]=\"fields\" [model]=\"model\">\n      </formly-form>\n    </form>\n  </div>\n  <div style=\"flex: 1\" >\n    <mat-card appearance=\"outlined\" style=\"margin:0px 4px; padding: 16px\" class=\"images\">\n      <h3>{{ \"scandoc.result.images\" | translate }}</h3>\n      <ng-container *ngFor=\"let img of model.images\">\n        <div fxLayout=\"column\">\n          <ng-container *ngIf=\"img.side === 0\">\n            <div class=\"title\">\n              {{ \"scandoc.result.frontSide\" | translate }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"img.side === 1\">\n            <div class=\"title\">{{ \"scandoc.result.backSide\" | translate }}</div>\n          </ng-container>\n          <img\n            class=\"preview\"\n            style=\"max-width: 460px; border-radius: 1rem\"\n            [src]=\"img.data\"\n          />\n        </div>\n      </ng-container>\n    </mat-card>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;overflow-y:auto;overflow-x:hidden}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px;width:100%}.wraper{padding:4px;flex:1;display:flex;flex-direction:row}mat-card{box-shadow:none!important}.selfieContainer{display:flex;flex-direction:row;align-items:center}.selfieContainer .selfie{width:150px}.selfieContainer .selfie .preview{width:120px;height:120px;border-radius:80px}.selfieContainer .button{box-shadow:none;border:1px solid rgba(0,0,0,.1)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i7.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanResultsComponent, decorators: [{
+ScanResultsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanResultsComponent, deps: [{ token: NgxScandocCameraProvider }, { token: NgxScandocFieldsProvider }, { token: ScanProvider }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ScanResultsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: { data: "data", images: "images", form: "form" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"model\" class=\"wraper\">\n  <div style=\"flex: 1\">\n\n\n    <form class=\"py-0 w-100-p\" [formGroup]=\"form\">\n      <formly-form fxFlex [form]=\"form\" [fields]=\"fields\" [model]=\"model\">\n      </formly-form>\n    </form>\n  </div>\n  <div style=\"flex: 1\" >\n    <mat-card appearance=\"outlined\" style=\"margin:0px 4px; padding: 16px\" class=\"images\">\n      <h3>{{ \"scandoc.result.images\" | translate }}</h3>\n      <ng-container *ngFor=\"let img of model.images\">\n        <div fxLayout=\"column\">\n          <ng-container *ngIf=\"img.side === 0\">\n            <div class=\"title\">\n              {{ \"scandoc.result.frontSide\" | translate }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"img.side === 1\">\n            <div class=\"title\">{{ \"scandoc.result.backSide\" | translate }}</div>\n          </ng-container>\n          <img\n            class=\"preview\"\n            style=\"max-width: 460px; border-radius: 1rem\"\n            [src]=\"img.data\"\n          />\n        </div>\n      </ng-container>\n    </mat-card>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;overflow-y:auto;overflow-x:hidden}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px;width:100%}.wraper{padding:4px;flex:1;display:flex;flex-direction:row}mat-card{box-shadow:none!important}.selfieContainer{display:flex;flex-direction:row;align-items:center}.selfieContainer .selfie{width:150px}.selfieContainer .selfie .preview{width:120px;height:120px;border-radius:80px}.selfieContainer .button{box-shadow:none;border:1px solid rgba(0,0,0,.1)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i7.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanResultsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scan-results', template: "<div *ngIf=\"model\" class=\"wraper\">\n  <div style=\"flex: 1\">\n\n\n    <form class=\"py-0 w-100-p\" [formGroup]=\"form\">\n      <formly-form fxFlex [form]=\"form\" [fields]=\"fields\" [model]=\"model\">\n      </formly-form>\n    </form>\n  </div>\n  <div style=\"flex: 1\" >\n    <mat-card appearance=\"outlined\" style=\"margin:0px 4px; padding: 16px\" class=\"images\">\n      <h3>{{ \"scandoc.result.images\" | translate }}</h3>\n      <ng-container *ngFor=\"let img of model.images\">\n        <div fxLayout=\"column\">\n          <ng-container *ngIf=\"img.side === 0\">\n            <div class=\"title\">\n              {{ \"scandoc.result.frontSide\" | translate }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"img.side === 1\">\n            <div class=\"title\">{{ \"scandoc.result.backSide\" | translate }}</div>\n          </ng-container>\n          <img\n            class=\"preview\"\n            style=\"max-width: 460px; border-radius: 1rem\"\n            [src]=\"img.data\"\n          />\n        </div>\n      </ng-container>\n    </mat-card>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;overflow-y:auto;overflow-x:hidden}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px;width:100%}.wraper{padding:4px;flex:1;display:flex;flex-direction:row}mat-card{box-shadow:none!important}.selfieContainer{display:flex;flex-direction:row;align-items:center}.selfieContainer .selfie{width:150px}.selfieContainer .selfie .preview{width:120px;height:120px;border-radius:80px}.selfieContainer .button{box-shadow:none;border:1px solid rgba(0,0,0,.1)}\n"] }]
         }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }, { type: NgxScandocFieldsProvider }, { type: ScanProvider }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { data: [{
@@ -2427,9 +2429,9 @@ class ManualScanComponent extends BaseComponent {
         this.cd.detectChanges();
     }
 }
-ManualScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManualScanComponent, deps: [{ token: NgxScandocCameraProvider }, { token: i0.ChangeDetectorRef }, { token: LayoutProvider }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ManualScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: { action: "action" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, viewQueries: [{ propertyName: "wraper", first: true, predicate: ["wraper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\n\n<ng-container *ngIf=\"!result\">\n\n<ng-container *ngIf=\"!documentTypeSelected\">\n  <section\n    class=\"scanBlastWraper\"\n    ngClass.lt-md=\"mobile\"\n    fxFlex\n    fxLayout=\"column\"\n  >\n    <div class=\"scanBlast\" fxFlex fxLayout.lt-md=\"column\" fxLayout=\"row\">\n      <mat-card\n        appearance=\"outlined\"\n        style=\"display: flex; flex-direction: column\"\n        fxLayout=\"column\"\n        *ngFor=\"let side of scanBlastData\"\n      >\n        <div ngClass.lt-sm=\"small\" class=\"head\">\n          <div class=\"title\" fxFlex>{{ side.title | translate }}</div>\n        </div>\n        <div class=\"actions\" style=\"display: flex; flex-direction: row\">\n          <button\n            (click)=\"singleScan(side)\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-right: 4px\"\n            mat-raised-button\n          >\n            <div class=\"buttonWrap\">\n              <mat-icon>camera</mat-icon>\n              <div>\n                {{ \"scandoc.scanCamera\" | translate }}\n              </div>\n            </div>\n          </button>\n          <button\n            (click)=\"file.click()\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-left: 4px\"\n            mat-raised-button\n          >\n            <input\n              accept=\"image/*\"\n              type=\"file\"\n              style=\"display: none\"\n              (change)=\"handleFileInput($event.target, $event, side)\"\n              #file\n            />\n            <div class=\"buttonWrap\">\n              <mat-icon>file_upload</mat-icon>\n              <div>\n                {{ \"scandoc.useFromDisk\" | translate }}\n              </div>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\" style=\"display: flex\">\n          <div style=\"flex: 1\" class=\"previewPlaceholder\">\n            <div class=\"description\">\n              <ng-container *ngIf=\"side.image\">\n                <div class=\"imgWrap\">\n                  <div\n                    style=\"flex: 1\"\n                    class=\"image\"\n                    [style.background-image]=\"\n                      'url(' + side.image.imageAsDataUrl + ')'\n                    \"\n                  ></div>\n\n                  <div\n                    class=\"btnActions\"\n                    fxLayout.lt-md=\"column\"\n                    fxLayout=\"row\"\n                    style=\"display: flex; flex-direction: row\"\n                  >\n                    <button\n                      (click)=\"singleScanRemove(side)\"\n                      class=\"mr-4 remButton flex\"\n                      mat-raised-button\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>delete</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.remove\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                    <button\n                      class=\"ml-4 rotateButton flex\"\n                      mat-raised-button\n                      (click)=\"singleScanRotate(side)\"\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>rotate_90_degrees_cw</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.rotate\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                  </div>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!side.image\">\n                <div class=\"empty\">\n                  {{ side.description | translate }}\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n    <footer>\n      <div\n        class=\"px-8 pb-8\"\n        style=\"padding: 0px 8px 8px 8px; display: flex; flex-direction: row\"\n      >\n        <button\n          (click)=\"scanBlastFinish()\"\n          [disabled]=\"!scanBlastCanUpload\"\n          style=\"flex: 1\"\n          mat-raised-button\n        >\n          {{ \"scandoc.upload\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<div\n  style=\"position: relative; display: flex; flex-direction: column; flex: 1\"\n  *ngIf=\"documentTypeSelected\"\n>\n  <div\n    style=\"display: flex; flex-direction: row; flex: 1\"\n    #wraper\n    class=\"wraper\"\n  >\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container *ngIf=\"!error\">\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview && !scaning\"\n        class=\"main flex\"\n\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n(videoReady)=\"videoReady($event)\"\n        (cameraSwitched)=\"cameraWasSwitched($event)\"\n        (initError)=\"handleInitError($event)\"\n        type=\"manual\"\n\n        (destroyed)=\"cameraOff($event)\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        display: flex;\n        flex-direction: row;\n        flex: 1;\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      \"\n    >\n      <div class=\"p-16 error\" *ngIf=\"error\">\n        <div>\n          <div class=\"title\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon>error_outline</mat-icon\n            ><span class=\"ml-8\">{{\n              \"pms.dialogs.components.scanProfile.unableToDetectId\" | translate\n            }}</span>\n          </div>\n\n          <ul>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.placeIdCloseToDevice\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.ensureSufficientLight\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.holdDocumentSteady\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureAllEdgesOfTheIdAreVisible\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureThereAreNoGlareAndShadowsOnTheId\"\n                  | translate\n              }}\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n        *ngIf=\"!error && !scaning\"\n      >\n        <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"pms.dialogs.components.scanProfile.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer fxLayout=\"row\" class=\"p-8\">\n    <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      {{ displayInfo }}\n    </div>\n    <div style=\"height: 26px;\">\n    <div style=\"text-align: center; font-size: 18px;\" *ngIf=\"idScan && !preview && cameraReady\">\n      <ng-container *ngIf=\"idScan === 'BACK'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureBack\" | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"idScan === 'FRONT'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureFront\" | translate }}\n      </ng-container>\n    </div>\n    </div> -->\n\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container>\n        <ng-container *ngIf=\"scanType === 'FRONT'\">{{\n          \"scandoc.captureFront\" | translate\n        }}</ng-container>\n        <ng-container *ngIf=\"scanType === 'BACK'\">{{\n          \"scandoc.captureBack\" | translate\n        }}</ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"scanSide === 1\">{{\n        \"pms.dialogs.components.scanProfile.captureBackOfId\" | translate\n      }}</ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p\"\n      *ngIf=\"preview\"\n      style=\"display: flex; flex-direction: row; align-items: center; flex: 1\"\n    >\n      <button class=\"flex mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        [disabled]=\"error\"\n        class=\"ml-4 flex\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}:host.mobile .buttonWrap div{font-size:11px!important}:host.mobile .scanBlastWraper .head{height:30px!important}:host.mobile .scanBlastWraper .head .title{font-size:12px!important}:host.mobile .scanBlastWraper .scanBlast{flex-direction:column}:host.mobile .scanBlastWraper mat-card{margin:4px!important}:host.mobile .scanBlastWraper .description{flex-direction:row!important}:host.mobile .scanBlastWraper .description .imgWrap{padding:0!important}:host.mobile .scanBlastWraper .description .btnActions{position:absolute;right:0}:host.mobile .scanBlastWraper .description button{margin:0!important;position:absolute;right:16px}:host.mobile .scanBlastWraper .description button.rotateButton{top:58px}:host.mobile .scanBlastWraper .description button.remButton{top:8px}:host.mobile .scanBlastWraper .description button mat-icon{margin:0!important}:host.mobile .scanBlastWraper .description button div.label{display:none}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}.debug{position:absolute;left:0;width:100%;height:80px;top:0;border-bottom:1px solid #ccc;background-color:#f8f8f8;display:flex;overflow:hidden;color:#000}.debug img{height:50px;border:1px solid #000}.displayInfo{text-align:center;height:20px;flex:1;position:absolute;width:100%;background-color:#000;height:30px;bottom:55px;left:0;line-height:30px;color:#fff;z-index:200}.element{margin-bottom:8px}.element label{font-size:14px}.element div{font-size:18px}.wraper{position:relative;overflow:hidden}.preview{width:100%;border-radius:1%}.documentTypeWraper{width:400px}.documentTypeWraper .label{font-size:14px;margin-bottom:20px}.documentTypeWraper button{box-shadow:none}.overPane{position:absolute;width:100%;height:100%;top:0;left:0}.overPane app-webcam{clip-path:url(#myClip)}.subhead{height:55px;padding-top:8px}.rectangle{z-index:2;position:absolute;top:50%;left:50%;width:85.6mm;height:53.98mm;transform:translate(-50%,-50%);box-sizing:border-box;border:2px dashed #459be5;border-radius:3mm}.mask{z-index:1;position:absolute;width:100%;height:100%;background-position:center center;background-size:380mm;background-repeat:no-repeat}.label{font-size:11px;margin-top:4px}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}h4{font-size:16px}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px}.error .title{font-size:22px}.error ul{font-size:18px}.photo{width:120px;height:120px;overflow:hidden}.signature{width:200px}mat-card{box-shadow:none!important}.scanBlastWraper{overflow:hidden;display:flex;flex-direction:column;flex:1}.scanBlastWraper button{text-transform:uppercase;overflow:hidden}.scanBlastWraper .buttonWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.scanBlast{display:flex;flex-direction:row;flex:1;padding:0 4px}.scanBlast mat-card{padding:0;box-shadow:none;margin:8px 4px;flex:1}.scanBlast mat-card .head{display:flex;flex-direction:row;align-items:center;justify-items:center;border-bottom:1px solid rgba(0,0,0,.12);height:60px;padding:8px}.scanBlast mat-card .head.small{height:30px!important;padding:4px 8px!important}.scanBlast mat-card .head.small .title{font-size:12px!important;margin-left:4px!important}.scanBlast mat-card .head button{max-width:120px;height:40px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.scanBlast mat-card .head .title{margin-left:16px;color:#459ae5;font-size:16px}.scanBlast mat-card .content{margin:8px;flex:1}.scanBlast mat-card .description{text-align:center;color:#888}.scanBlast mat-card .actions{background-color:#e9e9e9;display:flex;flex-direction:row}.scanBlast mat-card .actions .mat-button-disabled{background-color:#fff!important}.scanBlast mat-card .actions button{box-shadow:none;width:50%;margin:8px;height:40px;font-size:12px}.scanBlast mat-card .actions button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder{flex:1;border-radius:6px;display:flex;flex-direction:column}.scanBlast mat-card .previewPlaceholder .description{display:flex;flex:1;flex-direction:column;justify-content:center}.scanBlast mat-card .previewPlaceholder button{box-shadow:none;margin-top:8px;height:40px;font-size:12px}.scanBlast mat-card .previewPlaceholder button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder .imgWrap{flex-direction:column;flex:1;display:flex;padding:8px;background-color:#f5f5f5;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap img{width:100%;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap .image{background-position:center;background-repeat:no-repeat;background-size:contain}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{display:flex;flex-direction:column}.result .wrap{overflow:auto;flex:1;display:flex;flex-direction:row}.result .wrap .panel{flex:1}.result .wrap form{display:flex;flex-direction:row;padding:0 16px;width:100%}.result .wrap form formly-form{flex:1}.flex{flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManualScanComponent, decorators: [{
+ManualScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ManualScanComponent, deps: [{ token: NgxScandocCameraProvider }, { token: i0.ChangeDetectorRef }, { token: LayoutProvider }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ManualScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: { action: "action" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, viewQueries: [{ propertyName: "wraper", first: true, predicate: ["wraper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\n\n<ng-container *ngIf=\"!result\">\n\n<ng-container *ngIf=\"!documentTypeSelected\">\n  <section\n    class=\"scanBlastWraper\"\n    ngClass.lt-md=\"mobile\"\n    fxFlex\n    fxLayout=\"column\"\n  >\n    <div class=\"scanBlast\" fxFlex fxLayout.lt-md=\"column\" fxLayout=\"row\">\n      <mat-card\n        appearance=\"outlined\"\n        style=\"display: flex; flex-direction: column\"\n        fxLayout=\"column\"\n        *ngFor=\"let side of scanBlastData\"\n      >\n        <div ngClass.lt-sm=\"small\" class=\"head\">\n          <div class=\"title\" fxFlex>{{ side.title | translate }}</div>\n        </div>\n        <div class=\"actions\" style=\"display: flex; flex-direction: row\">\n          <button\n            (click)=\"singleScan(side)\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-right: 4px\"\n            mat-raised-button\n          >\n            <div class=\"buttonWrap\">\n              <mat-icon>camera</mat-icon>\n              <div>\n                {{ \"scandoc.scanCamera\" | translate }}\n              </div>\n            </div>\n          </button>\n          <button\n            (click)=\"file.click()\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-left: 4px\"\n            mat-raised-button\n          >\n            <input\n              accept=\"image/*\"\n              type=\"file\"\n              style=\"display: none\"\n              (change)=\"handleFileInput($event.target, $event, side)\"\n              #file\n            />\n            <div class=\"buttonWrap\">\n              <mat-icon>file_upload</mat-icon>\n              <div>\n                {{ \"scandoc.useFromDisk\" | translate }}\n              </div>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\" style=\"display: flex\">\n          <div style=\"flex: 1\" class=\"previewPlaceholder\">\n            <div class=\"description\">\n              <ng-container *ngIf=\"side.image\">\n                <div class=\"imgWrap\">\n                  <div\n                    style=\"flex: 1\"\n                    class=\"image\"\n                    [style.background-image]=\"\n                      'url(' + side.image.imageAsDataUrl + ')'\n                    \"\n                  ></div>\n\n                  <div\n                    class=\"btnActions\"\n                    fxLayout.lt-md=\"column\"\n                    fxLayout=\"row\"\n                    style=\"display: flex; flex-direction: row\"\n                  >\n                    <button\n                      (click)=\"singleScanRemove(side)\"\n                      class=\"mr-4 remButton flex\"\n                      mat-raised-button\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>delete</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.remove\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                    <button\n                      class=\"ml-4 rotateButton flex\"\n                      mat-raised-button\n                      (click)=\"singleScanRotate(side)\"\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>rotate_90_degrees_cw</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.rotate\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                  </div>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!side.image\">\n                <div class=\"empty\">\n                  {{ side.description | translate }}\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n    <footer>\n      <div\n        class=\"px-8 pb-8\"\n        style=\"padding: 0px 8px 8px 8px; display: flex; flex-direction: row\"\n      >\n        <button\n          (click)=\"scanBlastFinish()\"\n          [disabled]=\"!scanBlastCanUpload\"\n          style=\"flex: 1\"\n          mat-raised-button\n        >\n          {{ \"scandoc.upload\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<div\n  style=\"position: relative; display: flex; flex-direction: column; flex: 1\"\n  *ngIf=\"documentTypeSelected\"\n>\n  <div\n    style=\"display: flex; flex-direction: row; flex: 1\"\n    #wraper\n    class=\"wraper\"\n  >\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container *ngIf=\"!error\">\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview && !scaning\"\n        class=\"main flex\"\n\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n(videoReady)=\"videoReady($event)\"\n        (cameraSwitched)=\"cameraWasSwitched($event)\"\n        (initError)=\"handleInitError($event)\"\n        type=\"manual\"\n\n        (destroyed)=\"cameraOff($event)\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        display: flex;\n        flex-direction: row;\n        flex: 1;\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      \"\n    >\n      <div class=\"p-16 error\" *ngIf=\"error\">\n        <div>\n          <div class=\"title\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon>error_outline</mat-icon\n            ><span class=\"ml-8\">{{\n              \"pms.dialogs.components.scanProfile.unableToDetectId\" | translate\n            }}</span>\n          </div>\n\n          <ul>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.placeIdCloseToDevice\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.ensureSufficientLight\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.holdDocumentSteady\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureAllEdgesOfTheIdAreVisible\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureThereAreNoGlareAndShadowsOnTheId\"\n                  | translate\n              }}\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n        *ngIf=\"!error && !scaning\"\n      >\n        <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"pms.dialogs.components.scanProfile.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer fxLayout=\"row\" class=\"p-8\">\n    <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      {{ displayInfo }}\n    </div>\n    <div style=\"height: 26px;\">\n    <div style=\"text-align: center; font-size: 18px;\" *ngIf=\"idScan && !preview && cameraReady\">\n      <ng-container *ngIf=\"idScan === 'BACK'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureBack\" | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"idScan === 'FRONT'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureFront\" | translate }}\n      </ng-container>\n    </div>\n    </div> -->\n\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container>\n        <ng-container *ngIf=\"scanType === 'FRONT'\">{{\n          \"scandoc.captureFront\" | translate\n        }}</ng-container>\n        <ng-container *ngIf=\"scanType === 'BACK'\">{{\n          \"scandoc.captureBack\" | translate\n        }}</ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"scanSide === 1\">{{\n        \"pms.dialogs.components.scanProfile.captureBackOfId\" | translate\n      }}</ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p\"\n      *ngIf=\"preview\"\n      style=\"display: flex; flex-direction: row; align-items: center; flex: 1\"\n    >\n      <button class=\"flex mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        [disabled]=\"error\"\n        class=\"ml-4 flex\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}:host.mobile .buttonWrap div{font-size:11px!important}:host.mobile .scanBlastWraper .head{height:30px!important}:host.mobile .scanBlastWraper .head .title{font-size:12px!important}:host.mobile .scanBlastWraper .scanBlast{flex-direction:column}:host.mobile .scanBlastWraper mat-card{margin:4px!important}:host.mobile .scanBlastWraper .description{flex-direction:row!important}:host.mobile .scanBlastWraper .description .imgWrap{padding:0!important}:host.mobile .scanBlastWraper .description .btnActions{position:absolute;right:0}:host.mobile .scanBlastWraper .description button{margin:0!important;position:absolute;right:16px}:host.mobile .scanBlastWraper .description button.rotateButton{top:58px}:host.mobile .scanBlastWraper .description button.remButton{top:8px}:host.mobile .scanBlastWraper .description button mat-icon{margin:0!important}:host.mobile .scanBlastWraper .description button div.label{display:none}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}.debug{position:absolute;left:0;width:100%;height:80px;top:0;border-bottom:1px solid #ccc;background-color:#f8f8f8;display:flex;overflow:hidden;color:#000}.debug img{height:50px;border:1px solid #000}.displayInfo{text-align:center;height:20px;flex:1;position:absolute;width:100%;background-color:#000;height:30px;bottom:55px;left:0;line-height:30px;color:#fff;z-index:200}.element{margin-bottom:8px}.element label{font-size:14px}.element div{font-size:18px}.wraper{position:relative;overflow:hidden}.preview{width:100%;border-radius:1%}.documentTypeWraper{width:400px}.documentTypeWraper .label{font-size:14px;margin-bottom:20px}.documentTypeWraper button{box-shadow:none}.overPane{position:absolute;width:100%;height:100%;top:0;left:0}.overPane app-webcam{clip-path:url(#myClip)}.subhead{height:55px;padding-top:8px}.rectangle{z-index:2;position:absolute;top:50%;left:50%;width:85.6mm;height:53.98mm;transform:translate(-50%,-50%);box-sizing:border-box;border:2px dashed #459be5;border-radius:3mm}.mask{z-index:1;position:absolute;width:100%;height:100%;background-position:center center;background-size:380mm;background-repeat:no-repeat}.label{font-size:11px;margin-top:4px}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}h4{font-size:16px}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px}.error .title{font-size:22px}.error ul{font-size:18px}.photo{width:120px;height:120px;overflow:hidden}.signature{width:200px}mat-card{box-shadow:none!important}.scanBlastWraper{overflow:hidden;display:flex;flex-direction:column;flex:1}.scanBlastWraper button{text-transform:uppercase;overflow:hidden}.scanBlastWraper .buttonWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.scanBlast{display:flex;flex-direction:row;flex:1;padding:0 4px}.scanBlast mat-card{padding:0;box-shadow:none;margin:8px 4px;flex:1}.scanBlast mat-card .head{display:flex;flex-direction:row;align-items:center;justify-items:center;border-bottom:1px solid rgba(0,0,0,.12);height:60px;padding:8px}.scanBlast mat-card .head.small{height:30px!important;padding:4px 8px!important}.scanBlast mat-card .head.small .title{font-size:12px!important;margin-left:4px!important}.scanBlast mat-card .head button{max-width:120px;height:40px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.scanBlast mat-card .head .title{margin-left:16px;color:#459ae5;font-size:16px}.scanBlast mat-card .content{margin:8px;flex:1}.scanBlast mat-card .description{text-align:center;color:#888}.scanBlast mat-card .actions{background-color:#e9e9e9;display:flex;flex-direction:row}.scanBlast mat-card .actions .mat-button-disabled{background-color:#fff!important}.scanBlast mat-card .actions button{box-shadow:none;width:50%;margin:8px;height:40px;font-size:12px}.scanBlast mat-card .actions button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder{flex:1;border-radius:6px;display:flex;flex-direction:column}.scanBlast mat-card .previewPlaceholder .description{display:flex;flex:1;flex-direction:column;justify-content:center}.scanBlast mat-card .previewPlaceholder button{box-shadow:none;margin-top:8px;height:40px;font-size:12px}.scanBlast mat-card .previewPlaceholder button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder .imgWrap{flex-direction:column;flex:1;display:flex;padding:8px;background-color:#f5f5f5;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap img{width:100%;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap .image{background-position:center;background-repeat:no-repeat;background-size:contain}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{display:flex;flex-direction:column}.result .wrap{overflow:auto;flex:1;display:flex;flex-direction:row}.result .wrap .panel{flex:1}.result .wrap form{display:flex;flex-direction:row;padding:0 16px;width:100%}.result .wrap form formly-form{flex:1}.flex{flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger", "refresh"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ManualScanComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-manual-scan', template: "\n\n<ng-container *ngIf=\"!result\">\n\n<ng-container *ngIf=\"!documentTypeSelected\">\n  <section\n    class=\"scanBlastWraper\"\n    ngClass.lt-md=\"mobile\"\n    fxFlex\n    fxLayout=\"column\"\n  >\n    <div class=\"scanBlast\" fxFlex fxLayout.lt-md=\"column\" fxLayout=\"row\">\n      <mat-card\n        appearance=\"outlined\"\n        style=\"display: flex; flex-direction: column\"\n        fxLayout=\"column\"\n        *ngFor=\"let side of scanBlastData\"\n      >\n        <div ngClass.lt-sm=\"small\" class=\"head\">\n          <div class=\"title\" fxFlex>{{ side.title | translate }}</div>\n        </div>\n        <div class=\"actions\" style=\"display: flex; flex-direction: row\">\n          <button\n            (click)=\"singleScan(side)\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-right: 4px\"\n            mat-raised-button\n          >\n            <div class=\"buttonWrap\">\n              <mat-icon>camera</mat-icon>\n              <div>\n                {{ \"scandoc.scanCamera\" | translate }}\n              </div>\n            </div>\n          </button>\n          <button\n            (click)=\"file.click()\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-left: 4px\"\n            mat-raised-button\n          >\n            <input\n              accept=\"image/*\"\n              type=\"file\"\n              style=\"display: none\"\n              (change)=\"handleFileInput($event.target, $event, side)\"\n              #file\n            />\n            <div class=\"buttonWrap\">\n              <mat-icon>file_upload</mat-icon>\n              <div>\n                {{ \"scandoc.useFromDisk\" | translate }}\n              </div>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\" style=\"display: flex\">\n          <div style=\"flex: 1\" class=\"previewPlaceholder\">\n            <div class=\"description\">\n              <ng-container *ngIf=\"side.image\">\n                <div class=\"imgWrap\">\n                  <div\n                    style=\"flex: 1\"\n                    class=\"image\"\n                    [style.background-image]=\"\n                      'url(' + side.image.imageAsDataUrl + ')'\n                    \"\n                  ></div>\n\n                  <div\n                    class=\"btnActions\"\n                    fxLayout.lt-md=\"column\"\n                    fxLayout=\"row\"\n                    style=\"display: flex; flex-direction: row\"\n                  >\n                    <button\n                      (click)=\"singleScanRemove(side)\"\n                      class=\"mr-4 remButton flex\"\n                      mat-raised-button\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>delete</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.remove\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                    <button\n                      class=\"ml-4 rotateButton flex\"\n                      mat-raised-button\n                      (click)=\"singleScanRotate(side)\"\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>rotate_90_degrees_cw</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.rotate\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                  </div>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!side.image\">\n                <div class=\"empty\">\n                  {{ side.description | translate }}\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n    <footer>\n      <div\n        class=\"px-8 pb-8\"\n        style=\"padding: 0px 8px 8px 8px; display: flex; flex-direction: row\"\n      >\n        <button\n          (click)=\"scanBlastFinish()\"\n          [disabled]=\"!scanBlastCanUpload\"\n          style=\"flex: 1\"\n          mat-raised-button\n        >\n          {{ \"scandoc.upload\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<div\n  style=\"position: relative; display: flex; flex-direction: column; flex: 1\"\n  *ngIf=\"documentTypeSelected\"\n>\n  <div\n    style=\"display: flex; flex-direction: row; flex: 1\"\n    #wraper\n    class=\"wraper\"\n  >\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container *ngIf=\"!error\">\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview && !scaning\"\n        class=\"main flex\"\n\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n(videoReady)=\"videoReady($event)\"\n        (cameraSwitched)=\"cameraWasSwitched($event)\"\n        (initError)=\"handleInitError($event)\"\n        type=\"manual\"\n\n        (destroyed)=\"cameraOff($event)\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        display: flex;\n        flex-direction: row;\n        flex: 1;\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      \"\n    >\n      <div class=\"p-16 error\" *ngIf=\"error\">\n        <div>\n          <div class=\"title\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon>error_outline</mat-icon\n            ><span class=\"ml-8\">{{\n              \"pms.dialogs.components.scanProfile.unableToDetectId\" | translate\n            }}</span>\n          </div>\n\n          <ul>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.placeIdCloseToDevice\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.ensureSufficientLight\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.holdDocumentSteady\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureAllEdgesOfTheIdAreVisible\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureThereAreNoGlareAndShadowsOnTheId\"\n                  | translate\n              }}\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n        *ngIf=\"!error && !scaning\"\n      >\n        <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"pms.dialogs.components.scanProfile.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer fxLayout=\"row\" class=\"p-8\">\n    <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      {{ displayInfo }}\n    </div>\n    <div style=\"height: 26px;\">\n    <div style=\"text-align: center; font-size: 18px;\" *ngIf=\"idScan && !preview && cameraReady\">\n      <ng-container *ngIf=\"idScan === 'BACK'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureBack\" | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"idScan === 'FRONT'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureFront\" | translate }}\n      </ng-container>\n    </div>\n    </div> -->\n\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container>\n        <ng-container *ngIf=\"scanType === 'FRONT'\">{{\n          \"scandoc.captureFront\" | translate\n        }}</ng-container>\n        <ng-container *ngIf=\"scanType === 'BACK'\">{{\n          \"scandoc.captureBack\" | translate\n        }}</ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"scanSide === 1\">{{\n        \"pms.dialogs.components.scanProfile.captureBackOfId\" | translate\n      }}</ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p\"\n      *ngIf=\"preview\"\n      style=\"display: flex; flex-direction: row; align-items: center; flex: 1\"\n    >\n      <button class=\"flex mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        [disabled]=\"error\"\n        class=\"ml-4 flex\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}:host.mobile .buttonWrap div{font-size:11px!important}:host.mobile .scanBlastWraper .head{height:30px!important}:host.mobile .scanBlastWraper .head .title{font-size:12px!important}:host.mobile .scanBlastWraper .scanBlast{flex-direction:column}:host.mobile .scanBlastWraper mat-card{margin:4px!important}:host.mobile .scanBlastWraper .description{flex-direction:row!important}:host.mobile .scanBlastWraper .description .imgWrap{padding:0!important}:host.mobile .scanBlastWraper .description .btnActions{position:absolute;right:0}:host.mobile .scanBlastWraper .description button{margin:0!important;position:absolute;right:16px}:host.mobile .scanBlastWraper .description button.rotateButton{top:58px}:host.mobile .scanBlastWraper .description button.remButton{top:8px}:host.mobile .scanBlastWraper .description button mat-icon{margin:0!important}:host.mobile .scanBlastWraper .description button div.label{display:none}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}.debug{position:absolute;left:0;width:100%;height:80px;top:0;border-bottom:1px solid #ccc;background-color:#f8f8f8;display:flex;overflow:hidden;color:#000}.debug img{height:50px;border:1px solid #000}.displayInfo{text-align:center;height:20px;flex:1;position:absolute;width:100%;background-color:#000;height:30px;bottom:55px;left:0;line-height:30px;color:#fff;z-index:200}.element{margin-bottom:8px}.element label{font-size:14px}.element div{font-size:18px}.wraper{position:relative;overflow:hidden}.preview{width:100%;border-radius:1%}.documentTypeWraper{width:400px}.documentTypeWraper .label{font-size:14px;margin-bottom:20px}.documentTypeWraper button{box-shadow:none}.overPane{position:absolute;width:100%;height:100%;top:0;left:0}.overPane app-webcam{clip-path:url(#myClip)}.subhead{height:55px;padding-top:8px}.rectangle{z-index:2;position:absolute;top:50%;left:50%;width:85.6mm;height:53.98mm;transform:translate(-50%,-50%);box-sizing:border-box;border:2px dashed #459be5;border-radius:3mm}.mask{z-index:1;position:absolute;width:100%;height:100%;background-position:center center;background-size:380mm;background-repeat:no-repeat}.label{font-size:11px;margin-top:4px}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}h4{font-size:16px}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px}.error .title{font-size:22px}.error ul{font-size:18px}.photo{width:120px;height:120px;overflow:hidden}.signature{width:200px}mat-card{box-shadow:none!important}.scanBlastWraper{overflow:hidden;display:flex;flex-direction:column;flex:1}.scanBlastWraper button{text-transform:uppercase;overflow:hidden}.scanBlastWraper .buttonWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.scanBlast{display:flex;flex-direction:row;flex:1;padding:0 4px}.scanBlast mat-card{padding:0;box-shadow:none;margin:8px 4px;flex:1}.scanBlast mat-card .head{display:flex;flex-direction:row;align-items:center;justify-items:center;border-bottom:1px solid rgba(0,0,0,.12);height:60px;padding:8px}.scanBlast mat-card .head.small{height:30px!important;padding:4px 8px!important}.scanBlast mat-card .head.small .title{font-size:12px!important;margin-left:4px!important}.scanBlast mat-card .head button{max-width:120px;height:40px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.scanBlast mat-card .head .title{margin-left:16px;color:#459ae5;font-size:16px}.scanBlast mat-card .content{margin:8px;flex:1}.scanBlast mat-card .description{text-align:center;color:#888}.scanBlast mat-card .actions{background-color:#e9e9e9;display:flex;flex-direction:row}.scanBlast mat-card .actions .mat-button-disabled{background-color:#fff!important}.scanBlast mat-card .actions button{box-shadow:none;width:50%;margin:8px;height:40px;font-size:12px}.scanBlast mat-card .actions button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder{flex:1;border-radius:6px;display:flex;flex-direction:column}.scanBlast mat-card .previewPlaceholder .description{display:flex;flex:1;flex-direction:column;justify-content:center}.scanBlast mat-card .previewPlaceholder button{box-shadow:none;margin-top:8px;height:40px;font-size:12px}.scanBlast mat-card .previewPlaceholder button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder .imgWrap{flex-direction:column;flex:1;display:flex;padding:8px;background-color:#f5f5f5;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap img{width:100%;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap .image{background-position:center;background-repeat:no-repeat;background-size:contain}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{display:flex;flex-direction:column}.result .wrap{overflow:auto;flex:1;display:flex;flex-direction:row}.result .wrap .panel{flex:1}.result .wrap form{display:flex;flex-direction:row;padding:0 16px;width:100%}.result .wrap form formly-form{flex:1}.flex{flex:1}\n"] }]
         }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }, { type: i0.ChangeDetectorRef }, { type: LayoutProvider }, { type: i0.NgZone }]; }, propDecorators: { action: [{
@@ -2502,7 +2504,6 @@ class ScanComponent extends BaseComponent {
             Response: null,
             ExpectedOutput: null,
         };
-        this.blurValues = [];
         this.scanDatas = [];
         this.idScan = null;
         this.validation = false;
@@ -2577,6 +2578,7 @@ class ScanComponent extends BaseComponent {
             this.scanImageTimestamps.load = time;
             if (webcamImage.imageAsDataUrl) {
                 this.scannedImages.push(webcamImage);
+                this.handleLongValidationError(webcamImage, 'worker');
             }
             this.cd.detectChanges();
             if (this.scannedImages.length > 0 && !this.validation) {
@@ -2599,7 +2601,6 @@ class ScanComponent extends BaseComponent {
                 this.scannedImages = [];
                 const imagesArray = images.map((m) => m.imageResized.split(',')[1]);
                 this.validation = true;
-                // console.log('BURST');
                 this.handleBurstData(imagesArray, images);
             }
             else {
@@ -2610,23 +2611,15 @@ class ScanComponent extends BaseComponent {
         });
     }
     handleBurstData(imagesArray, images, type = 'plain') {
-        this.__subs(this.scanProvider.burst(imagesArray, this.blurValues)).subscribe((resp) => {
+        this.__subs(this.scanProvider.burst(imagesArray)).subscribe((resp) => {
             this.displayInfo = 'scandoc.info.c' + resp.InfoCode;
             // console.timeEnd('validationPOST');
             // console.log('AnalysisTime', resp.AnalysisTime);
-            const { DocType, Series, Side, InfoCode, TransactionID } = resp;
-            this.handleLongValidationError(TransactionID, images[0].imageAsDataUrl.split(',')[1]);
+            const { DocType, Series, Side, InfoCode } = resp;
             // if (InfoCode === '1006' && this.idScan) {
-            //   this.handleLongVaylidationError(image);
+            //   this.handleLongValidationError(image);
             // }
             //  console.warn(resp.Validated, this.numberOfValidations);
-            if (resp.DetectedBlurValue) {
-                this.blurValues.push(resp.DetectedBlurValue);
-            }
-            else {
-                this.blurValues = [];
-            }
-            console.log();
             if (resp.Validated) {
                 this.numberOfValidations++;
                 this.validationDebug.push(resp);
@@ -2635,7 +2628,7 @@ class ScanComponent extends BaseComponent {
                 this.numberOfValidations = 0;
                 this.validationDebug = [];
             }
-            if (resp.Validated) {
+            if (this.numberOfValidations >= 3) {
                 this.displayInfo = '';
                 // console.log('[SCANNED INDEX]', resp.Index);
                 const selectedImage = images[resp.Index];
@@ -2664,7 +2657,6 @@ class ScanComponent extends BaseComponent {
                         this.scanBlastFinish();
                     }
                     else {
-                        this.blurValues = [];
                         this.numberOfValidations = 0;
                         // console.warn('DEBUG',Side,this.validationDebug)
                         this.validationDebug = [];
@@ -2726,24 +2718,9 @@ class ScanComponent extends BaseComponent {
         // }
         // this.scanProvider.sendLog(this.logData).subscribe();
         // console.log('LOG DATA', this.logData);
-        //  this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
+        this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
     }
-    sendErrorLog(TransactionID, image) {
-        const { browser, os, device } = this.deviceService;
-        const FrontImage = this.scanBlastData[0]?.image ? this.getImgBase64(0) : null;
-        const out = {
-            OS: os,
-            Device: device,
-            Browser: browser,
-            TransactionID,
-            AcceptTermsAndConditions: true,
-            FrontImage: FrontImage || image,
-            BackImage: FrontImage ? image : '',
-        };
-        console.log(out);
-        this.__subs(this.scanProvider.sendErrorLog(out)).subscribe();
-    }
-    handleLongValidationError(TransactionID, image) {
+    handleLongValidationError(img, type = 'plain') {
         // save current image after 10sec
         let MANUAL_INTERVAL = this.scanProvider.config.manualScanDelay;
         const diff = (Date.now() - this.startTime) / 1000;
@@ -2756,9 +2733,6 @@ class ScanComponent extends BaseComponent {
                 if (this.scanProvider.config.manualModeEnabled) {
                     this.promptManual = true;
                 }
-                if (this.scanProvider.config.errorLogging) {
-                    this.sendErrorLog(TransactionID, image);
-                }
                 // }
                 this.startTime = Date.now();
             });
@@ -2798,6 +2772,43 @@ class ScanComponent extends BaseComponent {
             this.isMobile = !v.matches || this.platform.IOS || this.platform.ANDROID;
             console.log('MNOBILE', this.isMobile);
         });
+        // this.imageHandlerSubscription = this.imageHandler.subscribe(
+        //   (webcamImage: any) => {
+        //     // return;
+        //     if (this.startTime === 0) {
+        //       this.startTime = Date.now();
+        //     }
+        //     this.zone.runOutsideAngular(() => {
+        //       if (webcamImage.base64) {
+        //         const time = new Date().getTime();
+        //         if (this.scanImageTimestamps.load > 0) {
+        //           const { load } = this.scanImageTimestamps;
+        //           const diff = time - load;
+        //           // console.warn('TIME', diff);
+        //           this.scanDelay = diff;
+        //         }
+        //         this.scanImageTimestamps.load = time;
+        //         this.scannedImages.push(webcamImage);
+        //         this.handleLongValidationError(webcamImage, 'worker');
+        //       }
+        //       // this.cd.detectChanges();
+        //       if (this.scannedImages.length > 4 && !this.validation) {
+        //         // get last 10
+        //         console.timeEnd('validationTOTAL_UI');
+        //         console.time('validationTOTAL_UI');
+        //         const images = this.scannedImages.slice(-5);
+        //         // set images to 0
+        //         this.scannedImages = [];
+        //         console.log(images);
+        //         const imagesArray = images.map((m) => m.base64.split(',')[1]);
+        //         this.validation = true;
+        //         // this.handleBurstData(imagesArray, images, 'worker');
+        //         console.time('validationPOST');
+        //       }
+        //       this.cd.detectChanges();
+        //     });
+        //   }
+        // );
     }
     handleBitmapImage(bitmap) {
         const { width, height } = bitmap;
@@ -3041,14 +3052,14 @@ class ScanComponent extends BaseComponent {
     }
     use() {
         // save images??
-        // if (this.scanProvider.config.sendLog) {
-        //   this.logData.ExpectedOutput = JSON.parse(JSON.stringify(this.model));
-        //   if (this.logData.ExpectedOutput?._avatar) {
-        //     delete this.logData.ExpectedOutput._avatar;
-        //   }
-        //  // this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
-        //   console.log(this.logData);
-        // }
+        if (this.scanProvider.config.sendLog) {
+            this.logData.ExpectedOutput = JSON.parse(JSON.stringify(this.model));
+            if (this.logData.ExpectedOutput?._avatar) {
+                delete this.logData.ExpectedOutput._avatar;
+            }
+            this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
+            console.log(this.logData);
+        }
         this.actions.emit({
             type: 'scanDataClose',
             data: {
@@ -3118,15 +3129,17 @@ class ScanComponent extends BaseComponent {
         this.__destroy();
     }
 }
-ScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }, { token: i0.Injector }, { token: LayoutProvider }, { token: i2.Platform }, { token: i4$1.DeviceDetectorService }, { token: NgxScandocAuthProvider }], target: i0.ɵɵFactoryTarget.Component });
-ScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanComponent, selector: "ngx-scan", inputs: { type: "type", dialogs: "dialogs", showDialog: "showDialog" }, outputs: { actions: "actions" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: ["data", "images", "form"], outputs: ["action"] }, { kind: "component", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: ["action"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanComponent, decorators: [{
+ScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }, { token: i0.Injector }, { token: LayoutProvider }, { token: i2.Platform }, { token: i4$1.DeviceDetectorService }, { token: NgxScandocAuthProvider }], target: i0.ɵɵFactoryTarget.Component });
+ScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScanComponent, selector: "ngx-scan", inputs: { type: "type", dialogs: "dialogs", refresh: "refresh", showDialog: "showDialog" }, outputs: { actions: "actions" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n          [refresh]=\"refresh\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger", "refresh"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: ["data", "images", "form"], outputs: ["action"] }, { kind: "component", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: ["action"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-scan', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"] }]
+            args: [{ selector: 'ngx-scan', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n          [refresh]=\"refresh\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: NgxScandocCameraProvider }, { type: i0.Injector }, { type: LayoutProvider }, { type: i2.Platform }, { type: i4$1.DeviceDetectorService }, { type: NgxScandocAuthProvider }]; }, propDecorators: { type: [{
                 type: Input
             }], dialogs: [{
                 type: Input
+            }], refresh: [{
+                type: Input
             }], actions: [{
                 type: Output
             }], showDialog: [{
@@ -3141,8 +3154,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 class MaterialModule {
 }
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
         MatDatepickerModule,
         MatCardModule,
         MatMenuModule,
@@ -3183,7 +3196,7 @@ MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         MatTabsModule,
         MatSlideToggleModule,
         MatAutocompleteModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
         MatDatepickerModule,
         MatCardModule,
         MatMenuModule,
@@ -3224,7 +3237,7 @@ MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         MatTabsModule,
         MatSlideToggleModule,
         MatAutocompleteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3297,8 +3310,8 @@ class AvatarTypeComponent extends FieldType {
         this.cd.detectChanges();
     }
 }
-AvatarTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AvatarTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AvatarTypeComponent, selector: "app-formly-avatar-type", usesInheritance: true, ngImport: i0, template: `
+AvatarTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AvatarTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AvatarTypeComponent, selector: "app-formly-avatar-type", usesInheritance: true, ngImport: i0, template: `
     <mat-card appearance="outlined" style="margin: 4px; padding:16px">
       <div class="card-title">{{ 'scandoc.result.avatar' | translate }}</div>
       <div class="selfieContainer">
@@ -3311,7 +3324,7 @@ AvatarTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
       </div>
     </mat-card>
   `, isInline: true, styles: ["mat-card{border-radius:0;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AvatarTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-formly-avatar-type', template: `
     <mat-card appearance="outlined" style="margin: 4px; padding:16px">
@@ -3342,13 +3355,13 @@ class TitleTypeComponent extends FieldType {
         this.cd.detectChanges();
     }
 }
-TitleTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TitleTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TitleTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TitleTypeComponent, selector: "app-formly-title-type", usesInheritance: true, ngImport: i0, template: `
+TitleTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TitleTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TitleTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TitleTypeComponent, selector: "app-formly-title-type", usesInheritance: true, ngImport: i0, template: `
     <div class="card-title">
       {{ to.label }}
     </div>
   `, isInline: true, styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TitleTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TitleTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-formly-title-type', template: `
     <div class="card-title">
@@ -3370,8 +3383,8 @@ class ProfileImageTypeComponent extends FieldType {
     ngOnChange() { }
     ngAfterViewInit() { }
 }
-ProfileImageTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileImageTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Component });
-ProfileImageTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProfileImageTypeComponent, selector: "app-formly-profile-image-type", usesInheritance: true, ngImport: i0, template: `
+ProfileImageTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProfileImageTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Component });
+ProfileImageTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProfileImageTypeComponent, selector: "app-formly-profile-image-type", usesInheritance: true, ngImport: i0, template: `
     <mat-form-field>
       <mat-label>{{ 'scandoc.result.avatar' | translate }} </mat-label>
       <input matInput style="display:none" />
@@ -3389,7 +3402,7 @@ ProfileImageTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
       </div>
     </mat-form-field>
   `, isInline: true, styles: [".selfieContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.selfieContainer button{margin-top:6px;box-shadow:none!important;border:1px solid rgba(0,0,0,.12);text-transform:uppercase;font-size:12px}.selfie{width:126px;height:126px;border-radius:70px;background:whitesmoke;display:flex;flex-direction:column;align-items:center;justify-content:center}.selfie img{width:120px;height:120px;border-radius:60px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileImageTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProfileImageTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-formly-profile-image-type', template: `
     <mat-form-field>
@@ -3413,8 +3426,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 class AppFormModule {
 }
-AppFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, declarations: [TitleTypeComponent,
+AppFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AppFormModule, declarations: [TitleTypeComponent,
         AvatarTypeComponent,
         ProfileImageTypeComponent], imports: [CommonModule,
         FormsModule,
@@ -3424,7 +3437,7 @@ AppFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         AvatarModule,
         TranslateModule,
         FormlyMaterialModule, i7.FormlyModule], exports: [FormlyModule] });
-AppFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, imports: [CommonModule,
+AppFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFormModule, imports: [CommonModule,
         FormsModule,
         FormlyMatDatepickerModule,
         FormlySelectModule,
@@ -3446,7 +3459,7 @@ AppFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
                 },
             ],
         }), FormlyModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3492,9 +3505,9 @@ class CameraSwitchComponent {
     }
     ngOnDestroy() { }
 }
-CameraSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CameraSwitchComponent, deps: [{ token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
-CameraSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch", ngImport: i0, template: "<mat-form-field\n  style=\"font-size: 14px;  margin-top: 8px\"\n  class=\"w-100-p mr-16 mt-8\"\n\n>\n  <mat-label> {{ \"scandoc.camera\" | translate }} </mat-label>\n  <mat-select\n    (selectionChange)=\"cameraProvider.selectCamera($event)\"\n    [(ngModel)]=\"cameraProvider.deviceId\"\n  >\n    <mat-option\n      *ngFor=\"let device of cameraProvider.mediaDevices\"\n      [value]=\"device.deviceId\"\n    >\n      {{ device.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CameraSwitchComponent, decorators: [{
+CameraSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CameraSwitchComponent, deps: [{ token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
+CameraSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch", ngImport: i0, template: "<mat-form-field\n  style=\"font-size: 14px;  margin-top: 8px\"\n  class=\"w-100-p mr-16 mt-8\"\n\n>\n  <mat-label> {{ \"scandoc.camera\" | translate }} </mat-label>\n  <mat-select\n    (selectionChange)=\"cameraProvider.selectCamera($event)\"\n    [(ngModel)]=\"cameraProvider.deviceId\"\n  >\n    <mat-option\n      *ngFor=\"let device of cameraProvider.mediaDevices\"\n      [value]=\"device.deviceId\"\n    >\n      {{ device.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CameraSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scan-camera-switch', template: "<mat-form-field\n  style=\"font-size: 14px;  margin-top: 8px\"\n  class=\"w-100-p mr-16 mt-8\"\n\n>\n  <mat-label> {{ \"scandoc.camera\" | translate }} </mat-label>\n  <mat-select\n    (selectionChange)=\"cameraProvider.selectCamera($event)\"\n    [(ngModel)]=\"cameraProvider.deviceId\"\n  >\n    <mat-option\n      *ngFor=\"let device of cameraProvider.mediaDevices\"\n      [value]=\"device.deviceId\"\n    >\n      {{ device.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1}\n"] }]
         }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }]; } });
@@ -3508,8 +3521,8 @@ class CoreComponentsModule {
         };
     }
 }
-CoreComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CoreComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, declarations: [ScanComponent,
+CoreComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CoreComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CoreComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CoreComponentsModule, declarations: [ScanComponent,
         ScanResultsComponent,
         CameraSwitchComponent,
         ManualScanComponent], imports: [CommonModule,
@@ -3520,14 +3533,14 @@ CoreComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         ScanComponent,
         CameraSwitchComponent,
         ManualScanComponent] });
-CoreComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, imports: [CommonModule,
+CoreComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CoreComponentsModule, imports: [CommonModule,
         FormsModule,
         TranslateModule,
         WebcamModule.forRoot(),
         MaterialModule,
         AppFormModule,
         ReactiveFormsModule, WebcamModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CoreComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3565,19 +3578,19 @@ class SafeResourceUrlPipe {
         // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs
     }
 }
-SafeResourceUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeResourceUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, name: "safeResourceUrl" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
+SafeResourceUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeResourceUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SafeResourceUrlPipe, name: "safeResourceUrl" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'safeResourceUrl' }]
         }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
 class CorePipesModule {
 }
-CorePipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CorePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, declarations: [SafeResourceUrlPipe], exports: [SafeResourceUrlPipe] });
-CorePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, decorators: [{
+CorePipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CorePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CorePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CorePipesModule, declarations: [SafeResourceUrlPipe], exports: [SafeResourceUrlPipe] });
+CorePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CorePipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CorePipesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SafeResourceUrlPipe],
@@ -3617,9 +3630,9 @@ class BlankComponent {
         }
     }
 }
-BlankComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BlankComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BlankComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BlankComponent, selector: "ngx-scandoc-blank", viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #body></ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;overflow:hidden;height:100%}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BlankComponent, decorators: [{
+BlankComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BlankComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BlankComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BlankComponent, selector: "ngx-scandoc-blank", viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #body></ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;overflow:hidden;height:100%}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BlankComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-blank', template: "<ng-template #body></ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;overflow:hidden;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -3632,9 +3645,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 class LoadingComponent {
 }
-LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoadingComponent, selector: "ngx-scandoc-loading", ngImport: i0, template: "<div style=\"width:240px;\">\n\n  <div class=\"pb-16\" style=\"font-size: 18px;padding-bottom:16px;\">\n    Loading...\n  </div>\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadingComponent, decorators: [{
+LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoadingComponent, selector: "ngx-scandoc-loading", ngImport: i0, template: "<div style=\"width:240px;\">\n\n  <div class=\"pb-16\" style=\"font-size: 18px;padding-bottom:16px;\">\n    Loading...\n  </div>\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-loading', template: "<div style=\"width:240px;\">\n\n  <div class=\"pb-16\" style=\"font-size: 18px;padding-bottom:16px;\">\n    Loading...\n  </div>\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n</div>\n" }]
         }] });
@@ -3667,9 +3680,9 @@ class ConfirmComponent {
     }
     close() { }
 }
-ConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfirmComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ConfirmComponent, selector: "ngx-scandoc-confirm", host: { listeners: { "document:keyup.enter": "onEnterPress($event)", "document:keyup.escape": "onEscapePress($event)" } }, ngImport: i0, template: "<header class=\"page-header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"title\" ngClass.lt-sm=\"title-small\">\n    {{ data.title | translate }}\n\n    <!-- {{ data.text.statusText }} {{ data.text.status }} -->\n  </div>\n\n  <span fxFlex></span>\n\n  <!-- <div class=\"separator\"></div>\n\n  <button mat-button (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button> -->\n  <!-- <mat-icon class=\"mr-16\" style=\"color:#888;\">info_outline</mat-icon> -->\n</header>\n\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <div class=\"text\" *ngIf=\"data.text\">\n    <span [innerHtml]=\"data.text\"></span>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <div class=\"actions\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n    <button\n      *ngIf=\"!data.alert && !options?.hideCancelButton\"\n      (click)=\"action(false)\"\n      mat-raised-button\n    >\n      {{ data.cancel || \"scandoc.cancel\" | translate }}\n    </button>\n\n    <button\n      *ngIf=\"data.no && !options?.hideNoButton\"\n      (click)=\"action('no')\"\n      mat-raised-button\n    >\n      {{ data.no }}\n    </button>\n    <button\n      *ngIf=\"!data.hideOkButton && !options?.hideOkButton\"\n      (click)=\"action(true)\"\n      mat-raised-button\n    >\n      <ng-container *ngIf=\"!data.alert\">\n        {{ data.ok || \"scandoc.confirm\" | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"data.alert\">\n        {{ data.ok || \"scandoc.ok\" | translate }}\n      </ng-container>\n    </button>\n  </div>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.title{font-size:18px}.text{padding:0 30px;text-align:center;font-size:16px;margin:40px 0}.actions{min-height:60px;padding:0 20px}.actions button{min-width:120px;margin-right:16px;text-transform:uppercase;box-shadow:none;border:1px solid rgba(0,0,0,.12)}footer{background-color:#fff}footer button{box-shadow:none!important;border:1px solid rgba(0,0,0,.12);font-size:13px}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfirmComponent, decorators: [{
+ConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfirmComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ConfirmComponent, selector: "ngx-scandoc-confirm", host: { listeners: { "document:keyup.enter": "onEnterPress($event)", "document:keyup.escape": "onEscapePress($event)" } }, ngImport: i0, template: "<header class=\"page-header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"title\" ngClass.lt-sm=\"title-small\">\n    {{ data.title | translate }}\n\n    <!-- {{ data.text.statusText }} {{ data.text.status }} -->\n  </div>\n\n  <span fxFlex></span>\n\n  <!-- <div class=\"separator\"></div>\n\n  <button mat-button (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button> -->\n  <!-- <mat-icon class=\"mr-16\" style=\"color:#888;\">info_outline</mat-icon> -->\n</header>\n\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <div class=\"text\" *ngIf=\"data.text\">\n    <span [innerHtml]=\"data.text\"></span>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <div class=\"actions\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n    <button\n      *ngIf=\"!data.alert && !options?.hideCancelButton\"\n      (click)=\"action(false)\"\n      mat-raised-button\n    >\n      {{ data.cancel || \"scandoc.cancel\" | translate }}\n    </button>\n\n    <button\n      *ngIf=\"data.no && !options?.hideNoButton\"\n      (click)=\"action('no')\"\n      mat-raised-button\n    >\n      {{ data.no }}\n    </button>\n    <button\n      *ngIf=\"!data.hideOkButton && !options?.hideOkButton\"\n      (click)=\"action(true)\"\n      mat-raised-button\n    >\n      <ng-container *ngIf=\"!data.alert\">\n        {{ data.ok || \"scandoc.confirm\" | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"data.alert\">\n        {{ data.ok || \"scandoc.ok\" | translate }}\n      </ng-container>\n    </button>\n  </div>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.title{font-size:18px}.text{padding:0 30px;text-align:center;font-size:16px;margin:40px 0}.actions{min-height:60px;padding:0 20px}.actions button{min-width:120px;margin-right:16px;text-transform:uppercase;box-shadow:none;border:1px solid rgba(0,0,0,.12)}footer{background-color:#fff}footer button{box-shadow:none!important;border:1px solid rgba(0,0,0,.12);font-size:13px}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-confirm', template: "<header class=\"page-header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"title\" ngClass.lt-sm=\"title-small\">\n    {{ data.title | translate }}\n\n    <!-- {{ data.text.statusText }} {{ data.text.status }} -->\n  </div>\n\n  <span fxFlex></span>\n\n  <!-- <div class=\"separator\"></div>\n\n  <button mat-button (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button> -->\n  <!-- <mat-icon class=\"mr-16\" style=\"color:#888;\">info_outline</mat-icon> -->\n</header>\n\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <div class=\"text\" *ngIf=\"data.text\">\n    <span [innerHtml]=\"data.text\"></span>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <div class=\"actions\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n    <button\n      *ngIf=\"!data.alert && !options?.hideCancelButton\"\n      (click)=\"action(false)\"\n      mat-raised-button\n    >\n      {{ data.cancel || \"scandoc.cancel\" | translate }}\n    </button>\n\n    <button\n      *ngIf=\"data.no && !options?.hideNoButton\"\n      (click)=\"action('no')\"\n      mat-raised-button\n    >\n      {{ data.no }}\n    </button>\n    <button\n      *ngIf=\"!data.hideOkButton && !options?.hideOkButton\"\n      (click)=\"action(true)\"\n      mat-raised-button\n    >\n      <ng-container *ngIf=\"!data.alert\">\n        {{ data.ok || \"scandoc.confirm\" | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"data.alert\">\n        {{ data.ok || \"scandoc.ok\" | translate }}\n      </ng-container>\n    </button>\n  </div>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.title{font-size:18px}.text{padding:0 30px;text-align:center;font-size:16px;margin:40px 0}.actions{min-height:60px;padding:0 20px}.actions button{min-width:120px;margin-right:16px;text-transform:uppercase;box-shadow:none;border:1px solid rgba(0,0,0,.12)}footer{background-color:#fff}footer button{box-shadow:none!important;border:1px solid rgba(0,0,0,.12);font-size:13px}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -3753,9 +3766,9 @@ class ScanSelfieComponent extends BaseComponent {
         this.dialogRef.close(null);
     }
 }
-ScanSelfieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanSelfieComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.MatDialogRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: NgxScandocDialogsCoreProvider }], target: i0.ɵɵFactoryTarget.Component });
-ScanSelfieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanSelfieComponent, selector: "ngx-scandoc-selfie", outputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\">\n    {{ \"scandoc.result.takeSelfie\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitchSelfie | async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container>\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n\n<div class=\"flex-column flex\">\n  <div #wraper class=\"wraper flex flex-row\">\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container>\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview\"\n        class=\"main flex\"\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n        (initError)=\"handleInitError($event)\"\n        (videoReady)=\"videoReady($event)\"\n        type=\"selfie\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      \"\n    >\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n      >\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer class=\"p-8 flex-row\">\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container> {{ \"scandoc.result.takeSelfie\" | translate }} </ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p flex-row flex\"\n      *ngIf=\"preview\"\n      style=\"align-items: center\"\n    >\n      <button style=\"flex: 1\" class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        style=\"flex: 1\"\n        class=\"ml-4\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}.flex{flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.wraper{position:relative;overflow:hidden}h3{color:#459ae5;font-size:16px}.preview{width:100%;border-radius:1%}.subhead{height:55px;padding-top:8px}footer button{box-shadow:none!important;height:45px;min-height:45px;border:1px solid rgba(0,0,0,.12);text-transform:uppercase}.error .title{font-size:22px}.error ul{font-size:18px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanSelfieComponent, decorators: [{
+ScanSelfieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanSelfieComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.MatDialogRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: NgxScandocDialogsCoreProvider }], target: i0.ɵɵFactoryTarget.Component });
+ScanSelfieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScanSelfieComponent, selector: "ngx-scandoc-selfie", outputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\">\n    {{ \"scandoc.result.takeSelfie\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitchSelfie | async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container>\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n\n<div class=\"flex-column flex\">\n  <div #wraper class=\"wraper flex flex-row\">\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container>\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview\"\n        class=\"main flex\"\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n        (initError)=\"handleInitError($event)\"\n        (videoReady)=\"videoReady($event)\"\n        type=\"selfie\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      \"\n    >\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n      >\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer class=\"p-8 flex-row\">\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container> {{ \"scandoc.result.takeSelfie\" | translate }} </ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p flex-row flex\"\n      *ngIf=\"preview\"\n      style=\"align-items: center\"\n    >\n      <button style=\"flex: 1\" class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        style=\"flex: 1\"\n        class=\"ml-4\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}.flex{flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.wraper{position:relative;overflow:hidden}h3{color:#459ae5;font-size:16px}.preview{width:100%;border-radius:1%}.subhead{height:55px;padding-top:8px}footer button{box-shadow:none!important;height:45px;min-height:45px;border:1px solid rgba(0,0,0,.12);text-transform:uppercase}.error .title{font-size:22px}.error ul{font-size:18px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger", "refresh"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanSelfieComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-selfie', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"page-header\">\n  <div class=\"title\">\n    {{ \"scandoc.result.takeSelfie\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitchSelfie | async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container>\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n\n<div class=\"flex-column flex\">\n  <div #wraper class=\"wraper flex flex-row\">\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container>\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview\"\n        class=\"main flex\"\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n        (initError)=\"handleInitError($event)\"\n        (videoReady)=\"videoReady($event)\"\n        type=\"selfie\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      \"\n    >\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n      >\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer class=\"p-8 flex-row\">\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container> {{ \"scandoc.result.takeSelfie\" | translate }} </ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p flex-row flex\"\n      *ngIf=\"preview\"\n      style=\"align-items: center\"\n    >\n      <button style=\"flex: 1\" class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        style=\"flex: 1\"\n        class=\"ml-4\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}.flex{flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.wraper{position:relative;overflow:hidden}h3{color:#459ae5;font-size:16px}.preview{width:100%;border-radius:1%}.subhead{height:55px;padding-top:8px}footer button{box-shadow:none!important;height:45px;min-height:45px;border:1px solid rgba(0,0,0,.12);text-transform:uppercase}.error .title{font-size:22px}.error ul{font-size:18px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$3.MatDialogRef }, { type: NgxScandocCameraProvider }, { type: ScanProvider }, { type: NgxScandocDialogsCoreProvider }]; }, propDecorators: { actions: [{
@@ -3775,9 +3788,9 @@ class TurnDocumentComponent {
         this.dialogRef.close();
     }
 }
-TurnDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TurnDocumentComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-TurnDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TurnDocumentComponent, selector: "ngx-scandoc-turn-document", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>360</mat-icon>\n  <div class=\"text\">\n    <ng-container *ngIf=\"data.idScan === 'BACK'\">\n      {{ \"scandoc.turnAndCapture.back\" | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"data.idScan === 'FRONT'\">\n      {{ \"scandoc.turnAndCapture.front\" | translate }}\n    </ng-container>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button (click)=\"close()\" mat-raised-button>Ok</button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TurnDocumentComponent, decorators: [{
+TurnDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TurnDocumentComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+TurnDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TurnDocumentComponent, selector: "ngx-scandoc-turn-document", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>360</mat-icon>\n  <div class=\"text\">\n    <ng-container *ngIf=\"data.idScan === 'BACK'\">\n      {{ \"scandoc.turnAndCapture.back\" | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"data.idScan === 'FRONT'\">\n      {{ \"scandoc.turnAndCapture.front\" | translate }}\n    </ng-container>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button (click)=\"close()\" mat-raised-button>Ok</button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TurnDocumentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-turn-document', template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>360</mat-icon>\n  <div class=\"text\">\n    <ng-container *ngIf=\"data.idScan === 'BACK'\">\n      {{ \"scandoc.turnAndCapture.back\" | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"data.idScan === 'FRONT'\">\n      {{ \"scandoc.turnAndCapture.front\" | translate }}\n    </ng-container>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button (click)=\"close()\" mat-raised-button>Ok</button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -3798,9 +3811,9 @@ class PromptManualComponent {
         this.dialogRef.close(key);
     }
 }
-PromptManualComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PromptManualComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-PromptManualComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PromptManualComponent, selector: "ngx-scandoc-prompt-manual", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>screenshot_keyboard</mat-icon>\n  <div class=\"text\">\n    {{ \"scandoc.manual\" | translate }}\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button style=\"margin-right: 8px\" (click)=\"close(true)\" mat-raised-button>\n    {{ \"scandoc.yes\" | translate }}\n  </button>\n  <button style=\"margin-left: 8px\" (click)=\"close(false)\" mat-raised-button>\n    {{ \"scandoc.no\" | translate }}\n  </button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px}footer button{max-width:120px;box-shadow:none;border:1px solid #ccc;flex:1}\n"], dependencies: [{ kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PromptManualComponent, decorators: [{
+PromptManualComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PromptManualComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+PromptManualComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PromptManualComponent, selector: "ngx-scandoc-prompt-manual", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>screenshot_keyboard</mat-icon>\n  <div class=\"text\">\n    {{ \"scandoc.manual\" | translate }}\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button style=\"margin-right: 8px\" (click)=\"close(true)\" mat-raised-button>\n    {{ \"scandoc.yes\" | translate }}\n  </button>\n  <button style=\"margin-left: 8px\" (click)=\"close(false)\" mat-raised-button>\n    {{ \"scandoc.no\" | translate }}\n  </button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px}footer button{max-width:120px;box-shadow:none;border:1px solid #ccc;flex:1}\n"], dependencies: [{ kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PromptManualComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-prompt-manual', template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>screenshot_keyboard</mat-icon>\n  <div class=\"text\">\n    {{ \"scandoc.manual\" | translate }}\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button style=\"margin-right: 8px\" (click)=\"close(true)\" mat-raised-button>\n    {{ \"scandoc.yes\" | translate }}\n  </button>\n  <button style=\"margin-left: 8px\" (click)=\"close(false)\" mat-raised-button>\n    {{ \"scandoc.no\" | translate }}\n  </button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px}footer button{max-width:120px;box-shadow:none;border:1px solid #ccc;flex:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
@@ -3909,9 +3922,9 @@ class NgxScandocDialogsCoreProvider {
         });
     }
 }
-NgxScandocDialogsCoreProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocDialogsCoreProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, decorators: [{
+NgxScandocDialogsCoreProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocDialogsCoreProvider, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+NgxScandocDialogsCoreProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocDialogsCoreProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocDialogsCoreProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3971,9 +3984,9 @@ class ScanProfileComponent extends BaseComponent {
         this.dialogRef?.close();
     }
 }
-ScanProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProfileComponent, deps: [{ token: NgxScandocDialogsCoreProvider }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: i1$3.MatDialogRef }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Component });
-ScanProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanProfileComponent, selector: "ngx-scandoc-profile", inputs: { type: "type" }, host: { listeners: { "touchmove": "handleTouchMove($event)" } }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\" >\n    {{ \"scandoc.title\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitch| async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"type === 'desktop'\">\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n<ngx-scan\n  (actions)=\"actions($event)\"\n  [showDialog]=\"showDialog\"\n  [dialogs]=\"dialogs\"\n></ngx-scan>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: ScanComponent, selector: "ngx-scan", inputs: ["type", "dialogs", "showDialog"], outputs: ["actions"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProfileComponent, decorators: [{
+ScanProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanProfileComponent, deps: [{ token: NgxScandocDialogsCoreProvider }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: i1$3.MatDialogRef }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Component });
+ScanProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScanProfileComponent, selector: "ngx-scandoc-profile", inputs: { type: "type" }, host: { listeners: { "touchmove": "handleTouchMove($event)" } }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\" >\n    {{ \"scandoc.title\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitch| async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"type === 'desktop'\">\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n<ngx-scan\n  (actions)=\"actions($event)\"\n  [showDialog]=\"showDialog\"\n  [dialogs]=\"dialogs\"\n></ngx-scan>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: ScanComponent, selector: "ngx-scan", inputs: ["type", "dialogs", "refresh", "showDialog"], outputs: ["actions"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScanProfileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngx-scandoc-profile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"page-header\">\n  <div class=\"title\" >\n    {{ \"scandoc.title\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitch| async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"type === 'desktop'\">\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n<ngx-scan\n  (actions)=\"actions($event)\"\n  [showDialog]=\"showDialog\"\n  [dialogs]=\"dialogs\"\n></ngx-scan>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: NgxScandocDialogsCoreProvider }, { type: NgxScandocCameraProvider }, { type: ScanProvider }, { type: i1$3.MatDialogRef }, { type: i2.Platform }]; }, propDecorators: { type: [{
@@ -3993,8 +4006,8 @@ class DialogsModule {
         };
     }
 }
-DialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, declarations: [ScanProfileComponent,
+DialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, declarations: [ScanProfileComponent,
         BlankComponent,
         LoadingComponent,
         ConfirmComponent,
@@ -4015,7 +4028,7 @@ DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ScanSelfieComponent,
         PromptManualComponent,
         CoreComponentsModule] });
-DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, imports: [
+DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, imports: [
         //  QRCodeModule,
         ReactiveFormsModule,
         CommonModule,
@@ -4026,7 +4039,7 @@ DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         CoreComponentsModule.forRoot(),
         CorePipesModule, MaterialModule,
         CoreComponentsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -4068,9 +4081,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 class HttpErrorInterceptor {
     constructor(injector) {
         this.injector = injector;
-        this.authProvider = this.injector.get(NgxScandocAuthProvider);
     }
     intercept(req, next) {
+        this.authProvider = this.injector.get(NgxScandocAuthProvider);
         //console.log(req.url);
         if (req.url.indexOf('/ks/') >= 0 || req.url.indexOf('/assets/') >= 0) {
             return next.handle(req);
@@ -4130,9 +4143,9 @@ class HttpErrorInterceptor {
         });
     }
 }
-HttpErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-HttpErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor, decorators: [{
+HttpErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpErrorInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpErrorInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HttpErrorInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -4347,9 +4360,9 @@ class TranslateLoaderProvider {
         });
     }
 }
-TranslateLoaderProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslateLoaderProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, decorators: [{
+TranslateLoaderProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TranslateLoaderProvider, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslateLoaderProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TranslateLoaderProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TranslateLoaderProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4402,9 +4415,9 @@ class webRtcProvider {
         this.subject.next(JSON.stringify(data));
     }
 }
-webRtcProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-webRtcProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, decorators: [{
+webRtcProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: webRtcProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+webRtcProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: webRtcProvider, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: webRtcProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4433,10 +4446,10 @@ class NgxScandocModule {
     constructor() {
     }
 }
-NgxScandocModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxScandocModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, imports: [DialogsModule], exports: [DialogsModule] });
-NgxScandocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, imports: [DialogsModule.forRoot(), DialogsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, decorators: [{
+NgxScandocModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxScandocModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocModule, imports: [DialogsModule], exports: [DialogsModule] });
+NgxScandocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocModule, imports: [DialogsModule.forRoot(), DialogsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgxScandocModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4453,5 +4466,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AUTH_CONFIG_TOKEN, AppFormModule, BlankComponent, CameraSwitchComponent, CoreComponentsModule, CorePipesModule, DialogsModule, HttpErrorInterceptor, LoadingComponent, ManualScanComponent, MaterialModule, NgxScanDocTranslationProvider, NgxScandocAuthProvider, NgxScandocDialogsCoreProvider, NgxScandocFieldsProvider, NgxScandocModule, PromptManualComponent, SCAN_CONFIG_TOKEN, SafeResourceUrlPipe, ScanComponent, ScanProfileComponent, ScanProvider, ScanSelfieComponent, TranslateLoaderProvider, TurnDocumentComponent, WebcamComponent, WebcamModule, webRtcProvider };
+export { AUTH_CONFIG_TOKEN, AppFormModule, BlankComponent, CameraSwitchComponent, CoreComponentsModule, CorePipesModule, DialogsModule, HttpErrorInterceptor, LoadingComponent, ManualScanComponent, MaterialModule, NgxScanDocTranslationProvider, NgxScandocAuthProvider, NgxScandocDialogsCoreProvider, NgxScandocFieldsProvider, NgxScandocModule, PromptManualComponent, SCAN_CONFIG_TOKEN, SafeResourceUrlPipe, ScanComponent, ScanProfileComponent, ScanProvider, ScanSelfieComponent, TranslateLoaderProvider, TurnDocumentComponent, WebcamComponent, WebcamImage, WebcamModule, webRtcProvider };
 //# sourceMappingURL=ngx-scandoc.mjs.map