ngx-scandoc 15.1.4 → 15.1.6

package/fesm2020/ngx-scandoc.mjs

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, HostListener, ViewChild, Output, NgModule, InjectionToken, Optional, Inject, HostBinding, Pipe, ViewContainerRef } from '@angular/core';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { Subject, Observable, from, of, tap as tap$1, distinctUntilChanged, switchMap as switchMap$1, throwError, forkJoin } from 'rxjs';
-import { takeUntil, tap, switchMap, map, catchError, share, retry } from 'rxjs/operators';
+import { Subject, of, from, Observable, tap, distinctUntilChanged, switchMap as switchMap$1, throwError, forkJoin } from 'rxjs';
+import { takeUntil, map, switchMap, tap as tap$1, catchError, share, retry } from 'rxjs/operators';
 import * as i1 from '@angular/cdk/layout';
 import * as i2 from '@angular/cdk/platform';
 import { PlatformModule } from '@angular/cdk/platform';
@@ -127,57 +127,8 @@ class BaseComponent {
     }
 }
 
-class WebcamUtil {
-    /**
-     * Lists available videoInput devices
-     * @returns a list of media device info.
-     */
-    static getAvailableVideoInputs(facingMode = 'environment') {
-        return new Observable((observer) => {
-            if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
-                return observer.error(null);
-            }
-            const _window = window;
-            let streams;
-            from(navigator.mediaDevices.getUserMedia({
-                video: { facingMode, deviceId: undefined },
-            }))
-                .pipe(tap((s) => {
-                streams = s;
-            }), switchMap((s) => from(navigator.mediaDevices.enumerateDevices())))
-                .subscribe((devices) => {
-                // console.log(devices);
-                if (streams) {
-                    streams.getTracks().forEach((track) => {
-                        track.stop();
-                    });
-                }
-                observer.next(devices.filter((device) => device.kind === 'videoinput'));
-            });
-        });
-        // return new Promise((resolve, reject) => {
-        //   navigator.mediaDevices.getUserMedia({
-        //     video: undefined,
-        //   });
-        //   navigator.mediaDevices
-        //     .enumerateDevices()
-        //     .then((devices: MediaDeviceInfo[]) => {
-        //       resolve(
-        //         devices.filter(
-        //           (device: MediaDeviceInfo) => device.kind === 'videoinput'
-        //         )
-        //       );
-        //     })
-        //     .catch((err) => {
-        //       reject(err.message || err);
-        //     });
-        // });
-    }
-}
-
 class NgxScandocCameraProvider {
     constructor() {
-        this.mediaDevices = [];
         this.selfie$ = new Subject();
         this.rectPosition = {
             l: 0,
@@ -205,14 +156,23 @@ class NgxScandocCameraProvider {
         if (this.mediaDevices) {
             return of(this.mediaDevices);
         }
-        return this.devices;
+        return this.devices.asObservable();
+    }
+    preloadVideo() {
+        return from(navigator.mediaDevices.getUserMedia({ video: true })).pipe(map((mediaStream) => {
+            mediaStream.getTracks().forEach((track) => {
+                track.stop();
+            });
+        }));
     }
     setup() {
         console.warn('SETUP');
         this.$showSwitch.subscribe((s) => {
             console.log(s);
         });
-        WebcamUtil.getAvailableVideoInputs().subscribe((mediaDevices) => {
+        // console.time('device');
+        const devices$ = this.preloadVideo().pipe(switchMap(() => from(navigator.mediaDevices.enumerateDevices()).pipe(map((inputDevices) => inputDevices.filter((m) => m.kind == 'videoinput')))));
+        devices$.subscribe((mediaDevices) => {
             console.log('[DEVICES]', mediaDevices, mediaDevices.map((d) => d.label));
             this.mediaDevices = mediaDevices;
             this.multipleWebcamsAvailable = mediaDevices && mediaDevices.length > 1;
@@ -265,6 +225,7 @@ class WebcamComponent extends BaseComponent {
         this.cameraProvider = cameraProvider;
         this.canvasSize = { width: 0, height: 0 };
         this.showVideo = false;
+        this.setupAttempt = 0;
         this.canvasData = {
             ctx: null,
             ctxO: null,
@@ -300,24 +261,40 @@ class WebcamComponent extends BaseComponent {
     }
     setConstraints() {
         const out = {};
+        console.warn('MOBILE', this.isMobile);
         switch (this.type) {
             default:
                 if (this.isMobile) {
                     out.video = { height: { ideal: 1600 }, width: { ideal: 1600 } };
+                    out.video.facingMode = 'environment';
                 }
                 else {
-                    out.video = { height: { ideal: 1080 }, width: { ideal: 1920 } };
+                    out.video = {
+                        width: {
+                            min: 1280,
+                            ideal: 1920,
+                            max: 2900,
+                        },
+                        height: {
+                            min: 720,
+                            ideal: 1080,
+                            max: 2900,
+                        },
+                    };
                 }
-                out.video.facingMode = 'environment';
                 break;
             case 'selfie':
                 if (this.isMobile) {
                     out.video = { height: { ideal: 1600 }, width: { ideal: 1600 } };
+                    out.video.facingMode = 'user';
                 }
                 else {
-                    out.video = { height: { ideal: 1080 }, width: { ideal: 1920 } };
+                    out.video = {
+                        frameRate: { min: 10 },
+                        height: { ideal: 1080 },
+                        width: { ideal: 1920 },
+                    };
                 }
-                out.video.facingMode = 'user';
                 break;
         }
         return out.video;
@@ -334,23 +311,89 @@ class WebcamComponent extends BaseComponent {
         }
     }
     init() {
-        const videoTrackConstraints = this.setConstraints();
-        this.setup(videoTrackConstraints);
+        this.__subs(this.cameraProvider.getDevices()).subscribe((resp) => {
+            console.warn('DEVICES', resp);
+            const videoTrackConstraints = this.setConstraints();
+            this.setupAttempt = 0;
+            this.setup(videoTrackConstraints);
+        });
+    }
+    setDeviceId(stream) {
+        this.mediaStream = stream;
+        this.cameraProvider.deviceId = this.activeTrackSettings.deviceId;
+        this.startVideo();
     }
     setup(videoTrackConstraints) {
+        console.warn('videoTrackConstraints', videoTrackConstraints);
+        console.time('device');
         this.__subs(from(navigator.mediaDevices.getUserMedia({
             video: videoTrackConstraints,
         }))).subscribe((stream) => {
-            this.mediaStream = stream;
-            this.cameraProvider.deviceId = this.activeTrackSettings.deviceId;
-            this.startVideo();
+            console.timeEnd('device');
+            stream.getTracks().forEach((t) => {
+                //console.warn(t.getConstraints());
+                if (!this.isMobile) {
+                    try {
+                        const settings = t.getSettings();
+                        const cap = t.getCapabilities();
+                        const con = t.getConstraints();
+                        console.warn(cap, con);
+                        console.warn(settings);
+                        const max = cap.width?.max;
+                        const min = cap.width?.min;
+                        const currentWidth = settings.width;
+                        const currentHeight = settings.height;
+                        const conWidth = con.width;
+                        const conHeight = con.width;
+                        console.warn('CAPS', min, max, 'CURENT', currentWidth, currentHeight);
+                        if (max &&
+                            currentWidth &&
+                            max > currentWidth &&
+                            conWidth != max) {
+                            console.log('[SET NEW RESOLUTION]');
+                            this.setupAttempt++;
+                            if (this.setupAttempt < 4) {
+                                this.setup(videoTrackConstraints);
+                            }
+                        }
+                        else {
+                            this.setDeviceId(stream);
+                        }
+                    }
+                    catch (error) {
+                        console.warn(error);
+                    }
+                }
+                else {
+                    console.warn('MOBILE VIDEO START');
+                    this.setDeviceId(stream);
+                }
+            });
+        }, (er) => {
+            this.setupAttempt++;
+            console.warn('ERROR', er);
+            if (this.setupAttempt < 4) {
+                if (er instanceof OverconstrainedError) {
+                    if (!this.isMobile) {
+                        this.setup(videoTrackConstraints);
+                    }
+                    // this.setup({
+                    //   height: 720,
+                    //   width: 1280,
+                    // });
+                    //}
+                }
+                else {
+                    this.setup(videoTrackConstraints);
+                }
+            }
         });
     }
     startVideo() {
         console.log('START VIDEO');
         this.video.srcObject = this.mediaStream;
         this.video.onloadedmetadata = (data) => {
-            //  console.log(data);
+            console.log(data);
             this.video.play();
             this.showVideo = true;
             this.cd.detectChanges();
@@ -358,7 +401,7 @@ class WebcamComponent extends BaseComponent {
         };
         this.video.onplay = () => {
             this.videoReady.next(true);
-            // console.log(this.video.videoWidth, this.video.videoHeight);
+            console.log(this.video.videoWidth, this.video.videoHeight);
             this.drawRectangle();
         };
     }
@@ -383,21 +426,23 @@ class WebcamComponent extends BaseComponent {
         _canvas.width = videoWidth;
         _canvas.height = videoHeight;
         const ctx = _canvas.getContext('2d', {
-            alpha: false,
-            powerPreference: 'high-performance',
-            antialias: false,
-            depth: false,
-            desynchronized: true,
+        // alpha: false,
+        // powerPreference: 'high-performance',
+        // antialias: false,
+        // depth: false,
+        // desynchronized: true,
+        // willReadFrequently: true,
         });
         const canvas = document.createElement('canvas'); // needs an initial size
         canvas.height = smallSize.h;
         canvas.width = smallSize.w;
         const ctxO = canvas.getContext('2d', {
-            alpha: false,
-            powerPreference: 'high-performance',
-            antialias: false,
-            depth: false,
-            desynchronized: true,
+        // alpha: false,
+        // powerPreference: 'high-performance',
+        // antialias: false,
+        // depth: false,
+        // desynchronized: true,
+        // willReadFrequently: true,
         });
         this.canvasData.ctx = ctx;
         this.canvasData.ctxO = ctxO;
@@ -443,6 +488,23 @@ class WebcamComponent extends BaseComponent {
             this.imageCapture.emit(new WebcamImage(imgAsUrl, mimeType, new ImageData(1, 1), null));
         }
     }
+    humanFileSize(bytes, si = false, dp = 1) {
+        const thresh = si ? 1000 : 1024;
+        if (Math.abs(bytes) < thresh) {
+            return bytes + ' B';
+        }
+        const units = si
+            ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+            : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
+        let u = -1;
+        const r = 10 ** dp;
+        do {
+            bytes /= thresh;
+            ++u;
+        } while (Math.round(Math.abs(bytes) * r) / r >= thresh &&
+            u < units.length - 1);
+        return bytes.toFixed(dp) + ' ' + units[u];
+    }
     takeSnapshot(time) {
         if (this.type !== 'document') {
             this.takeSelfie();
@@ -488,10 +550,15 @@ class WebcamComponent extends BaseComponent {
                 ctxO.drawImage(_canvas, 0, 0, size.w, size.h);
                 //console.timeEnd('drawVideo');
                 //console.time('DRAW');
-                const imData = ctx.getImageData(0, 0, videoWidth, videoHeight);
+                //  const imData: any = ctx.getImageData(0, 0, videoWidth, videoHeight);
+                console.log(canvas.width, _canvas.width);
                 //console.timeEnd('DRAW');
                 //console.time('CTX');
-                const resize = canvas.toDataURL(mimeType, 1);
+                const resize = canvas.toDataURL('image/jpeg');
+                const canvasData = _canvas.toDataURL(mimeType, 1);
+                console.log(this.humanFileSize(canvasData.length));
+                console.log(this.humanFileSize(resize.length));
+                console.log(new Date().toISOString());
                 //console.timeEnd('CTX');
                 const currentTime = new Date().getTime();
                 const diff = currentTime - time;
@@ -501,7 +568,7 @@ class WebcamComponent extends BaseComponent {
                 const delayMax = drawTime < 60 ? 100 : 200;
                 const delay = diff > delayMax ? 0 : delayMax - diff;
                 const timeout = setTimeout(() => {
-                    this.imageCapture.emit(new WebcamImage('', mimeType, imData, resize));
+                    this.imageCapture.emit(new WebcamImage(canvasData, mimeType, '', resize));
                     clearTimeout(timeout);
                 }, delay);
             }
@@ -530,9 +597,16 @@ class WebcamComponent extends BaseComponent {
             const ctx = _canvas.getContext('2d');
             ctx.clearRect(0, 0, _canvas.width, _canvas.height);
             const { width, height } = _canvas;
-            const { videoWidth, videoHeight } = this.video;
-            const docSize = this.type === 'selfie' ? 1 : 86 / 55;
+            console.log('CANVAS', width, height);
+            let { videoWidth, videoHeight } = this.video;
+            // video will be scaled to max canvas height
             const aspect = videoWidth / videoHeight;
+            // if (videoHeight < height) {
+            //   videoHeight = height;
+            //   videoWidth = height*aspect;
+            // }
+            console.log('VIDEO', videoWidth, videoHeight);
+            const docSize = this.type === 'selfie' ? 1 : 86 / 55;
             let _height;
             let _width;
             if (videoWidth >= videoHeight) {
@@ -551,6 +625,7 @@ class WebcamComponent extends BaseComponent {
                     _height = _width / aspect;
                 }
             }
+            console.log('CALC', _width, _height);
             let w, h;
             if (_width <= _height) {
                 w = _width - 2 * padding;
@@ -560,19 +635,25 @@ class WebcamComponent extends BaseComponent {
                 h = _height - 2 * padding;
                 w = docSize * h;
             }
+            if (w > _width) {
+                w = _width - 2 * padding;
+                h = w / docSize;
+            }
             h = Math.floor(h);
             w = Math.floor(w);
+            console.log(w, h);
             const left = Math.floor((width - w) / 2);
             const top = Math.floor((height - h) / 2);
             ctx.strokeStyle = 'white';
             // ctx.strokeRect(left, top, _width, _height);
-            ctx.fillStyle = 'rgba(255, 255, 255, 0.1)';
+            ctx.fillStyle = 'rgba(255, 255, 255, 0.2)';
             // ctx.shadowColor = 'white';
             ctx.shadowBlur = 15;
             ctx.beginPath();
             // Draw using 5px for border radius on all sides
             // stroke it but no fill
-            ctx.roundRect(left, top, w, h, 5);
+            const radius = this.isMobile ? 10 : 30;
+            ctx.roundRect(left, top, w, h, radius);
             ctx.stroke();
             ctx.fill();
             this.cameraProvider.rectPosition = {
@@ -1413,7 +1494,7 @@ class LayoutProvider {
         this.isMobile = false;
         this.breakpoint$ = this.breakpointObserver
             .observe(['(min-width: 768px)'])
-            .pipe(tap$1((value) => console.log(value)), distinctUntilChanged());
+            .pipe(tap((value) => console.log(value)), distinctUntilChanged());
     }
     init() {
         this.breakpoint$.subscribe((v) => {
@@ -1476,7 +1557,7 @@ class NgxScandocAuthProvider {
             .post(`${path}${refresh}`, {
             refresh_token: this.refresh_token,
         })
-            .pipe(tap((token) => {
+            .pipe(tap$1((token) => {
             // console.log(this.token);
             this.token = token.access_token;
             this.updateToken();
@@ -1508,7 +1589,7 @@ class NgxScandocAuthProvider {
                 clientId: clientId,
                 token: tokenName,
             })
-                .pipe(map((data) => data.accessToken), tap((token) => {
+                .pipe(map((data) => data.accessToken), tap$1((token) => {
                 this.token = token;
                 const decoded = jwt_decode(this.token);
                 const { iat, exp } = decoded;
@@ -1520,7 +1601,7 @@ class NgxScandocAuthProvider {
             user_key: this.user_key,
             sub_client: this.sub_client,
         })
-            .pipe(tap((token) => {
+            .pipe(tap$1((token) => {
             this.token = token.access_token;
             this.refresh_token = token.refresh_token;
             this.updateToken();
@@ -1538,20 +1619,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 const TRANSLATION_PROVIDER = new InjectionToken('Injection token for translation providers.');
 class NgxScanDocTranslationProvider {
-    constructor(translate, injector, providers, platformLocation) {
+    constructor(translate, injector, 
+    //@Optional() @Inject(SCAN_CONFIG_TOKEN) config: ScanConfig,
+    providers, platformLocation) {
         this.translate = translate;
         this.injector = injector;
         this.platformLocation = platformLocation;
-        this.config = this.injector.get(SCAN_CONFIG_TOKEN);
+        console.log('MM', Math.random());
         this.customLoader = this.translate.currentLoader;
-        if (this.config.useTranslation) {
-            // console.log(this.translate)
-            this.defaultLang = 'en';
-            translate.setDefaultLang(this.defaultLang);
-            if (providers && providers.length > 0) {
-                for (const provider of providers) {
-                    this.addTranslationFolder(provider.name, provider.source);
-                }
+        //console.log('config',config)
+        // console.log(this.translate)
+        if (providers && providers.length > 0) {
+            for (const provider of providers) {
+                this.addTranslationFolder(provider.name, provider.source);
             }
         }
     }
@@ -1563,6 +1643,10 @@ class NgxScanDocTranslationProvider {
         //   .join('');
         // return baseHref != '' ? `/${baseHref}${path}` : path;
     }
+    setDefaultLang(lang) {
+        this.defaultLang = lang;
+        this.translate.setDefaultLang(this.defaultLang);
+    }
     addTranslationFolder(name = '', path = '') {
         console.log(name, path, this.userLang, this.defaultLang);
         if (!this.customLoader.providerRegistered(name)) {
@@ -2401,6 +2485,8 @@ class ScanComponent extends BaseComponent {
             time: 0,
             load: 0,
         };
+        this.numberOfValidations = 0;
+        this.validationDebug = [];
         this.scanProvider = this.injector.get(ScanProvider);
         if (!this.scanProvider.config.development) {
             // console = {
@@ -2454,25 +2540,26 @@ class ScanComponent extends BaseComponent {
                 this.scanDelay = diff;
             }
             this.scanImageTimestamps.load = time;
-            if (webcamImage.imageData) {
+            if (webcamImage.imageAsDataUrl) {
                 this.scannedImages.push(webcamImage);
                 this.handleLongValidationError(webcamImage, 'worker');
             }
             this.cd.detectChanges();
-            if (this.scannedImages.length > 4 && !this.validation) {
-                if (this.scanProvider.config.development) {
-                    this.scannedImages.forEach((img) => {
-                        const consoleBackground = "font-size:100px;background-image: url('" +
-                            img.imageResized +
-                            "');background-size: contain; background-repeat: no-repeat;";
-                        console.log('%c    ', consoleBackground);
-                    });
-                }
+            if (this.scannedImages.length > 0 && !this.validation) {
+                // if (this.scanProvider.config.development) {
+                //   this.scannedImages.forEach((img) => {
+                //     const consoleBackground =
+                //       "font-size:100px;background-image: url('" +
+                //       img.imageResized +
+                //       "');background-size: contain; background-repeat: no-repeat;";
+                //     console.log('%c    ', consoleBackground);
+                //   });
+                // }
                 //   this.frontImage = webcamImage.imageResized;
-                console.timeEnd('scan');
-                console.time('scan');
+                // console.timeEnd('scan');
+                // console.time('scan');
                 // get last 10
-                console.log('CAPTURED:', this.scannedImages.length);
+                // console.log('CAPTURED:', this.scannedImages.length);
                 const images = this.scannedImages.slice(-5);
                 // set images to 0
                 this.scannedImages = [];
@@ -2491,21 +2578,31 @@ class ScanComponent extends BaseComponent {
         this.__subs(this.scanProvider.burst(imagesArray)).subscribe((resp) => {
             this.displayInfo = 'scandoc.info.c' + resp.InfoCode;
             // console.timeEnd('validationPOST');
-            console.log('AnalysisTime', resp.AnalysisTime);
+            // console.log('AnalysisTime', resp.AnalysisTime);
             const { DocType, Series, Side, InfoCode } = resp;
             // if (InfoCode === '1006' && this.idScan) {
             //   this.handleLongValidationError(image);
             // }
+            //  console.warn(resp.Validated, this.numberOfValidations);
             if (resp.Validated) {
+                this.numberOfValidations++;
+                this.validationDebug.push(resp);
+            }
+            else {
+                this.numberOfValidations = 0;
+                this.validationDebug = [];
+            }
+            if (this.numberOfValidations >= 3) {
                 this.displayInfo = '';
-                console.log('[SCANNED INDEX]', resp.Index);
+                // console.log('[SCANNED INDEX]', resp.Index);
                 const selectedImage = images[resp.Index];
                 // this.preview = this.webcamImage.imageAsDataUrl;
                 this.cd.detectChanges();
                 let image = selectedImage;
+                console.warn(type);
                 if (type == 'worker') {
-                    const dataUrl = this.handleBitmapImage(selectedImage.bitmap);
-                    image = { dataUrl };
+                    //const dataUrl = this.handleBitmapImage(selectedImage.bitmap);
+                    image = selectedImage.imageAsDataUrl;
                 }
                 if (InfoCode === '1007') {
                     // For ID ask for other side
@@ -2516,13 +2613,17 @@ class ScanComponent extends BaseComponent {
                         this.scanBlastData[1].image = image;
                     }
                     if (this.scanBlastData[0].image && this.scanBlastData[1].image) {
-                        console.warn('UPLOAD');
+                        //   console.warn('UPLOAD');
                         if (type == 'worker') {
                             this.imageHandler.next({ type: 'stop' });
                         }
+                        //console.warn('DEBUG', Side, this.validationDebug);
                         this.scanBlastFinish();
                     }
                     else {
+                        this.numberOfValidations = 0;
+                        // console.warn('DEBUG',Side,this.validationDebug)
+                        this.validationDebug = [];
                         const num = Side === 'FRONT' ? 1 : 0;
                         this.scanSecondSide = true;
                         this.singleScan(this.scanBlastData[num]);
@@ -2538,8 +2639,9 @@ class ScanComponent extends BaseComponent {
                     }
                 }
                 else {
+                    // console.warn('DEBUG', Side, this.validationDebug);
                     this.scanBlastData[0].image = image;
-                    console.warn('UPLOAD');
+                    // console.warn('UPLOAD');
                     if (type == 'worker') {
                         this.imageHandler.next({ type: 'stop' });
                     }
@@ -2579,7 +2681,7 @@ class ScanComponent extends BaseComponent {
         //   delete this.logData.ExpectedOutput._avatar;
         // }
         // this.scanProvider.sendLog(this.logData).subscribe();
-        console.log('LOG DATA', this.logData);
+        // console.log('LOG DATA', this.logData);
         this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
     }
     handleLongValidationError(img, type = 'plain') {
@@ -2710,10 +2812,10 @@ class ScanComponent extends BaseComponent {
     }
     getImgBase64(num) {
         console.log('GET 64');
-        if (this.manualDataSet) {
-            return this.scanBlastData[num].image._imageAsDataUrl.split(',')[1];
-        }
-        return this.scanBlastData[num].image.dataUrl.split(',')[1];
+        // if (this.manualDataSet) {
+        return this.scanBlastData[num].image._imageAsDataUrl.split(',')[1];
+        // }
+        // return this.scanBlastData[num].image.dataUrl.split(',')[1];
     }
     scanBlastFinish() {
         const { browser, os, device } = this.deviceService;
@@ -2737,7 +2839,7 @@ class ScanComponent extends BaseComponent {
                 DeviceInfo: {
                     OS: os,
                     Device: device,
-                    Browser: browser
+                    Browser: browser,
                 },
                 FrontImageType: 'base64',
                 FrontImageCropped: false,
@@ -2806,11 +2908,11 @@ class ScanComponent extends BaseComponent {
                 return;
             }
             if (results && data.Metadata.length > 0 && data.InfoCode === '1000') {
-                console.log('Extraction time', data.AnalysisTime);
+                // console.log('Extraction time', data.AnalysisTime);
                 //  this.zone.run(() => {
-                console.time('parseblast');
+                // console.time('parseblast');
                 const result = this.scanProvider.parseBlast(results);
-                console.timeEnd('parseblast');
+                // console.timeEnd('parseblast');
                 // console.log('RES', this.result);
                 // this.cd.detectChanges();
                 const model = result.model;
@@ -2831,18 +2933,18 @@ class ScanComponent extends BaseComponent {
                     data: {
                         model: this.model,
                         images: this.images,
-                        results
+                        results,
                     },
                 });
                 if (!this.scanProvider.config.hideResults) {
                     this.zone.run(() => {
                         this.result = true;
-                        console.time('ff');
+                        // console.time('ff');
                         this.cd.detectChanges();
                         this.scanResults.next({ type: 'model', data: model });
                         // this.cd.detectChanges();
                         //  });
-                        console.timeEnd('ff');
+                        // console.timeEnd('ff');
                     });
                 }
             }
@@ -2992,10 +3094,10 @@ class ScanComponent extends BaseComponent {
     }
 }
 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>ink_pen</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 });
+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: [{
             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>ink_pen</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        >\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: [{
@@ -3541,10 +3643,10 @@ 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;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" }] });
+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: [{
             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;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"] }]
+            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: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -3627,10 +3729,10 @@ class ScanSelfieComponent extends BaseComponent {
     }
 }
 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;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 });
+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: [{
             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;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"] }]
+            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: [{
                 type: Output
             }] } });
@@ -3845,10 +3947,10 @@ class ScanProfileComponent extends BaseComponent {
     }
 }
 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;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 });
+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: [{
             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;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"] }]
+            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: [{
                 type: Input
             }], handleTouchMove: [{
@@ -4289,8 +4391,6 @@ class NgxScandocModule {
         return {
             ngModule: NgxScandocModule,
             providers: [
-                NgxScandocCameraProvider,
-                NgxScandocAuthProvider,
                 { provide: AUTH_CONFIG_TOKEN, useValue: config.auth },
                 ScanProvider,
                 { provide: SCAN_CONFIG_TOKEN, useValue: config.scan },
@@ -4299,9 +4399,14 @@ class NgxScandocModule {
                     useClass: HttpErrorInterceptor,
                     multi: true,
                 },
+                NgxScanDocTranslationProvider,
+                NgxScandocCameraProvider,
+                // NgxScandocAuthProvider,
             ],
         };
     }
+    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] });
@@ -4313,7 +4418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     imports: [DialogsModule.forRoot()],
                     exports: [DialogsModule],
                 }]
-        }] });
+        }], ctorParameters: function () { return []; } });
 
 /*
  * Public API Surface of ngx-scandoc