ngx-scandoc 15.2.3 → 17.0.0

package/fesm2015/ngx-scandoc.mjs

@@ -1,4477 +0,0 @@
-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, 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';
-import * as i5 from '@angular/forms';
-import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import moment from 'moment';
-import * as i1$1 from '@angular/common/http';
-import { HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i4$1 from 'ngx-device-detector';
-import jwt_decode from 'jwt-decode';
-import * as i6$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i8 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i4 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i6 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i7 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i6$3 from '@angular/material/core';
-import { MatNativeDateModule } from '@angular/material/core';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i1$3 from '@angular/material/dialog';
-import { MatDialogModule, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import * as i6$2 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i5$1 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatSliderModule } from '@angular/material/slider';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatTableModule } from '@angular/material/table';
-import { MatTabsModule } from '@angular/material/tabs';
-import { FieldType, FormlyMaterialModule } from '@ngx-formly/material';
-import { FormlySelectModule } from '@ngx-formly/core/select';
-import { AvatarModule } from 'ngx-avatars';
-import * as i4$2 from '@angular/material/form-field';
-import { FormlyMatDatepickerModule } from '@ngx-formly/material/datepicker';
-import * as i1$2 from '@angular/platform-browser';
-import { webSocket } from 'rxjs/webSocket';
-
-/**
- * Container class for a captured webcam image
- * @author basst314, davidshen84
- */
-class WebcamImage {
-    constructor(imageAsDataUrl, mimeType, imageData, resized) {
-        this._mimeType = mimeType;
-        this._imageAsDataUrl = imageAsDataUrl;
-        this._imageData = imageData;
-        this._imageResized = resized;
-    }
-    /**
-     * Extracts the Base64 data out of the given dataUrl.
-     * @param dataUrl the given dataUrl
-     * @param mimeType the mimeType of the data
-     */
-    static getDataFromDataUrl(dataUrl, mimeType) {
-        return dataUrl.replace(`data:${mimeType};base64,`, '');
-    }
-    /**
-     * Get the base64 encoded image data
-     * @returns base64 data of the image
-     */
-    get imageAsBase64() {
-        return this._imageAsBase64
-            ? this._imageAsBase64
-            : (this._imageAsBase64 = WebcamImage.getDataFromDataUrl(this._imageAsDataUrl, this._mimeType));
-    }
-    /**
-     * Get the encoded image as dataUrl
-     * @returns the dataUrl of the image
-     */
-    get imageAsDataUrl() {
-        return this._imageAsDataUrl;
-    }
-    /**
-     * Get the ImageData object associated with the canvas' 2d context.
-     * @returns the ImageData of the canvas's 2d context.
-     */
-    get imageData() {
-        return this._imageData;
-    }
-    get imageResized() {
-        return this._imageResized;
-    }
-    get dataUrl() {
-        const canvas = document.createElement('canvas');
-        const { width, height } = this._imageData;
-        canvas.width = width;
-        canvas.height = height;
-        const ctx = canvas.getContext('2d');
-        if (ctx) {
-            ctx.putImageData(this._imageData, 0, 0);
-        }
-        return canvas.toDataURL(this._mimeType, 1);
-    }
-}
-
-class BaseComponent {
-    constructor() {
-        this.$destroy = new Subject();
-    }
-    __subs(observable) {
-        return observable.pipe(takeUntil(this.$destroy));
-    }
-    __destroy() {
-        this.$destroy.next(true);
-        this.$destroy.complete();
-    }
-}
-
-class NgxScandocCameraProvider {
-    constructor(platform) {
-        this.platform = platform;
-        this.selfie$ = new Subject();
-        this.rectPosition = {
-            l: 0,
-            t: 0,
-            h: 0,
-            w: 0,
-            _w: 0,
-            _h: 0,
-        };
-        this.switchCamera = new Subject();
-        this.$showSwitchSelfie = new Subject();
-        this.cameraReady = false;
-        this.$showSwitch = new Subject();
-        this.cameraSwitched = new Subject();
-        this.devices = new Subject();
-        this.multipleWebcamsAvailable = false;
-        this.id = Math.random();
-        console.warn('PROVIDER INIT', this.id);
-        this.setup();
-    }
-    get hintPosition() {
-        return this.rectPosition.t + this.rectPosition.h + 5;
-    }
-    getDevices() {
-        if (this.mediaDevices) {
-            return of(this.mediaDevices);
-        }
-        return this.devices.asObservable();
-    }
-    preloadVideo() {
-        return from(navigator.mediaDevices.getUserMedia({ video: true })).pipe(map((mediaStream) => {
-            console.warn(mediaStream);
-            if (!this.platform.FIREFOX) {
-                mediaStream.getTracks().forEach((track) => {
-                    track.stop();
-                });
-            }
-        }));
-    }
-    setup() {
-        console.warn('SETUP');
-        this.$showSwitch.subscribe((s) => {
-            console.log(s);
-        });
-        // 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;
-            this.devices.next(mediaDevices);
-        });
-    }
-    setDefault() {
-        if (this.deviceId) {
-            this.switchCamera.next(this.deviceId);
-        }
-    }
-    selectCamera(event) {
-        this.switchCamera.next(event.value);
-    }
-    cameraWasSwitched(deviceId) {
-        console.log('[active device]', deviceId);
-        this.deviceId = deviceId;
-        this.cameraReady = true;
-    }
-    get webcamObservable() {
-        return this.switchCamera.asObservable();
-    }
-}
-NgxScandocCameraProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, deps: [{ token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocCameraProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocCameraProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i2.Platform }]; } });
-
-class WebcamComponent extends BaseComponent {
-    onResize() {
-        this.cameraProvider.rectPosition.t = 0;
-        // this.videoReady.next(false);
-        if (this.resizeTimeout) {
-            clearTimeout(this.resizeTimeout);
-        }
-        this.resizeTimeout = setTimeout(() => {
-            this.drawRectangle();
-        }, 50);
-    }
-    constructor(breakpointObserver, platform, cd, zone, cameraProvider) {
-        super();
-        this.breakpointObserver = breakpointObserver;
-        this.platform = platform;
-        this.cd = cd;
-        this.zone = zone;
-        this.cameraProvider = cameraProvider;
-        this.canvasSize = { width: 0, height: 0 };
-        this.showVideo = false;
-        this.setupAttempt = 0;
-        this.canvasData = {
-            ctx: null,
-            ctxO: null,
-        };
-        this.chunks = [];
-        this.cameraSwitched = new EventEmitter();
-        this.videoReady = new EventEmitter();
-        this.imageCapture = new EventEmitter();
-        this.initError = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        console.warn('[video] start');
-        // initial load
-        this.__subs(this.cameraProvider.getDevices()).subscribe((resp) => {
-            this.init();
-        });
-        // camera switch
-        this.__subs(this.cameraProvider.webcamObservable).subscribe((device) => {
-            const videoTrackConstraints = this.setConstraints();
-            this.stopAllTracks();
-            this.showVideo = false;
-            this.cd.detectChanges();
-            videoTrackConstraints.deviceId = device;
-            this.setup(videoTrackConstraints);
-        });
-        this.__subs(this.trigger).subscribe((time) => this.takeSnapshot(time));
-    }
-    get video() {
-        return this.videoRef.nativeElement;
-    }
-    get isMobile() {
-        return this.platform.ANDROID || this.platform.IOS;
-    }
-    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 = {
-                        width: {
-                            min: 1280,
-                            ideal: 1920,
-                            max: 2900,
-                        },
-                        height: {
-                            min: 720,
-                            ideal: 1080,
-                            max: 2900,
-                        },
-                    };
-                }
-                break;
-            case 'selfie':
-                if (this.isMobile) {
-                    out.video = { height: { ideal: 1600 }, width: { ideal: 1600 } };
-                    out.video.facingMode = 'user';
-                }
-                else {
-                    out.video = {
-                        frameRate: { min: 10 },
-                        height: { ideal: 1080 },
-                        width: { ideal: 1920 },
-                    };
-                }
-                break;
-        }
-        return out.video;
-    }
-    get activeTrackSettings() {
-        return this.mediaStream.getVideoTracks()[0].getSettings();
-    }
-    get activeTrackCapabilities() {
-        try {
-            return this.mediaStream.getVideoTracks()[0].getCapabilities();
-        }
-        catch (e) {
-            return {};
-        }
-    }
-    init() {
-        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) => {
-            console.timeEnd('device');
-            stream.getTracks().forEach((t) => {
-                var _a, _b;
-                //console.warn(t.getConstraints());
-                if (!this.isMobile) {
-                    try {
-                        if (!t.getCapabilities) {
-                            this.setDeviceId(stream);
-                            return;
-                        }
-                        const settings = t.getSettings();
-                        const cap = t.getCapabilities();
-                        const con = t.getConstraints();
-                        console.warn(cap, con);
-                        console.warn(settings);
-                        const max = (_a = cap.width) === null || _a === void 0 ? void 0 : _a.max;
-                        const min = (_b = cap.width) === null || _b === void 0 ? void 0 : _b.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 &&
-                            currentWidth != 1920) {
-                            console.log('[SET NEW RESOLUTION] ', max, currentWidth);
-                            this.setupAttempt++;
-                            if (this.setupAttempt < 4) {
-                                this.setup(videoTrackConstraints);
-                            }
-                            else {
-                                this.setDeviceId(stream);
-                            }
-                        }
-                        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);
-            this.video.play();
-            this.showVideo = true;
-            this.cd.detectChanges();
-            console.log('VIDEO PLAY');
-        };
-        this.video.onplay = () => {
-            this.videoReady.next(true);
-            console.log(this.video.videoWidth, this.video.videoHeight);
-            this.drawRectangle();
-        };
-    }
-    setCanvas() {
-        let _canvas = document.createElement('canvas'); //this.canvasSnapshot.nativeElement;
-        const { videoWidth, videoHeight } = this.video;
-        const aspect = videoWidth / videoHeight;
-        const canvasSmalSize = 384;
-        const smallSize = {
-            w: 0,
-            h: 0,
-        };
-        if (videoWidth >= videoHeight) {
-            smallSize.w = canvasSmalSize;
-            smallSize.h = canvasSmalSize / aspect;
-        }
-        else {
-            smallSize.h = canvasSmalSize;
-            smallSize.h = canvasSmalSize * aspect;
-        }
-        //console.log('SZ', smallSize);
-        _canvas.width = videoWidth;
-        _canvas.height = videoHeight;
-        const ctx = _canvas.getContext('2d', {
-        // 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,
-        // willReadFrequently: true,
-        });
-        this.canvasData.ctx = ctx;
-        this.canvasData.ctxO = ctxO;
-        this.canvasData.canvas = canvas;
-        this.canvasData._canvas = _canvas;
-        this.canvasData.size = smallSize;
-        // const stream = this.video.captureStream(5);
-        // const mediaRecorder = new MediaRecorder(stream);
-        // mediaRecorder.start();
-        // mediaRecorder.ondataavailable = (e:any) => {
-        //   console.log(e)
-        //   this.chunks.push(e.data);
-        //   var url = window.URL.createObjectURL(e.data);
-        //   var anchor = document.createElement('a');
-        //   anchor.download = 'myfile.webm';
-        //   anchor.href = url;
-        //   anchor.click();
-        // };
-    }
-    takeSelfie() {
-        const mimeType = 'image/jpeg';
-        const { videoWidth, offsetWidth, videoHeight } = this.video;
-        let _canvas = document.createElement('canvas'); //this.canvasSnapshot.nativeElement;
-        const { w, h } = this.cameraProvider.rectPosition;
-        const aspect = videoWidth / offsetWidth;
-        // console.log(videoWidth, offsetWidth, l, t, w, h);
-        _canvas.width = w * aspect;
-        _canvas.height = h * aspect;
-        const dx = videoWidth - w * aspect;
-        const dy = videoHeight - h * aspect;
-        const x = dx / 2;
-        const y = dy / 2;
-        const ctx = _canvas.getContext('2d', {
-            alpha: false,
-            powerPreference: 'high-performance',
-            antialias: false,
-            depth: false,
-            desynchronized: true,
-        });
-        if (ctx) {
-            ctx.drawImage(this.video, x, y, w * aspect, h * aspect, 0, 0, w * aspect, h * aspect);
-            const imgAsUrl = _canvas.toDataURL(mimeType, 1);
-            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 = Math.pow(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();
-            return;
-        }
-        // console.warn('SNAP', time);
-        if (!this.showVideo) {
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            const canvasSmalSize = 384;
-            const mimeType = 'image/jpeg';
-            // let _canvas: HTMLCanvasElement = document.createElement('canvas'); //this.canvasSnapshot.nativeElement;
-            const { videoWidth, videoHeight } = this.video;
-            // _canvas.width = videoWidth;
-            // _canvas.height = videoHeight;
-            // console.log(videoWidth, videoHeight);
-            // const ctx: any = _canvas.getContext('2d', {
-            //   alpha: false,
-            //   powerPreference: 'high-performance',
-            //   antialias: false,
-            //   depth: false,
-            //   desynchronized: true,
-            // });
-            // const canvas = document.createElement('canvas'); // needs an initial size
-            // canvas.height = canvasSmalSize;
-            // canvas.width = canvasSmalSize;
-            // const ctxO: any = canvas.getContext('2d', {
-            //   alpha: false,
-            //   powerPreference: 'high-performance',
-            //   antialias: false,
-            //   depth: false,
-            //   desynchronized: true,
-            // });
-            const { ctx, ctxO, canvas, _canvas, size } = this.canvasData;
-            if (ctx && ctxO) {
-                ctx.imageSmoothingEnabled = false;
-                const drawStart = Date.now();
-                ctx.clearRect(0, 0, videoWidth, videoHeight);
-                ctxO.clearRect(0, 0, size.w, size.h);
-                ctx.drawImage(this.video, 0, 0);
-                //console.time('drawVideo');
-                ctxO.drawImage(_canvas, 0, 0, size.w, size.h);
-                //console.timeEnd('drawVideo');
-                //console.time('DRAW');
-                //  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('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;
-                // total time for pack one image
-                const drawTime = Date.now() - drawStart;
-                //console.warn('DRAW TIME', drawTime);
-                const delayMax = drawTime < 60 ? 100 : 200;
-                const delay = diff > delayMax ? 0 : delayMax - diff;
-                const timeout = setTimeout(() => {
-                    this.imageCapture.emit(new WebcamImage(canvasData, mimeType, '', resize));
-                    clearTimeout(timeout);
-                }, delay);
-            }
-        });
-    }
-    stopAllTracks() {
-        this.showVideo = false;
-        if (this.mediaStream && this.mediaStream.getTracks) {
-            // getTracks() returns all media tracks (video+audio)
-            this.mediaStream.getTracks().forEach((track) => {
-                //  console.log(track);
-                track.enabled = false;
-                this.cd.detectChanges();
-                track.stop();
-                this.video.srcObject.removeTrack(track);
-                this.mediaStream.removeTrack(track);
-                this.cd.detectChanges();
-            });
-            this.video.srcObject = null;
-            // this.video.src = null;
-            this.video.load();
-        }
-        // this.__subs(this.stopVideoTracks()).subscribe()
-    }
-    drawRectangle() {
-        this.zone.run(() => {
-            const _canvas = this.canvas.nativeElement;
-            let padding = 10;
-            if (!this.isMobile && _canvas.width !== _canvas.height) {
-                padding = 40;
-            }
-            const ctx = _canvas.getContext('2d');
-            ctx.clearRect(0, 0, _canvas.width, _canvas.height);
-            const { width, height } = _canvas;
-            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) {
-                _width = width;
-                _height = _width / aspect;
-                if (_height > height) {
-                    _height = height;
-                    _width = aspect * _height;
-                }
-            }
-            else {
-                _height = height;
-                _width = aspect * _height;
-                if (_width > width) {
-                    _width = width;
-                    _height = _width / aspect;
-                }
-            }
-            console.log('CALC', _width, _height);
-            let w, h;
-            if (_width <= _height) {
-                w = _width - 2 * padding;
-                h = w / docSize;
-            }
-            else {
-                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.2)';
-            // ctx.shadowColor = 'white';
-            ctx.shadowBlur = 15;
-            ctx.beginPath();
-            // Draw using 5px for border radius on all sides
-            // stroke it but no fill
-            const radius = this.isMobile ? 10 : 30;
-            ctx.roundRect(left, top, w, h, radius);
-            ctx.stroke();
-            ctx.fill();
-            this.cameraProvider.rectPosition = {
-                l: left,
-                t: top,
-                w,
-                h,
-                _w: _width,
-                _h: _height,
-            };
-            this.setCanvas();
-            // ctx.stroke();
-        });
-    }
-    ngOnDestroy() {
-        this.video.pause();
-        // this.video.getTracks().forEach((track: any) => {
-        //   track.stop();
-        //   this.video.srcObject.removeTrack(track);
-        // });
-        this.stopAllTracks();
-        if (this.triggerSubscription) {
-            this.triggerSubscription.unsubscribe();
-        }
-        this.__destroy();
-        console.warn('[VIDEO] destroyed');
-    }
-}
-WebcamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
-WebcamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: { imageHandler: "imageHandler", type: "type", trigger: "trigger" }, outputs: { cameraSwitched: "cameraSwitched", videoReady: "videoReady", imageCapture: "imageCapture", initError: "initError" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-webcam', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"webcam-wrapper\">\n  <video #video autoplay muted style=\"display: block\" playsinline></video>\n\n  <div class=\"rectangle\">\n    <canvas\n      #canvas\n      [ngStyle]=\"{ visibility: showVideo ? 'visible' : 'hidden' }\"\n      [width]=\"video.offsetWidth\"\n      [height]=\"video.offsetHeight\"\n    ></canvas>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:row;flex:1;transform:transale3d(0,0,0);background-color:#000;overflow:hidden}.webcam-wrapper{display:flex;overflow:hidden;flex-direction:row;flex:1;position:relative}.webcam-wrapper video{overflow:hidden;flex:1;object-fit:contain}.webcam-wrapper canvas{transform:translateZ(0);display:block;position:absolute;z-index:20;left:0;top:0}.webcam-wrapper .rectangle{position:absolute;left:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Platform }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: NgxScandocCameraProvider }]; }, propDecorators: { imageHandler: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], trigger: [{
-                type: Input
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }], canvas: [{
-                type: ViewChild,
-                args: ['canvas', { static: true }]
-            }], videoRef: [{
-                type: ViewChild,
-                args: ['video', { static: true }]
-            }], cameraSwitched: [{
-                type: Output
-            }], videoReady: [{
-                type: Output
-            }], imageCapture: [{
-                type: Output
-            }], initError: [{
-                type: Output
-            }] } });
-
-const COMPONENTS = [
-    WebcamComponent
-];
-class WebcamModule {
-    static forRoot() {
-        return {
-            ngModule: WebcamModule,
-            providers: [],
-        };
-    }
-}
-WebcamModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WebcamModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, declarations: [WebcamComponent], imports: [CommonModule, PlatformModule], exports: [WebcamComponent] });
-WebcamModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, imports: [CommonModule, PlatformModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WebcamModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, PlatformModule],
-                    declarations: [COMPONENTS],
-                    exports: [COMPONENTS],
-                    providers: [],
-                }]
-        }] });
-
-const AUTH_CONFIG_TOKEN = new InjectionToken('configAuth');
-const SCAN_CONFIG_TOKEN = new InjectionToken('scanConfig');
-
-class ScanProvider {
-    constructor(http, injector) {
-        this.http = http;
-        this.injector = injector;
-        // enableVerification = true;
-        this.config = this.injector.get(SCAN_CONFIG_TOKEN);
-        this.canStoreImages = this.config.canStoreImages;
-    }
-    genderList() {
-        return {
-            M: 'MALE',
-            'M/M': 'MALE',
-            F: 'FEMALE',
-            'F/F': 'FEMALE',
-        };
-    }
-    get enableVerification() {
-        return this.config.enableVerification;
-    }
-    addGuest(guestData) {
-        const data = {
-            AcceptTermsAndConditions: true,
-            DataFields: Object.assign({ GuestImageType: 'base64' }, guestData),
-            Settings: {},
-        };
-        const $request = this.http.put(this.config.guestAddPath, data);
-        return $request;
-    }
-    stateless(DocumentFaceImage, LiveFaceImage) {
-        const data = {
-            AcceptTermsAndConditions: true,
-            DataFields: {
-                DocumentFaceImageType: 'base64',
-                DocumentFaceImage,
-                LiveFaceImageType: 'base64',
-                LiveFaceImage,
-            },
-        };
-        const $request = this.http.post(this.config.stateLessPath, data);
-        return $request;
-    }
-    sendErrorLog(data) {
-        return this.http.post(this.config.errorLoggingPath, data);
-    }
-    /**
-     *
-     * @param data
-     * @returns
-     * @deprecated
-     */
-    sendLog(data) {
-        const { TransactionID } = data.Response;
-        const $request = this.http.post(this.config.errorLoggingPath, data, {
-            headers: new HttpHeaders({
-                TransactionID,
-            }),
-        });
-        return $request;
-    }
-    burst(Images, BlurValues) {
-        const data = {
-            AcceptTermsAndConditions: true,
-            DataFields: {
-                Images,
-                BlurValues,
-            },
-        };
-        const $request = this.http.post(this.config.validationPath, data);
-        return $request;
-    }
-    countries() {
-        if (this.countryNames) {
-            return of(this.countryNames);
-        }
-        return this.http.get('/assets/data/countries2.json').pipe(map((data) => {
-            this.countriesData = data.data;
-            return this.countriesData;
-        }));
-    }
-    get countryNames() {
-        return [
-            { label: 'Aruba', value: 'AW' },
-            { label: 'Afghanistan', value: 'AF' },
-            { label: 'Angola', value: 'AO' },
-            { label: 'Anguilla', value: 'AI' },
-            { label: 'Åland Islands', value: 'AX' },
-            { label: 'Albania', value: 'AL' },
-            { label: 'Andorra', value: 'AD' },
-            { label: 'United Arab Emirates', value: 'AE' },
-            { label: 'Argentina', value: 'AR' },
-            { label: 'Armenia', value: 'AM' },
-            { label: 'American Samoa', value: 'AS' },
-            { label: 'Antarctica', value: 'AQ' },
-            { label: 'French Southern and Antarctic Lands', value: 'TF' },
-            { label: 'Antigua and Barbuda', value: 'AG' },
-            { label: 'Australia', value: 'AU' },
-            { label: 'Austria', value: 'AT' },
-            { label: 'Azerbaijan', value: 'AZ' },
-            { label: 'Burundi', value: 'BI' },
-            { label: 'Belgium', value: 'BE' },
-            { label: 'Benin', value: 'BJ' },
-            { label: 'Burkina Faso', value: 'BF' },
-            { label: 'Bangladesh', value: 'BD' },
-            { label: 'Bulgaria', value: 'BG' },
-            { label: 'Bahrain', value: 'BH' },
-            { label: 'Bahamas', value: 'BS' },
-            { label: 'Bosnia and Herzegovina', value: 'BA' },
-            { label: 'Saint Barthélemy', value: 'BL' },
-            { label: 'Saint Helena, Ascension and Tristan da Cunha', value: 'SH' },
-            { label: 'Belarus', value: 'BY' },
-            { label: 'Belize', value: 'BZ' },
-            { label: 'Bermuda', value: 'BM' },
-            { label: 'Bolivia', value: 'BO' },
-            { label: 'Caribbean Netherlands', value: 'BQ' },
-            { label: 'Brazil', value: 'BR' },
-            { label: 'Barbados', value: 'BB' },
-            { label: 'Brunei', value: 'BN' },
-            { label: 'Bhutan', value: 'BT' },
-            { label: 'Bouvet Island', value: 'BV' },
-            { label: 'Botswana', value: 'BW' },
-            { label: 'Central African Republic', value: 'CF' },
-            { label: 'Canada', value: 'CA' },
-            { label: 'Cocos (Keeling) Islands', value: 'CC' },
-            { label: 'Switzerland', value: 'CH' },
-            { label: 'Chile', value: 'CL' },
-            { label: 'China', value: 'CN' },
-            { label: 'Ivory Coast', value: 'CI' },
-            { label: 'Cameroon', value: 'CM' },
-            { label: 'DR Congo', value: 'CD' },
-            { label: 'Republic of the Congo', value: 'CG' },
-            { label: 'Cook Islands', value: 'CK' },
-            { label: 'Colombia', value: 'CO' },
-            { label: 'Comoros', value: 'KM' },
-            { label: 'Cape Verde', value: 'CV' },
-            { label: 'Costa Rica', value: 'CR' },
-            { label: 'Cuba', value: 'CU' },
-            { label: 'Curaçao', value: 'CW' },
-            { label: 'Christmas Island', value: 'CX' },
-            { label: 'Cayman Islands', value: 'KY' },
-            { label: 'Cyprus', value: 'CY' },
-            { label: 'Czechia', value: 'CZ' },
-            { label: 'Germany', value: 'DE' },
-            { label: 'Djibouti', value: 'DJ' },
-            { label: 'Dominica', value: 'DM' },
-            { label: 'Denmark', value: 'DK' },
-            { label: 'Dominican Republic', value: 'DO' },
-            { label: 'Algeria', value: 'DZ' },
-            { label: 'Ecuador', value: 'EC' },
-            { label: 'Egypt', value: 'EG' },
-            { label: 'Eritrea', value: 'ER' },
-            { label: 'Western Sahara', value: 'EH' },
-            { label: 'Spain', value: 'ES' },
-            { label: 'Estonia', value: 'EE' },
-            { label: 'Ethiopia', value: 'ET' },
-            { label: 'Finland', value: 'FI' },
-            { label: 'Fiji', value: 'FJ' },
-            { label: 'Falkland Islands', value: 'FK' },
-            { label: 'France', value: 'FR' },
-            { label: 'Faroe Islands', value: 'FO' },
-            { label: 'Micronesia', value: 'FM' },
-            { label: 'Gabon', value: 'GA' },
-            { label: 'United Kingdom', value: 'GB' },
-            { label: 'Georgia', value: 'GE' },
-            { label: 'Guernsey', value: 'GG' },
-            { label: 'Ghana', value: 'GH' },
-            { label: 'Gibraltar', value: 'GI' },
-            { label: 'Guinea', value: 'GN' },
-            { label: 'Guadeloupe', value: 'GP' },
-            { label: 'Gambia', value: 'GM' },
-            { label: 'Guinea-Bissau', value: 'GW' },
-            { label: 'Equatorial Guinea', value: 'GQ' },
-            { label: 'Greece', value: 'GR' },
-            { label: 'Grenada', value: 'GD' },
-            { label: 'Greenland', value: 'GL' },
-            { label: 'Guatemala', value: 'GT' },
-            { label: 'French Guiana', value: 'GF' },
-            { label: 'Guam', value: 'GU' },
-            { label: 'Guyana', value: 'GY' },
-            { label: 'Hong Kong', value: 'HK' },
-            { label: 'Heard Island and McDonald Islands', value: 'HM' },
-            { label: 'Honduras', value: 'HN' },
-            { label: 'Croatia', value: 'HR' },
-            { label: 'Haiti', value: 'HT' },
-            { label: 'Hungary', value: 'HU' },
-            { label: 'Indonesia', value: 'ID' },
-            { label: 'Isle of Man', value: 'IM' },
-            { label: 'India', value: 'IN' },
-            { label: 'British Indian Ocean Territory', value: 'IO' },
-            { label: 'Ireland', value: 'IE' },
-            { label: 'Iran', value: 'IR' },
-            { label: 'Iraq', value: 'IQ' },
-            { label: 'Iceland', value: 'IS' },
-            { label: 'Israel', value: 'IL' },
-            { label: 'Italy', value: 'IT' },
-            { label: 'Jamaica', value: 'JM' },
-            { label: 'Jersey', value: 'JE' },
-            { label: 'Jordan', value: 'JO' },
-            { label: 'Japan', value: 'JP' },
-            { label: 'Kazakhstan', value: 'KZ' },
-            { label: 'Kenya', value: 'KE' },
-            { label: 'Kyrgyzstan', value: 'KG' },
-            { label: 'Cambodia', value: 'KH' },
-            { label: 'Kiribati', value: 'KI' },
-            { label: 'Saint Kitts and Nevis', value: 'KN' },
-            { label: 'South Korea', value: 'KR' },
-            { label: 'Kuwait', value: 'KW' },
-            { label: 'Laos', value: 'LA' },
-            { label: 'Lebanon', value: 'LB' },
-            { label: 'Liberia', value: 'LR' },
-            { label: 'Libya', value: 'LY' },
-            { label: 'Saint Lucia', value: 'LC' },
-            { label: 'Liechtenstein', value: 'LI' },
-            { label: 'Sri Lanka', value: 'LK' },
-            { label: 'Lesotho', value: 'LS' },
-            { label: 'Lithuania', value: 'LT' },
-            { label: 'Luxembourg', value: 'LU' },
-            { label: 'Latvia', value: 'LV' },
-            { label: 'Macau', value: 'MO' },
-            { label: 'Saint Martin', value: 'MF' },
-            { label: 'Morocco', value: 'MA' },
-            { label: 'Monaco', value: 'MC' },
-            { label: 'Moldova', value: 'MD' },
-            { label: 'Madagascar', value: 'MG' },
-            { label: 'Maldives', value: 'MV' },
-            { label: 'Mexico', value: 'MX' },
-            { label: 'Marshall Islands', value: 'MH' },
-            { label: 'Macedonia', value: 'MK' },
-            { label: 'Mali', value: 'ML' },
-            { label: 'Malta', value: 'MT' },
-            { label: 'Myanmar', value: 'MM' },
-            { label: 'Montenegro', value: 'ME' },
-            { label: 'Mongolia', value: 'MN' },
-            { label: 'Northern Mariana Islands', value: 'MP' },
-            { label: 'Mozambique', value: 'MZ' },
-            { label: 'Mauritania', value: 'MR' },
-            { label: 'Montserrat', value: 'MS' },
-            { label: 'Martinique', value: 'MQ' },
-            { label: 'Mauritius', value: 'MU' },
-            { label: 'Malawi', value: 'MW' },
-            { label: 'Malaysia', value: 'MY' },
-            { label: 'Mayotte', value: 'YT' },
-            { label: 'Namibia', value: 'NA' },
-            { label: 'New Caledonia', value: 'NC' },
-            { label: 'Niger', value: 'NE' },
-            { label: 'Norfolk Island', value: 'NF' },
-            { label: 'Nigeria', value: 'NG' },
-            { label: 'Nicaragua', value: 'NI' },
-            { label: 'Niue', value: 'NU' },
-            { label: 'Netherlands', value: 'NL' },
-            { label: 'Norway', value: 'NO' },
-            { label: 'Nepal', value: 'NP' },
-            { label: 'Nauru', value: 'NR' },
-            { label: 'New Zealand', value: 'NZ' },
-            { label: 'Oman', value: 'OM' },
-            { label: 'Pakistan', value: 'PK' },
-            { label: 'Panama', value: 'PA' },
-            { label: 'Pitcairn Islands', value: 'PN' },
-            { label: 'Peru', value: 'PE' },
-            { label: 'Philippines', value: 'PH' },
-            { label: 'Palau', value: 'PW' },
-            { label: 'Papua New Guinea', value: 'PG' },
-            { label: 'Poland', value: 'PL' },
-            { label: 'Puerto Rico', value: 'PR' },
-            { label: 'North Korea', value: 'KP' },
-            { label: 'Portugal', value: 'PT' },
-            { label: 'Paraguay', value: 'PY' },
-            { label: 'Palestine', value: 'PS' },
-            { label: 'French Polynesia', value: 'PF' },
-            { label: 'Qatar', value: 'QA' },
-            { label: 'Réunion', value: 'RE' },
-            { label: 'Romania', value: 'RO' },
-            { label: 'Russia', value: 'RU' },
-            { label: 'Rwanda', value: 'RW' },
-            { label: 'Saudi Arabia', value: 'SA' },
-            { label: 'Sudan', value: 'SD' },
-            { label: 'Senegal', value: 'SN' },
-            { label: 'Singapore', value: 'SG' },
-            { label: 'South Georgia', value: 'GS' },
-            { label: 'Svalbard and Jan Mayen', value: 'SJ' },
-            { label: 'Solomon Islands', value: 'SB' },
-            { label: 'Sierra Leone', value: 'SL' },
-            { label: 'El Salvador', value: 'SV' },
-            { label: 'San Marino', value: 'SM' },
-            { label: 'Somalia', value: 'SO' },
-            { label: 'Saint Pierre and Miquelon', value: 'PM' },
-            { label: 'Serbia', value: 'RS' },
-            { label: 'South Sudan', value: 'SS' },
-            { label: 'São Tomé and Príncipe', value: 'ST' },
-            { label: 'Suriname', value: 'SR' },
-            { label: 'Slovakia', value: 'SK' },
-            { label: 'Slovenia', value: 'SI' },
-            { label: 'Sweden', value: 'SE' },
-            { label: 'Swaziland', value: 'SZ' },
-            { label: 'Seychelles', value: 'SC' },
-            { label: 'Syria', value: 'SY' },
-            { label: 'Turks and Caicos Islands', value: 'TC' },
-            { label: 'Chad', value: 'TD' },
-            { label: 'Togo', value: 'TG' },
-            { label: 'Thailand', value: 'TH' },
-            { label: 'Tajikistan', value: 'TJ' },
-            { label: 'Tokelau', value: 'TK' },
-            { label: 'Turkmenistan', value: 'TM' },
-            { label: 'Timor-Leste', value: 'TL' },
-            { label: 'Tonga', value: 'TO' },
-            { label: 'Trinidad and Tobago', value: 'TT' },
-            { label: 'Tunisia', value: 'TN' },
-            { label: 'Turkey', value: 'TR' },
-            { label: 'Tuvalu', value: 'TV' },
-            { label: 'Taiwan', value: 'TW' },
-            { label: 'Tanzania', value: 'TZ' },
-            { label: 'Uganda', value: 'UG' },
-            { label: 'Ukraine', value: 'UA' },
-            { label: 'United States Minor Outlying Islands', value: 'UM' },
-            { label: 'Uruguay', value: 'UY' },
-            { label: 'United States', value: 'US' },
-            { label: 'Uzbekistan', value: 'UZ' },
-            { label: 'Vatican City', value: 'VA' },
-            { label: 'Saint Vincent and the Grenadines', value: 'VC' },
-            { label: 'Venezuela', value: 'VE' },
-            { label: 'British Virgin Islands', value: 'VG' },
-            { label: 'United States Virgin Islands', value: 'VI' },
-            { label: 'Vietnam', value: 'VN' },
-            { label: 'Vanuatu', value: 'VU' },
-            { label: 'Wallis and Futuna', value: 'WF' },
-            { label: 'Samoa', value: 'WS' },
-            { label: 'Yemen', value: 'YE' },
-            { label: 'South Africa', value: 'ZA' },
-            { label: 'Zambia', value: 'ZM' },
-            { label: 'Zimbabwe', value: 'ZW' },
-        ];
-    }
-    countryList() {
-        return {
-            AFG: 'AF',
-            ALB: 'AL',
-            DZA: 'DZ',
-            ASM: 'AS',
-            AND: 'AD',
-            AGO: 'AO',
-            AIA: 'AI',
-            ATG: 'AG',
-            ARG: 'AR',
-            ARM: 'AM',
-            ABW: 'AW',
-            AUS: 'AU',
-            AUT: 'AT',
-            AZE: 'AZ',
-            BHS: 'BS',
-            BHR: 'BH',
-            BGD: 'BD',
-            BRB: 'BB',
-            BLR: 'BY',
-            BEL: 'BE',
-            BLZ: 'BZ',
-            BEN: 'BJ',
-            BMU: 'BM',
-            BTN: 'BT',
-            BOL: 'BO',
-            BIH: 'BA',
-            BWA: 'BW',
-            BRA: 'BR',
-            VGB: 'VG',
-            BRN: 'BN',
-            BGR: 'BG',
-            BFA: 'BF',
-            BDI: 'BI',
-            KHM: 'KH',
-            CMR: 'CM',
-            CAN: 'CA',
-            CPV: 'CV',
-            CAF: 'CF',
-            TCD: 'TD',
-            CHL: 'CL',
-            CHN: 'CN',
-            HKG: 'HK',
-            MAC: 'MO',
-            COL: 'CO',
-            COM: 'KM',
-            COG: 'CG',
-            CRI: 'CR',
-            CIV: 'CI',
-            HRV: 'HR',
-            CUB: 'CU',
-            CYP: 'CY',
-            CZE: 'CZ',
-            DNK: 'DK',
-            DJI: 'DJ',
-            DMA: 'DM',
-            DOM: 'DO',
-            ECU: 'EC',
-            EGY: 'EG',
-            SLV: 'SV',
-            GNQ: 'GQ',
-            ERI: 'ER',
-            EST: 'EE',
-            ETH: 'ET',
-            FRO: 'FO',
-            FJI: 'FJ',
-            FIN: 'FI',
-            FRA: 'FR',
-            GUF: 'GF',
-            PYF: 'PF',
-            GAB: 'GA',
-            GMB: 'GM',
-            GEO: 'GE',
-            DEU: 'DE',
-            GHA: 'GH',
-            GRC: 'GR',
-            GRL: 'GL',
-            GRD: 'GD',
-            GLP: 'GP',
-            GUM: 'GU',
-            GTM: 'GT',
-            GNB: 'GW',
-            HTI: 'HT',
-            HND: 'HN',
-            ISL: 'IS',
-            IDN: 'ID',
-            IRQ: 'IQ',
-            ITA: 'IT',
-            JPN: 'JP',
-            JOR: 'JO',
-            KAZ: 'KZ',
-            KEN: 'KE',
-            KIR: 'KI',
-            PRK: 'KP',
-            KOR: 'KR',
-            KWT: 'KW',
-            KGZ: 'KG',
-            LAO: 'LA',
-            LVA: 'LV',
-            LBN: 'LB',
-            LSO: 'LS',
-            LBR: 'LR',
-            LBY: 'LY',
-            LIE: 'LI',
-            LTU: 'LT',
-            LUX: 'LU',
-            MDG: 'MG',
-            MWI: 'MW',
-            MYS: 'MY',
-            MDV: 'MV',
-            MLI: 'ML',
-            MLT: 'MT',
-            MHL: 'MH',
-            MTQ: 'MQ',
-            MRT: 'MR',
-            MUS: 'MU',
-            MEX: 'MX',
-            FSM: 'FM',
-            MDA: 'MD',
-            MCO: 'MC',
-            MNG: 'MN',
-            MNE: 'ME',
-            MSR: 'MS',
-            MAR: 'MA',
-            MOZ: 'MZ',
-            MMR: 'MM',
-            NAM: 'NA',
-            NRU: 'NR',
-            NPL: 'NP',
-            NLD: 'NL',
-            ANT: 'AN',
-            NCL: 'NC',
-            NZL: 'NZ',
-            NIC: 'NI',
-            NER: 'NE',
-            NGA: 'NG',
-            MNP: 'MP',
-            NOR: 'NO',
-            OMN: 'OM',
-            PAK: 'PK',
-            PLW: 'PW',
-            PSE: 'PS',
-            PAN: 'PA',
-            PNG: 'PG',
-            PRY: 'PY',
-            PER: 'PE',
-            PHL: 'PH',
-            PCN: 'PN',
-            POL: 'PL',
-            PRT: 'PT',
-            PRI: 'PR',
-            QAT: 'QA',
-            REU: 'RE',
-            ROU: 'RO',
-            RUS: 'RU',
-            RWA: 'RW',
-            KNA: 'KN',
-            LCA: 'LC',
-            VCT: 'VC',
-            WSM: 'WS',
-            SMR: 'SM',
-            STP: 'ST',
-            SAU: 'SA',
-            SEN: 'SN',
-            SRB: 'RS',
-            SYC: 'SC',
-            SLE: 'SL',
-            SGP: 'SG',
-            SVK: 'SK',
-            SVN: 'SI',
-            SLB: 'SB',
-            SOM: 'SO',
-            ZAF: 'ZA',
-            ESP: 'ES',
-            LKA: 'LK',
-            SDN: 'SD',
-            SUR: 'SR',
-            SWZ: 'SZ',
-            SWE: 'SE',
-            CHE: 'CH',
-            SYR: 'SY',
-            TJK: 'TJ',
-            TZA: 'TZ',
-            THA: 'TH',
-            TLS: 'TL',
-            TGO: 'TG',
-            TON: 'TO',
-            TTO: 'TT',
-            TUN: 'TN',
-            TUR: 'TR',
-            TKM: 'TM',
-            TUV: 'TV',
-            UGA: 'UG',
-            UKR: 'UA',
-            ARE: 'AE',
-            GBR: 'GB',
-            USA: 'US',
-            URY: 'UY',
-            UZB: 'UZ',
-            VUT: 'VU',
-            VEN: 'VE',
-            VNM: 'VN',
-            VIR: 'VI',
-            YEM: 'YE',
-            ZMB: 'ZM',
-            ZWE: 'ZW',
-        };
-    }
-    get fields() {
-        return [
-            {
-                key: 'Birth Date',
-                form: 'birthDate',
-                type: 'date',
-                main: false,
-                blastKey: 'BirthDate',
-            },
-            {
-                key: 'Given Name',
-                form: 'firstName',
-                ucFirst: true,
-                type: 'string',
-                main: true,
-                blastKey: 'Name',
-            },
-            {
-                key: 'Surname',
-                form: 'lastName',
-                ucFirst: true,
-                type: 'string',
-                main: true,
-                blastKey: 'Surname',
-            },
-            {
-                key: 'Sex',
-                form: 'gender',
-                type: 'gender',
-                main: false,
-                blastKey: 'Gender',
-            },
-            {
-                key: 'Document Class Name',
-                type: 'string',
-                form: 'documentType',
-                main: false,
-                blastKey: 'docType',
-            },
-            {
-                key: 'Document Number',
-                type: 'string',
-                form: 'documentNumber',
-                main: false,
-                blastKey: 'DocumentNumber',
-            },
-            {
-                key: 'Issuing State Code',
-                type: 'country',
-                form: 'issueStateCode',
-                blastKey: 'CountryOfIssue',
-                main: false,
-            },
-            {
-                key: 'Expiration Date',
-                type: 'date',
-                form: 'expirationDate',
-                blastKey: 'ExpiryDate',
-                main: false,
-            },
-            {
-                key: 'Issue Date',
-                type: 'date',
-                form: 'issueDate',
-                blastKey: 'IssuedDate',
-                main: false,
-            },
-            {
-                key: 'Birth Place',
-                type: 'string',
-                form: 'birthPlace',
-                blastKey: 'PlaceOfBirth',
-                main: false,
-            },
-            {
-                key: 'Issuing Authority',
-                type: 'string',
-                form: 'issuingPlace',
-                blastKey: 'IssuingAuthority',
-                main: false,
-            },
-            {
-                key: 'Nationality Code',
-                type: 'country',
-                form: 'nationality',
-                main: false,
-                blastKey: 'Nationality',
-            },
-            {
-                key: 'street1',
-                type: 'string',
-                form: 'street1',
-                main: false,
-                blastKey: 'AddressStreet',
-            },
-            {
-                key: 'city',
-                type: 'string',
-                form: 'city',
-                main: false,
-                blastKey: 'AddressCity',
-            },
-            {
-                key: 'country',
-                type: 'country',
-                form: 'country',
-                main: false,
-                blastKey: 'Country',
-            },
-            {
-                key: 'zip',
-                type: 'string',
-                form: 'zip',
-                main: false,
-                blastKey: 'AddressZip',
-            },
-        ];
-    }
-    parseBlast(results) {
-        const countries = this.countryList();
-        const genders = this.genderList();
-        const data = this.fields;
-        const validatedAddressFields = [
-            'AddressCity',
-            'AddressZip',
-            'AddressCounty',
-            'AddressStreet',
-        ].filter((key) => results[key].Validated);
-        // if no address is validated
-        if (validatedAddressFields.length === 0) {
-            if (results.Address.Validated) {
-                results.AddressStreet = results.Address;
-            }
-        }
-        const out = data.map((itm) => {
-            const res = results[itm.blastKey];
-            if (res) {
-                const value = res.RecommendedValue || '';
-                switch (itm.type) {
-                    case 'string':
-                        itm.value = value;
-                        if (itm.ucFirst) {
-                            const name = value.toLowerCase();
-                            itm.value = name.charAt(0).toUpperCase() + name.slice(1);
-                        }
-                        break;
-                    case 'date':
-                        itm.value = value ? moment(value, 'DD.MM.YYYY').toDate() : null;
-                        // if (value.indexOf('/Date') >= 0) {
-                        //   console.log(value);
-                        //   const timestamp = value.replace(/\D/gm, '');
-                        //   //itm.value = moment.unix(timestamp / 1000).toDate();
-                        //   itm.value = moment(
-                        //     timestamp - moment(timestamp, 'x').utcOffset() * 60 * 1000,
-                        //     'x',
-                        //   ).toDate();
-                        // }
-                        break;
-                    case 'country':
-                        itm.value = countries[value] || null;
-                        break;
-                    case 'gender':
-                        itm.value = genders[value] || null;
-                }
-            }
-            return itm;
-        });
-        const model = {};
-        out.forEach((element) => {
-            console.log(element);
-            model[element.form] = element.value;
-        });
-        model.documentType = results.Metadata.DocumentType;
-        console.log(model);
-        return {
-            fields: out,
-            model,
-        };
-    }
-    blastPost(data) {
-        // const $request = this.api.http.get('/assets/json/blastscan.json');
-        const $request = this.http.post(this.config.extractionPath, data);
-        return $request.pipe(map((m) => {
-            if (m.Metadata && m.Metadata.length > 0) {
-                const metadata = m.Metadata[0];
-                m.Data.Country = {
-                    RecommendedValue: metadata.Country,
-                };
-                m.Data.Metadata = metadata;
-            }
-            return m;
-        }));
-    }
-    blobToDataUrl(file) {
-        return Observable.create((obs) => {
-            const reader = new FileReader();
-            reader.onerror = (err) => obs.error(err);
-            reader.onabort = (err) => obs.error(err);
-            reader.onload = () => {
-                obs.next(reader.result);
-            };
-            reader.onloadend = () => obs.complete();
-            return reader.readAsDataURL(file);
-        });
-    }
-}
-ScanProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-ScanProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i0.Injector }]; } });
-
-class LayoutProvider {
-    constructor(breakpointObserver, platform) {
-        this.breakpointObserver = breakpointObserver;
-        this.platform = platform;
-        this.isMobile = false;
-        this.breakpoint$ = this.breakpointObserver
-            .observe(['(min-width: 768px)'])
-            .pipe(tap((value) => console.log(value)), distinctUntilChanged());
-    }
-    init() {
-        this.breakpoint$.subscribe((v) => {
-            this.isMobile = !v.matches || this.platform.IOS || this.platform.ANDROID;
-            document.body.className = this.isMobile ? 'mobile' : 'desktop';
-        });
-    }
-}
-LayoutProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, deps: [{ token: i1.BreakpointObserver }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Injectable });
-LayoutProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayoutProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Platform }]; } });
-
-class NgxScandocAuthProvider {
-    constructor(http, injector) {
-        this.http = http;
-        this.injector = injector;
-        this.config = this.injector.get(AUTH_CONFIG_TOKEN);
-        this.token = '';
-        this.refresh_token = '';
-        this.tokenTimestamps = {
-            Time: 0,
-            Client: 0,
-            SubClient: 0,
-        };
-    }
-    setSubClient(name) {
-        this.subClient = name;
-    }
-    setConfig() { }
-    get tokenExpired() {
-        if (this.token == '' || this.tokenTimestamps.Time === 0) {
-            console.log('EXPIRED');
-            return true;
-        }
-        const { Time } = this.tokenTimestamps;
-        const tokenDate = moment(Time);
-        const isValid = moment(tokenDate).isBefore(moment().add(5, 'minutes'));
-        return !isValid;
-    }
-    resetToken() {
-        // this.token = '';
-    }
-    get accesToken() {
-        return this.tokenExpired ? this.fetchToken() : of(this.token);
-    }
-    fetchToken() {
-        if (this.token && this.refresh_token) {
-            return this.refreshToken();
-        }
-        return this.getToken();
-    }
-    refreshToken() {
-        const { path, refresh } = this.config;
-        return this.http
-            .post(`${path}${refresh}`, {
-            refresh_token: this.refresh_token,
-        })
-            .pipe(tap$1((token) => {
-            // console.log(this.token);
-            this.token = token.access_token;
-            this.updateToken();
-            // this.token = token.access_token;
-            // console.log('TOKEN', this.token);
-            // this.refresh_token = token.refresh_token;
-            // const decoded: any = jwt_decode(this.token);
-            // console.log(decoded);
-            // const { Time, Client, SubClient } = decoded;
-            // this.tokenTimestamps = { Time, Client, SubClient };
-        }), map((data) => data.access_token));
-    }
-    get user_key() {
-        return this.config.clientId;
-    }
-    get sub_client() {
-        return this.config.tokenName ? this.config.tokenName : this.subClient;
-    }
-    updateToken() {
-        const decoded = jwt_decode(this.token);
-        const { Time, Client, SubClient } = decoded;
-        this.tokenTimestamps = { Time, Client, SubClient };
-    }
-    getToken() {
-        const { path, login, version, clientId, tokenName } = this.config;
-        if (version == 'v1') {
-            return this.http
-                .post(`${path}`, {
-                clientId: clientId,
-                token: tokenName,
-            })
-                .pipe(map((data) => data.accessToken), tap$1((token) => {
-                this.token = token;
-                const decoded = jwt_decode(this.token);
-                const { iat, exp } = decoded;
-                this.tokenTimestamps = { iat, exp, Time: 0 };
-            }));
-        }
-        return this.http
-            .post(`${path}${login}`, {
-            user_key: this.user_key,
-            sub_client: this.sub_client,
-        })
-            .pipe(tap$1((token) => {
-            this.token = token.access_token;
-            this.refresh_token = token.refresh_token;
-            this.updateToken();
-        }), map((data) => data.access_token));
-    }
-}
-NgxScandocAuthProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, deps: [{ token: i1$1.HttpClient }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocAuthProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocAuthProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i0.Injector }]; } });
-
-const TRANSLATION_PROVIDER = new InjectionToken('Injection token for translation providers.');
-class NgxScanDocTranslationProvider {
-    constructor(translate, injector, 
-    //@Optional() @Inject(SCAN_CONFIG_TOKEN) config: ScanConfig,
-    providers, platformLocation) {
-        this.translate = translate;
-        this.injector = injector;
-        this.platformLocation = platformLocation;
-        console.log('MM', Math.random());
-        this.customLoader = this.translate.currentLoader;
-        //console.log('config',config)
-        // console.log(this.translate)
-        if (providers && providers.length > 0) {
-            for (const provider of providers) {
-                this.addTranslationFolder(provider.name, provider.source);
-            }
-        }
-    }
-    path(path) {
-        return path;
-        // const baseHref = this.platformLocation
-        //   .getBaseHrefFromDOM()
-        //   .split('/')
-        //   .join('');
-        // return baseHref != '' ? `/${baseHref}${path}` : path;
-    }
-    setDefaultLang(lang) {
-        this.defaultLang = lang;
-        this.translate.setDefaultLang(this.defaultLang);
-    }
-    registerTranslationFolder(name = '', path = '') {
-        console.log(name, path, this.userLang, this.defaultLang);
-        if (!this.customLoader.providerRegistered(name)) {
-            this.customLoader.registerProvider(name, this.path(path));
-        }
-    }
-    addTranslationFolder(name = '', path = '') {
-        console.log(name, path, this.userLang, this.defaultLang);
-        if (!this.customLoader.providerRegistered(name)) {
-            this.customLoader.registerProvider(name, this.path(path));
-            if (this.userLang) {
-                const existCurrentLang = this.translate.currentLang ? true : false;
-                this.loadTranslation(this.userLang, this.defaultLang, !existCurrentLang);
-            }
-            else {
-                this.loadTranslation(this.defaultLang);
-            }
-        }
-    }
-    loadTranslation(lang, fallback, useLang = true) {
-        this.translate.getTranslation(lang).subscribe((resp) => {
-            this.onTranslationChanged(lang);
-            if (useLang) {
-                setTimeout(() => {
-                    this.translate.use(lang);
-                }, 20);
-            }
-            // this.translate.reloadLang(lang)
-        }, () => {
-            if (fallback && fallback !== lang) {
-                this.loadTranslation(fallback);
-            }
-        });
-    }
-    updateTranslation(lang, fallback) {
-        return this.translate.getTranslation(lang).pipe(catchError(() => {
-            if (fallback && fallback !== lang) {
-                return this.updateTranslation(fallback);
-            }
-            return this.translate.use(lang);
-        }), switchMap(() => {
-            this.onTranslationChanged(lang);
-            return this.translate.use(lang);
-        }));
-    }
-    onTranslationChanged(lang) {
-        this.translate.onTranslationChange.next({
-            lang,
-            translations: this.customLoader.getFullTranslationJSON(lang),
-        });
-    }
-    use(lang) {
-        this.customLoader.init(lang);
-        return this.updateTranslation(lang);
-    }
-    forms(item, namespace = null) {
-        if (item.fieldGroup) {
-            item.fieldGroup = item.fieldGroup.map((field) => this.forms(field));
-        }
-        const prefix = namespace ? namespace + '.' : '';
-        if (item.props &&
-            (item.props.label || item.props.placeholder || item.props.options)) {
-            if (!item.expressions) {
-                item.expressions = {};
-            }
-            if (item.props.label) {
-                item.expressions['props.label'] = this.translate.stream(prefix + item.props.label);
-            }
-            if (item.props.placeholder) {
-                item.expressions['props.placeholder'] = this.translate.stream(prefix + item.props.placeholder);
-            }
-            if (Array.isArray(item.props.options)) {
-                item.expressions['props.options'] = item.props.options.map((m) => {
-                    // console.log(m);
-                    if (m.label) {
-                        m.label = this.translate.instant(prefix + m.label);
-                    }
-                    return m;
-                });
-            }
-        }
-        return item;
-    }
-}
-NgxScanDocTranslationProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, deps: [{ token: i4.TranslateService }, { token: i0.Injector }, { token: TRANSLATION_PROVIDER, optional: true }, { token: i2$1.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScanDocTranslationProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScanDocTranslationProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i4.TranslateService }, { type: i0.Injector }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [TRANSLATION_PROVIDER]
-                    }] }, { type: i2$1.PlatformLocation }];
-    } });
-
-class NgxScandocFieldsProvider {
-    constructor(translate, provider) {
-        this.translate = translate;
-        this.provider = provider;
-        this.selfie$ = new Subject();
-    }
-    update() {
-        return [
-            {
-                fieldGroupClassName: 'px-16',
-                fieldGroup: [
-                    {
-                        wrappers: [],
-                        type: 'checkbox',
-                        key: 'profile',
-                        class: 'checkbox ',
-                        defaultValue: true,
-                        props: {
-                            label: 'scandoc.form.scan.document.update.profile',
-                        },
-                    },
-                    {
-                        wrappers: [],
-                        type: 'checkbox',
-                        class: 'checkbox ',
-                        key: 'document',
-                        defaultValue: true,
-                        props: {
-                            label: 'scandoc.form.scan.document.update.document',
-                        },
-                    },
-                    {
-                        wrappers: [],
-                        type: 'checkbox',
-                        class: 'checkbox ',
-                        key: 'attachment',
-                        defaultValue: true,
-                        props: {
-                            label: 'scandoc.form.scan.document.update.attachment',
-                        },
-                    },
-                ].map((item) => this.translate.forms(item)),
-            },
-        ];
-    }
-    document() {
-        if (this.customFields) {
-            return this.customFields;
-        }
-        return [
-            {
-                className: 'w-100-p',
-                fieldGroupClassName: 'form-flex-row  profile-details',
-                fieldGroup: [
-                    {
-                        className: 'w-100-p ',
-                        fieldGroupClassName: 'card-group',
-                        fieldGroup: [
-                            {
-                                type: 'title',
-                                props: {
-                                    label: 'scandoc.form.scan.document.guestDetailsTitle',
-                                },
-                            },
-                            {
-                                type: 'profile-image',
-                                key: '_avatar',
-                                props: {
-                                    label: 'scandoc.form.scan.document.firstName',
-                                },
-                            },
-                            {
-                                type: 'input',
-                                key: 'firstName',
-                                className: 'small',
-                                props: {
-                                    label: 'scandoc.form.scan.document.firstName',
-                                    required: true,
-                                },
-                            },
-                            {
-                                type: 'input',
-                                key: 'lastName',
-                                className: 'small',
-                                props: {
-                                    label: 'scandoc.form.scan.document.lastName',
-                                    required: true,
-                                },
-                            },
-                            {
-                                className: 'small',
-                                key: 'secondName',
-                                type: 'input',
-                                props: {
-                                    label: 'scandoc.form.scan.document.secondLastName',
-                                },
-                                hideExpression: 'model.hideSecondLastName',
-                            },
-                            {
-                                type: 'input',
-                                key: 'middleName',
-                                className: 'small',
-                                props: {
-                                    label: 'scandoc.form.scan.document.middleName',
-                                },
-                            },
-                            {
-                                className: '',
-                                fieldGroupClassName: 'form-flex-row space-between',
-                                fieldGroup: [
-                                    {
-                                        type: 'datepicker',
-                                        key: 'birthDate',
-                                        className: 'w-100-p small mr-8',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.birthDate',
-                                        },
-                                    },
-                                    {
-                                        type: 'select',
-                                        key: 'gender',
-                                        className: 'w-100-p small ml-8',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.gender',
-                                            options: [
-                                                { value: 'MALE', label: 'MALE' },
-                                                { value: 'FEMALE', label: 'FEMALE' },
-                                                { value: 'NA', label: 'N/A' },
-                                            ],
-                                        },
-                                    },
-                                ],
-                            },
-                            {
-                                className: '',
-                                fieldGroupClassName: 'form-flex-row space-between',
-                                fieldGroup: [
-                                    {
-                                        type: 'input',
-                                        key: 'birthPlace',
-                                        className: 'small w-100-p mr-8',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.birthPlace',
-                                        },
-                                    },
-                                    {
-                                        type: 'select',
-                                        key: 'birthCountry',
-                                        className: 'small w-100-p ml-8',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.birthCountry',
-                                            options: this.provider.countries(),
-                                        },
-                                    },
-                                ],
-                            },
-                            {
-                                className: 'small',
-                                key: 'nationality',
-                                type: 'select',
-                                props: {
-                                    label: 'scandoc.form.scan.document.nationality',
-                                    //   appearance: 'outline',
-                                    //  options: this.profileProvider.nationalities(),
-                                    options: this.provider.countries(),
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        className: 'w-100-p',
-                        fieldGroupClassName: 'form-flex-column',
-                        fieldGroup: [
-                            {
-                                className: 'w-100-p',
-                                fieldGroupClassName: 'card-group',
-                                fieldGroup: [
-                                    {
-                                        type: 'title',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.documentTitle',
-                                        },
-                                    },
-                                    {
-                                        type: 'select',
-                                        key: 'documentType',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.documentType',
-                                            options: [
-                                                { value: 'ID', label: 'Identity Document' },
-                                                { value: 'PASS', label: 'Passport' },
-                                                { value: 'DL', label: 'Driver Licence' },
-                                            ],
-                                            //  valueProp: 'id',
-                                            //  labelProp: 'value',
-                                            required: true,
-                                        },
-                                    },
-                                    {
-                                        type: 'input',
-                                        key: 'documentNumber',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.documentNumber',
-                                            required: true,
-                                        },
-                                    },
-                                    {
-                                        className: '',
-                                        fieldGroupClassName: 'form-flex-row space-between',
-                                        fieldGroup: [
-                                            {
-                                                type: 'datepicker',
-                                                key: 'issueDate',
-                                                className: 'small mr-8',
-                                                props: {
-                                                    label: 'scandoc.form.scan.document.issueDate',
-                                                },
-                                            },
-                                            {
-                                                type: 'datepicker',
-                                                key: 'expirationDate',
-                                                className: 'small ml-8',
-                                                props: {
-                                                    label: 'scandoc.form.scan.document.expirationDate',
-                                                },
-                                            },
-                                        ],
-                                    },
-                                    {
-                                        type: 'select',
-                                        key: 'issueStateCode',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.issuingStateCode',
-                                            options: this.provider.countries(),
-                                        },
-                                    },
-                                    {
-                                        type: 'input',
-                                        key: 'issuingPlace',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.issuingPlace',
-                                            required: false,
-                                        },
-                                    },
-                                ],
-                            },
-                            {
-                                className: 'w-100-p',
-                                fieldGroupClassName: 'card-group',
-                                fieldGroup: [
-                                    {
-                                        type: 'title',
-                                        props: {
-                                            label: 'scandoc.form.scan.document.addressTitle',
-                                            badge: 'communications',
-                                        },
-                                    },
-                                    {
-                                        className: 'small',
-                                        key: 'country',
-                                        type: 'select',
-                                        props: {
-                                            required: true,
-                                            label: 'scandoc.form.profile.address.country',
-                                            options: this.provider.countries(),
-                                        },
-                                        // expressionProperties: {
-                                        //   'props.disabled': (model: any) => !model.newAddress,
-                                        // },
-                                        hooks: {
-                                            onInit: (model) => {
-                                                console.log(model);
-                                            },
-                                        },
-                                    },
-                                    {
-                                        className: '',
-                                        fieldGroupClassName: 'form-flex-row space-between',
-                                        fieldGroup: [
-                                            {
-                                                className: 'mr-8 w-100-p',
-                                                key: 'zip',
-                                                type: 'input',
-                                                props: {
-                                                    label: 'scandoc.form.profile.address.zip',
-                                                    labelProp: (item) => {
-                                                        return `${item.zip} (${item.city})`;
-                                                    },
-                                                    set: (field, option) => {
-                                                        // console.log(option, field);
-                                                        field.formControl.setValue(option.value.zip);
-                                                        // set CITY
-                                                        field.form.get('city').setValue(option.value.city);
-                                                    },
-                                                    filter: (key, field) => {
-                                                        // return this.profileProvider.zipCodes({
-                                                        //   countryCode: field.form.get('country').value,
-                                                        //   zip: key,
-                                                        // });
-                                                    },
-                                                },
-                                                // expressionProperties: {
-                                                //   'props.disabled': (model: any) =>
-                                                //     !model.newAddress,
-                                                // },
-                                            },
-                                            {
-                                                className: 'small w-100-p ml-8',
-                                                key: 'city',
-                                                type: 'input',
-                                                props: {
-                                                    label: 'scandoc.form.profile.address.city',
-                                                },
-                                            },
-                                        ],
-                                    },
-                                    {
-                                        className: 'small w-100-p',
-                                        key: 'street1',
-                                        type: 'input',
-                                        props: {
-                                            label: 'scandoc.form.profile.address.street',
-                                        },
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-        ].map((item) => this.translate.forms(item));
-    }
-}
-NgxScandocFieldsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, deps: [{ token: NgxScanDocTranslationProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocFieldsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocFieldsProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: NgxScanDocTranslationProvider }, { type: ScanProvider }]; } });
-
-class ScanResultsComponent extends BaseComponent {
-    constructor(cameraProvider, formProvider, provider, cd, zone) {
-        super();
-        this.cameraProvider = cameraProvider;
-        this.formProvider = formProvider;
-        this.provider = provider;
-        this.cd = cd;
-        this.zone = zone;
-        this.action = new EventEmitter();
-    }
-    ngOnInit() {
-        console.time('fields');
-        this.fields = this.formProvider.document();
-        console.timeEnd('fields');
-        this.__subs(this.data).subscribe((resp) => {
-            this.zone.run(() => {
-                switch (resp.type) {
-                    case 'avatar':
-                        this.model._avatar = resp.data;
-                        this.form = new FormGroup({});
-                        console.log(this.model);
-                        break;
-                    case 'model':
-                        this.model = resp.data;
-                        break;
-                }
-                console.timeEnd('results');
-                this.cd.detectChanges();
-            });
-        });
-    }
-    ngOnDestroy() {
-        this.__destroy();
-    }
-    selfie() {
-        this.action.emit({ selfie: true });
-    }
-}
-ScanResultsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanResultsComponent, deps: [{ token: NgxScandocCameraProvider }, { token: NgxScandocFieldsProvider }, { token: ScanProvider }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ScanResultsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: { data: "data", images: "images", form: "form" }, outputs: { action: "action" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"model\" class=\"wraper\">\n  <div style=\"flex: 1\">\n\n\n    <form class=\"py-0 w-100-p\" [formGroup]=\"form\">\n      <formly-form fxFlex [form]=\"form\" [fields]=\"fields\" [model]=\"model\">\n      </formly-form>\n    </form>\n  </div>\n  <div style=\"flex: 1\" >\n    <mat-card appearance=\"outlined\" style=\"margin:0px 4px; padding: 16px\" class=\"images\">\n      <h3>{{ \"scandoc.result.images\" | translate }}</h3>\n      <ng-container *ngFor=\"let img of model.images\">\n        <div fxLayout=\"column\">\n          <ng-container *ngIf=\"img.side === 0\">\n            <div class=\"title\">\n              {{ \"scandoc.result.frontSide\" | translate }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"img.side === 1\">\n            <div class=\"title\">{{ \"scandoc.result.backSide\" | translate }}</div>\n          </ng-container>\n          <img\n            class=\"preview\"\n            style=\"max-width: 460px; border-radius: 1rem\"\n            [src]=\"img.data\"\n          />\n        </div>\n      </ng-container>\n    </mat-card>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;overflow-y:auto;overflow-x:hidden}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px;width:100%}.wraper{padding:4px;flex:1;display:flex;flex-direction:row}mat-card{box-shadow:none!important}.selfieContainer{display:flex;flex-direction:row;align-items:center}.selfieContainer .selfie{width:150px}.selfieContainer .selfie .preview{width:120px;height:120px;border-radius:80px}.selfieContainer .button{box-shadow:none;border:1px solid rgba(0,0,0,.1)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i7.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanResultsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scan-results', template: "<div *ngIf=\"model\" class=\"wraper\">\n  <div style=\"flex: 1\">\n\n\n    <form class=\"py-0 w-100-p\" [formGroup]=\"form\">\n      <formly-form fxFlex [form]=\"form\" [fields]=\"fields\" [model]=\"model\">\n      </formly-form>\n    </form>\n  </div>\n  <div style=\"flex: 1\" >\n    <mat-card appearance=\"outlined\" style=\"margin:0px 4px; padding: 16px\" class=\"images\">\n      <h3>{{ \"scandoc.result.images\" | translate }}</h3>\n      <ng-container *ngFor=\"let img of model.images\">\n        <div fxLayout=\"column\">\n          <ng-container *ngIf=\"img.side === 0\">\n            <div class=\"title\">\n              {{ \"scandoc.result.frontSide\" | translate }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"img.side === 1\">\n            <div class=\"title\">{{ \"scandoc.result.backSide\" | translate }}</div>\n          </ng-container>\n          <img\n            class=\"preview\"\n            style=\"max-width: 460px; border-radius: 1rem\"\n            [src]=\"img.data\"\n          />\n        </div>\n      </ng-container>\n    </mat-card>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;overflow-y:auto;overflow-x:hidden}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px;width:100%}.wraper{padding:4px;flex:1;display:flex;flex-direction:row}mat-card{box-shadow:none!important}.selfieContainer{display:flex;flex-direction:row;align-items:center}.selfieContainer .selfie{width:150px}.selfieContainer .selfie .preview{width:120px;height:120px;border-radius:80px}.selfieContainer .button{box-shadow:none;border:1px solid rgba(0,0,0,.1)}\n"] }]
-        }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }, { type: NgxScandocFieldsProvider }, { type: ScanProvider }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { data: [{
-                type: Input
-            }], images: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
-
-class ManualScanComponent extends BaseComponent {
-    get class() {
-        return this.isMobile;
-    }
-    onResize() {
-        if (this.wraper) {
-            this.width = this.wraper.nativeElement.clientWidth;
-            this.height = this.wraper.nativeElement.clientHeight;
-            setTimeout(() => {
-                var _a;
-                const video = (_a = this.wraper) === null || _a === void 0 ? void 0 : _a.nativeElement.querySelector('video');
-                if (video) {
-                    //   console.log(video.clientWidth, video.clientHeight);
-                    this.videoWidth = video.clientWidth;
-                    this.videoHeight = video.clientHeight;
-                }
-                this.cd.detectChanges();
-            }, 100);
-            this.cd.detectChanges();
-        }
-    }
-    constructor(cameraProvider, cd, layoutProvider, zone) {
-        super();
-        this.cameraProvider = cameraProvider;
-        this.cd = cd;
-        this.layoutProvider = layoutProvider;
-        this.zone = zone;
-        this.action = new EventEmitter();
-        this.videoOptions = {
-            width: 1920,
-            height: 1080,
-            facingMode: 'environment',
-        };
-        this.cameraReady = false;
-        this.scanBlastData = [
-            {
-                title: 'scandoc.front',
-                description: 'scandoc.frontDescription',
-                side: 'FRONT',
-            },
-            {
-                title: 'scandoc.back',
-                description: 'scandoc.backDescription',
-                disabled: true,
-                side: 'BACK',
-            },
-        ];
-        this.error = false;
-        this.scaning = false;
-        this.documentTypeSelected = false;
-        this.preview = null;
-        this.scanDatas = [];
-        this.trigger = new Subject();
-        // switch to next / previous / specific webcam; true/false: forward/backwards, string: deviceId
-        this.nextWebcam = new Subject();
-        this.isMobile = false;
-    }
-    ngOnInit() {
-        this.__subs(this.layoutProvider.breakpoint$).subscribe((v) => {
-            this.zone.run(() => {
-                this.isMobile = !v.matches;
-                setTimeout(() => {
-                    console.log('WTF');
-                    this.cd.detectChanges();
-                }, 200);
-            });
-            console.log('MNOBILE', this.isMobile);
-        });
-    }
-    get nextWebcamObservable() {
-        return this.nextWebcam.asObservable();
-    }
-    cameraWasSwitched(deviceId) {
-        console.log('[active device]', deviceId);
-        // this.deviceId = deviceId;
-        // this.cameraReady = true;
-        // this.defaultDevice = deviceId;
-        setTimeout(() => {
-            this.onResize();
-            // this.scan();
-        }, 300);
-    }
-    handleInitError(error) {
-        console.log(error);
-    }
-    resolutionLimit(file) {
-        const minWidth = 1280;
-        const minHeight = 720;
-        return new Observable((observer) => {
-            const img = new Image();
-            img.src = window.URL.createObjectURL(file);
-            img.onload = () => {
-                const width = img.naturalWidth;
-                const height = img.naturalHeight;
-                let valid = false;
-                if (width > height) {
-                    valid = width >= minWidth && height >= minHeight;
-                }
-                else {
-                    valid = width >= minHeight && height >= minWidth;
-                }
-                observer.next(valid);
-            };
-            img.onerror = (error) => {
-                observer.error(error);
-            };
-        });
-    }
-    getImgBase64(num) {
-        return this.scanBlastData[num].image.dataUrl.split(',')[1];
-    }
-    getBase64(file) {
-        return new Observable((observer) => {
-            const reader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onload = () => {
-                observer.next(reader.result);
-            };
-            reader.onerror = (error) => {
-                observer.error(error);
-            };
-        });
-    }
-    handleFileInput(target, event, side) {
-        const files = target.files;
-        this.selectedSide = side;
-        console.log(files);
-        const file = files.item(0);
-        this.resolutionLimit(file)
-            .pipe(switchMap$1((valid) => {
-            return valid ? this.getBase64(file) : of(false);
-        }))
-            .subscribe((imageAsDataUrl) => {
-            // console.log(imageAsDataUrl);
-            event.target.value = null;
-            if (!imageAsDataUrl) {
-                console.warn('MIN RES');
-                // this.dialogs.alert(
-                //   'core.page.error',
-                //   this.translate.instant(
-                //     'pms.dialogs.components.scanProfile.minResolution'
-                //   )
-                // );
-            }
-            else {
-                side.image = {
-                    _imageAsDataUrl: imageAsDataUrl,
-                    imageAsDataUrl: imageAsDataUrl,
-                };
-                if (this.selectedSide.side === 'FRONT') {
-                    this.scanBlastData[1].disabled = false;
-                }
-            }
-            this.cd.detectChanges();
-        });
-    }
-    cameraOff(ev) { }
-    ngOnDestroy() { }
-    singleScan(side) {
-        this.scanType = side.side;
-        this.preview = null;
-        this.selectedSide = side;
-        this.selectedSide.image = null;
-        this.documentTypeSelected = true;
-        this.scanBlastData[1].disabled = false;
-        this.cameraProvider.$showSwitch.next(true);
-        this.cd.detectChanges();
-        setTimeout(() => {
-            this.onResize();
-        }, 10);
-    }
-    scanBlastFinish() {
-        this.action.emit(this.scanBlastData);
-    }
-    get scanBlastCanUpload() {
-        return this.scanBlastData[0].image ? true : false;
-    }
-    handleImage(webcamImage) {
-        console.log('[received webcam image]', webcamImage);
-        this.webcamImage = webcamImage;
-        this.preview = webcamImage.imageAsDataUrl;
-        this.cameraProvider.$showSwitch.next(false);
-        this.cd.detectChanges();
-    }
-    continue() {
-        this.documentTypeSelected = false;
-        setTimeout(() => {
-            this.selectedSide.image = this.webcamImage;
-            if (this.selectedSide.side === 'FRONT') {
-                this.scanBlastData[1].disabled = false;
-            }
-            this.cd.detectChanges();
-        }, 200);
-    }
-    retry() {
-        this.preview = false;
-        this.cameraProvider.$showSwitch.next(true);
-        // this.result = false;
-        if (this.error) {
-            this.documentTypeSelected = false;
-            this.scanBlastData.forEach((element) => {
-                element.image = null;
-            });
-        }
-        this.error = false;
-    }
-    triggerSnapshot() {
-        this.trigger.next(0);
-    }
-    scan() {
-        console.log('SCAN');
-        this.triggerSnapshot();
-        this.scanDatas[0] = true;
-        console.log(this.cameraProvider);
-        this.cd.detectChanges();
-    }
-    rotateBase64Image(base64data) {
-        return new Observable((observer) => {
-            const canvas = document.createElement('canvas');
-            const ctx = canvas.getContext('2d');
-            var image = new Image();
-            image.src = base64data;
-            image.onload = () => {
-                console.log(canvas);
-                canvas.width = image.height;
-                canvas.height = image.width;
-                if (ctx) {
-                    ctx.rotate((90 * Math.PI) / 180);
-                    ctx.translate(0, -canvas.width);
-                    ctx.drawImage(image, 0, 0);
-                    observer.next(canvas.toDataURL());
-                }
-                else {
-                    observer.error({ type: 'generic error' });
-                }
-            };
-            image.onerror = (e) => {
-                observer.error(e);
-            };
-        });
-    }
-    singleScanRotate(side) {
-        console.log(side);
-        this.rotateBase64Image(side.image.imageAsDataUrl).subscribe((data) => {
-            side.image = { imageAsDataUrl: data };
-            this.cd.detectChanges();
-        });
-    }
-    videoReady(event) {
-        console.log('READY', event);
-        this.cameraReady = event;
-    }
-    singleScanRemove(side) {
-        side.image = null;
-        if (side.side === 'FRONT') {
-            this.scanBlastData[1].disabled = true;
-        }
-        this.cd.detectChanges();
-    }
-}
-ManualScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManualScanComponent, deps: [{ token: NgxScandocCameraProvider }, { token: i0.ChangeDetectorRef }, { token: LayoutProvider }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ManualScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: { action: "action" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, viewQueries: [{ propertyName: "wraper", first: true, predicate: ["wraper"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\n\n<ng-container *ngIf=\"!result\">\n\n<ng-container *ngIf=\"!documentTypeSelected\">\n  <section\n    class=\"scanBlastWraper\"\n    ngClass.lt-md=\"mobile\"\n    fxFlex\n    fxLayout=\"column\"\n  >\n    <div class=\"scanBlast\" fxFlex fxLayout.lt-md=\"column\" fxLayout=\"row\">\n      <mat-card\n        appearance=\"outlined\"\n        style=\"display: flex; flex-direction: column\"\n        fxLayout=\"column\"\n        *ngFor=\"let side of scanBlastData\"\n      >\n        <div ngClass.lt-sm=\"small\" class=\"head\">\n          <div class=\"title\" fxFlex>{{ side.title | translate }}</div>\n        </div>\n        <div class=\"actions\" style=\"display: flex; flex-direction: row\">\n          <button\n            (click)=\"singleScan(side)\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-right: 4px\"\n            mat-raised-button\n          >\n            <div class=\"buttonWrap\">\n              <mat-icon>camera</mat-icon>\n              <div>\n                {{ \"scandoc.scanCamera\" | translate }}\n              </div>\n            </div>\n          </button>\n          <button\n            (click)=\"file.click()\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-left: 4px\"\n            mat-raised-button\n          >\n            <input\n              accept=\"image/*\"\n              type=\"file\"\n              style=\"display: none\"\n              (change)=\"handleFileInput($event.target, $event, side)\"\n              #file\n            />\n            <div class=\"buttonWrap\">\n              <mat-icon>file_upload</mat-icon>\n              <div>\n                {{ \"scandoc.useFromDisk\" | translate }}\n              </div>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\" style=\"display: flex\">\n          <div style=\"flex: 1\" class=\"previewPlaceholder\">\n            <div class=\"description\">\n              <ng-container *ngIf=\"side.image\">\n                <div class=\"imgWrap\">\n                  <div\n                    style=\"flex: 1\"\n                    class=\"image\"\n                    [style.background-image]=\"\n                      'url(' + side.image.imageAsDataUrl + ')'\n                    \"\n                  ></div>\n\n                  <div\n                    class=\"btnActions\"\n                    fxLayout.lt-md=\"column\"\n                    fxLayout=\"row\"\n                    style=\"display: flex; flex-direction: row\"\n                  >\n                    <button\n                      (click)=\"singleScanRemove(side)\"\n                      class=\"mr-4 remButton flex\"\n                      mat-raised-button\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>delete</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.remove\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                    <button\n                      class=\"ml-4 rotateButton flex\"\n                      mat-raised-button\n                      (click)=\"singleScanRotate(side)\"\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>rotate_90_degrees_cw</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.rotate\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                  </div>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!side.image\">\n                <div class=\"empty\">\n                  {{ side.description | translate }}\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n    <footer>\n      <div\n        class=\"px-8 pb-8\"\n        style=\"padding: 0px 8px 8px 8px; display: flex; flex-direction: row\"\n      >\n        <button\n          (click)=\"scanBlastFinish()\"\n          [disabled]=\"!scanBlastCanUpload\"\n          style=\"flex: 1\"\n          mat-raised-button\n        >\n          {{ \"scandoc.upload\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<div\n  style=\"position: relative; display: flex; flex-direction: column; flex: 1\"\n  *ngIf=\"documentTypeSelected\"\n>\n  <div\n    style=\"display: flex; flex-direction: row; flex: 1\"\n    #wraper\n    class=\"wraper\"\n  >\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container *ngIf=\"!error\">\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview && !scaning\"\n        class=\"main flex\"\n\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n(videoReady)=\"videoReady($event)\"\n        (cameraSwitched)=\"cameraWasSwitched($event)\"\n        (initError)=\"handleInitError($event)\"\n        type=\"manual\"\n\n        (destroyed)=\"cameraOff($event)\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        display: flex;\n        flex-direction: row;\n        flex: 1;\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      \"\n    >\n      <div class=\"p-16 error\" *ngIf=\"error\">\n        <div>\n          <div class=\"title\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon>error_outline</mat-icon\n            ><span class=\"ml-8\">{{\n              \"pms.dialogs.components.scanProfile.unableToDetectId\" | translate\n            }}</span>\n          </div>\n\n          <ul>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.placeIdCloseToDevice\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.ensureSufficientLight\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.holdDocumentSteady\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureAllEdgesOfTheIdAreVisible\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureThereAreNoGlareAndShadowsOnTheId\"\n                  | translate\n              }}\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n        *ngIf=\"!error && !scaning\"\n      >\n        <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"pms.dialogs.components.scanProfile.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer fxLayout=\"row\" class=\"p-8\">\n    <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      {{ displayInfo }}\n    </div>\n    <div style=\"height: 26px;\">\n    <div style=\"text-align: center; font-size: 18px;\" *ngIf=\"idScan && !preview && cameraReady\">\n      <ng-container *ngIf=\"idScan === 'BACK'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureBack\" | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"idScan === 'FRONT'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureFront\" | translate }}\n      </ng-container>\n    </div>\n    </div> -->\n\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container>\n        <ng-container *ngIf=\"scanType === 'FRONT'\">{{\n          \"scandoc.captureFront\" | translate\n        }}</ng-container>\n        <ng-container *ngIf=\"scanType === 'BACK'\">{{\n          \"scandoc.captureBack\" | translate\n        }}</ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"scanSide === 1\">{{\n        \"pms.dialogs.components.scanProfile.captureBackOfId\" | translate\n      }}</ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p\"\n      *ngIf=\"preview\"\n      style=\"display: flex; flex-direction: row; align-items: center; flex: 1\"\n    >\n      <button class=\"flex mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        [disabled]=\"error\"\n        class=\"ml-4 flex\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}:host.mobile .buttonWrap div{font-size:11px!important}:host.mobile .scanBlastWraper .head{height:30px!important}:host.mobile .scanBlastWraper .head .title{font-size:12px!important}:host.mobile .scanBlastWraper .scanBlast{flex-direction:column}:host.mobile .scanBlastWraper mat-card{margin:4px!important}:host.mobile .scanBlastWraper .description{flex-direction:row!important}:host.mobile .scanBlastWraper .description .imgWrap{padding:0!important}:host.mobile .scanBlastWraper .description .btnActions{position:absolute;right:0}:host.mobile .scanBlastWraper .description button{margin:0!important;position:absolute;right:16px}:host.mobile .scanBlastWraper .description button.rotateButton{top:58px}:host.mobile .scanBlastWraper .description button.remButton{top:8px}:host.mobile .scanBlastWraper .description button mat-icon{margin:0!important}:host.mobile .scanBlastWraper .description button div.label{display:none}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}.debug{position:absolute;left:0;width:100%;height:80px;top:0;border-bottom:1px solid #ccc;background-color:#f8f8f8;display:flex;overflow:hidden;color:#000}.debug img{height:50px;border:1px solid #000}.displayInfo{text-align:center;height:20px;flex:1;position:absolute;width:100%;background-color:#000;height:30px;bottom:55px;left:0;line-height:30px;color:#fff;z-index:200}.element{margin-bottom:8px}.element label{font-size:14px}.element div{font-size:18px}.wraper{position:relative;overflow:hidden}.preview{width:100%;border-radius:1%}.documentTypeWraper{width:400px}.documentTypeWraper .label{font-size:14px;margin-bottom:20px}.documentTypeWraper button{box-shadow:none}.overPane{position:absolute;width:100%;height:100%;top:0;left:0}.overPane app-webcam{clip-path:url(#myClip)}.subhead{height:55px;padding-top:8px}.rectangle{z-index:2;position:absolute;top:50%;left:50%;width:85.6mm;height:53.98mm;transform:translate(-50%,-50%);box-sizing:border-box;border:2px dashed #459be5;border-radius:3mm}.mask{z-index:1;position:absolute;width:100%;height:100%;background-position:center center;background-size:380mm;background-repeat:no-repeat}.label{font-size:11px;margin-top:4px}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}h4{font-size:16px}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px}.error .title{font-size:22px}.error ul{font-size:18px}.photo{width:120px;height:120px;overflow:hidden}.signature{width:200px}mat-card{box-shadow:none!important}.scanBlastWraper{overflow:hidden;display:flex;flex-direction:column;flex:1}.scanBlastWraper button{text-transform:uppercase;overflow:hidden}.scanBlastWraper .buttonWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.scanBlast{display:flex;flex-direction:row;flex:1;padding:0 4px}.scanBlast mat-card{padding:0;box-shadow:none;margin:8px 4px;flex:1}.scanBlast mat-card .head{display:flex;flex-direction:row;align-items:center;justify-items:center;border-bottom:1px solid rgba(0,0,0,.12);height:60px;padding:8px}.scanBlast mat-card .head.small{height:30px!important;padding:4px 8px!important}.scanBlast mat-card .head.small .title{font-size:12px!important;margin-left:4px!important}.scanBlast mat-card .head button{max-width:120px;height:40px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.scanBlast mat-card .head .title{margin-left:16px;color:#459ae5;font-size:16px}.scanBlast mat-card .content{margin:8px;flex:1}.scanBlast mat-card .description{text-align:center;color:#888}.scanBlast mat-card .actions{background-color:#e9e9e9;display:flex;flex-direction:row}.scanBlast mat-card .actions .mat-button-disabled{background-color:#fff!important}.scanBlast mat-card .actions button{box-shadow:none;width:50%;margin:8px;height:40px;font-size:12px}.scanBlast mat-card .actions button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder{flex:1;border-radius:6px;display:flex;flex-direction:column}.scanBlast mat-card .previewPlaceholder .description{display:flex;flex:1;flex-direction:column;justify-content:center}.scanBlast mat-card .previewPlaceholder button{box-shadow:none;margin-top:8px;height:40px;font-size:12px}.scanBlast mat-card .previewPlaceholder button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder .imgWrap{flex-direction:column;flex:1;display:flex;padding:8px;background-color:#f5f5f5;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap img{width:100%;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap .image{background-position:center;background-repeat:no-repeat;background-size:contain}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{display:flex;flex-direction:column}.result .wrap{overflow:auto;flex:1;display:flex;flex-direction:row}.result .wrap .panel{flex:1}.result .wrap form{display:flex;flex-direction:row;padding:0 16px;width:100%}.result .wrap form formly-form{flex:1}.flex{flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ManualScanComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-manual-scan', template: "\n\n<ng-container *ngIf=\"!result\">\n\n<ng-container *ngIf=\"!documentTypeSelected\">\n  <section\n    class=\"scanBlastWraper\"\n    ngClass.lt-md=\"mobile\"\n    fxFlex\n    fxLayout=\"column\"\n  >\n    <div class=\"scanBlast\" fxFlex fxLayout.lt-md=\"column\" fxLayout=\"row\">\n      <mat-card\n        appearance=\"outlined\"\n        style=\"display: flex; flex-direction: column\"\n        fxLayout=\"column\"\n        *ngFor=\"let side of scanBlastData\"\n      >\n        <div ngClass.lt-sm=\"small\" class=\"head\">\n          <div class=\"title\" fxFlex>{{ side.title | translate }}</div>\n        </div>\n        <div class=\"actions\" style=\"display: flex; flex-direction: row\">\n          <button\n            (click)=\"singleScan(side)\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-right: 4px\"\n            mat-raised-button\n          >\n            <div class=\"buttonWrap\">\n              <mat-icon>camera</mat-icon>\n              <div>\n                {{ \"scandoc.scanCamera\" | translate }}\n              </div>\n            </div>\n          </button>\n          <button\n            (click)=\"file.click()\"\n            [disabled]=\"side.disabled\"\n            style=\"margin-left: 4px\"\n            mat-raised-button\n          >\n            <input\n              accept=\"image/*\"\n              type=\"file\"\n              style=\"display: none\"\n              (change)=\"handleFileInput($event.target, $event, side)\"\n              #file\n            />\n            <div class=\"buttonWrap\">\n              <mat-icon>file_upload</mat-icon>\n              <div>\n                {{ \"scandoc.useFromDisk\" | translate }}\n              </div>\n            </div>\n          </button>\n        </div>\n        <div class=\"content\" style=\"display: flex\">\n          <div style=\"flex: 1\" class=\"previewPlaceholder\">\n            <div class=\"description\">\n              <ng-container *ngIf=\"side.image\">\n                <div class=\"imgWrap\">\n                  <div\n                    style=\"flex: 1\"\n                    class=\"image\"\n                    [style.background-image]=\"\n                      'url(' + side.image.imageAsDataUrl + ')'\n                    \"\n                  ></div>\n\n                  <div\n                    class=\"btnActions\"\n                    fxLayout.lt-md=\"column\"\n                    fxLayout=\"row\"\n                    style=\"display: flex; flex-direction: row\"\n                  >\n                    <button\n                      (click)=\"singleScanRemove(side)\"\n                      class=\"mr-4 remButton flex\"\n                      mat-raised-button\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>delete</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.remove\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                    <button\n                      class=\"ml-4 rotateButton flex\"\n                      mat-raised-button\n                      (click)=\"singleScanRotate(side)\"\n                    >\n                      <div class=\"buttonWrap\">\n                        <mat-icon>rotate_90_degrees_cw</mat-icon>\n                        <div class=\"label\">\n                          {{ \"scandoc.rotate\" | translate }}\n                        </div>\n                      </div>\n                    </button>\n                  </div>\n                </div>\n              </ng-container>\n\n              <ng-container *ngIf=\"!side.image\">\n                <div class=\"empty\">\n                  {{ side.description | translate }}\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n    <footer>\n      <div\n        class=\"px-8 pb-8\"\n        style=\"padding: 0px 8px 8px 8px; display: flex; flex-direction: row\"\n      >\n        <button\n          (click)=\"scanBlastFinish()\"\n          [disabled]=\"!scanBlastCanUpload\"\n          style=\"flex: 1\"\n          mat-raised-button\n        >\n          {{ \"scandoc.upload\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<div\n  style=\"position: relative; display: flex; flex-direction: column; flex: 1\"\n  *ngIf=\"documentTypeSelected\"\n>\n  <div\n    style=\"display: flex; flex-direction: row; flex: 1\"\n    #wraper\n    class=\"wraper\"\n  >\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container *ngIf=\"!error\">\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview && !scaning\"\n        class=\"main flex\"\n\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n(videoReady)=\"videoReady($event)\"\n        (cameraSwitched)=\"cameraWasSwitched($event)\"\n        (initError)=\"handleInitError($event)\"\n        type=\"manual\"\n\n        (destroyed)=\"cameraOff($event)\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        display: flex;\n        flex-direction: row;\n        flex: 1;\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n      \"\n    >\n      <div class=\"p-16 error\" *ngIf=\"error\">\n        <div>\n          <div class=\"title\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n            <mat-icon>error_outline</mat-icon\n            ><span class=\"ml-8\">{{\n              \"pms.dialogs.components.scanProfile.unableToDetectId\" | translate\n            }}</span>\n          </div>\n\n          <ul>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.placeIdCloseToDevice\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.ensureSufficientLight\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.holdDocumentSteady\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureAllEdgesOfTheIdAreVisible\"\n                  | translate\n              }}\n            </li>\n            <li>\n              {{\n                \"pms.dialogs.components.scanProfile.makeSureThereAreNoGlareAndShadowsOnTheId\"\n                  | translate\n              }}\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n        *ngIf=\"!error && !scaning\"\n      >\n        <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"pms.dialogs.components.scanProfile.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer fxLayout=\"row\" class=\"p-8\">\n    <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      {{ displayInfo }}\n    </div>\n    <div style=\"height: 26px;\">\n    <div style=\"text-align: center; font-size: 18px;\" *ngIf=\"idScan && !preview && cameraReady\">\n      <ng-container *ngIf=\"idScan === 'BACK'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureBack\" | translate }}\n      </ng-container>\n      <ng-container *ngIf=\"idScan === 'FRONT'\">\n        Turn document and:\n        {{ \"pms.dialogs.components.scanProfile.captureFront\" | translate }}\n      </ng-container>\n    </div>\n    </div> -->\n\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container>\n        <ng-container *ngIf=\"scanType === 'FRONT'\">{{\n          \"scandoc.captureFront\" | translate\n        }}</ng-container>\n        <ng-container *ngIf=\"scanType === 'BACK'\">{{\n          \"scandoc.captureBack\" | translate\n        }}</ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"scanSide === 1\">{{\n        \"pms.dialogs.components.scanProfile.captureBackOfId\" | translate\n      }}</ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p\"\n      *ngIf=\"preview\"\n      style=\"display: flex; flex-direction: row; align-items: center; flex: 1\"\n    >\n      <button class=\"flex mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        [disabled]=\"error\"\n        class=\"ml-4 flex\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}:host.mobile .buttonWrap div{font-size:11px!important}:host.mobile .scanBlastWraper .head{height:30px!important}:host.mobile .scanBlastWraper .head .title{font-size:12px!important}:host.mobile .scanBlastWraper .scanBlast{flex-direction:column}:host.mobile .scanBlastWraper mat-card{margin:4px!important}:host.mobile .scanBlastWraper .description{flex-direction:row!important}:host.mobile .scanBlastWraper .description .imgWrap{padding:0!important}:host.mobile .scanBlastWraper .description .btnActions{position:absolute;right:0}:host.mobile .scanBlastWraper .description button{margin:0!important;position:absolute;right:16px}:host.mobile .scanBlastWraper .description button.rotateButton{top:58px}:host.mobile .scanBlastWraper .description button.remButton{top:8px}:host.mobile .scanBlastWraper .description button mat-icon{margin:0!important}:host.mobile .scanBlastWraper .description button div.label{display:none}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}.debug{position:absolute;left:0;width:100%;height:80px;top:0;border-bottom:1px solid #ccc;background-color:#f8f8f8;display:flex;overflow:hidden;color:#000}.debug img{height:50px;border:1px solid #000}.displayInfo{text-align:center;height:20px;flex:1;position:absolute;width:100%;background-color:#000;height:30px;bottom:55px;left:0;line-height:30px;color:#fff;z-index:200}.element{margin-bottom:8px}.element label{font-size:14px}.element div{font-size:18px}.wraper{position:relative;overflow:hidden}.preview{width:100%;border-radius:1%}.documentTypeWraper{width:400px}.documentTypeWraper .label{font-size:14px;margin-bottom:20px}.documentTypeWraper button{box-shadow:none}.overPane{position:absolute;width:100%;height:100%;top:0;left:0}.overPane app-webcam{clip-path:url(#myClip)}.subhead{height:55px;padding-top:8px}.rectangle{z-index:2;position:absolute;top:50%;left:50%;width:85.6mm;height:53.98mm;transform:translate(-50%,-50%);box-sizing:border-box;border:2px dashed #459be5;border-radius:3mm}.mask{z-index:1;position:absolute;width:100%;height:100%;background-position:center center;background-size:380mm;background-repeat:no-repeat}.label{font-size:11px;margin-top:4px}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}h4{font-size:16px}.images .title{padding:8px 0;font-weight:600}.images img{margin-bottom:16px}.error .title{font-size:22px}.error ul{font-size:18px}.photo{width:120px;height:120px;overflow:hidden}.signature{width:200px}mat-card{box-shadow:none!important}.scanBlastWraper{overflow:hidden;display:flex;flex-direction:column;flex:1}.scanBlastWraper button{text-transform:uppercase;overflow:hidden}.scanBlastWraper .buttonWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.scanBlast{display:flex;flex-direction:row;flex:1;padding:0 4px}.scanBlast mat-card{padding:0;box-shadow:none;margin:8px 4px;flex:1}.scanBlast mat-card .head{display:flex;flex-direction:row;align-items:center;justify-items:center;border-bottom:1px solid rgba(0,0,0,.12);height:60px;padding:8px}.scanBlast mat-card .head.small{height:30px!important;padding:4px 8px!important}.scanBlast mat-card .head.small .title{font-size:12px!important;margin-left:4px!important}.scanBlast mat-card .head button{max-width:120px;height:40px;box-shadow:none;border:1px solid rgba(0,0,0,.12)}.scanBlast mat-card .head .title{margin-left:16px;color:#459ae5;font-size:16px}.scanBlast mat-card .content{margin:8px;flex:1}.scanBlast mat-card .description{text-align:center;color:#888}.scanBlast mat-card .actions{background-color:#e9e9e9;display:flex;flex-direction:row}.scanBlast mat-card .actions .mat-button-disabled{background-color:#fff!important}.scanBlast mat-card .actions button{box-shadow:none;width:50%;margin:8px;height:40px;font-size:12px}.scanBlast mat-card .actions button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder{flex:1;border-radius:6px;display:flex;flex-direction:column}.scanBlast mat-card .previewPlaceholder .description{display:flex;flex:1;flex-direction:column;justify-content:center}.scanBlast mat-card .previewPlaceholder button{box-shadow:none;margin-top:8px;height:40px;font-size:12px}.scanBlast mat-card .previewPlaceholder button mat-icon{margin-right:8px}.scanBlast mat-card .previewPlaceholder .imgWrap{flex-direction:column;flex:1;display:flex;padding:8px;background-color:#f5f5f5;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap img{width:100%;border-radius:4px}.scanBlast mat-card .previewPlaceholder .imgWrap .image{background-position:center;background-repeat:no-repeat;background-size:contain}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{display:flex;flex-direction:column}.result .wrap{overflow:auto;flex:1;display:flex;flex-direction:row}.result .wrap .panel{flex:1}.result .wrap form{display:flex;flex-direction:row;padding:0 16px;width:100%}.result .wrap form formly-form{flex:1}.flex{flex:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }, { type: i0.ChangeDetectorRef }, { type: LayoutProvider }, { type: i0.NgZone }]; }, propDecorators: { action: [{
-                type: Output
-            }], wraper: [{
-                type: ViewChild,
-                args: ['wraper']
-            }], class: [{
-                type: HostBinding,
-                args: ['class.mobile']
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
-
-class ScanComponent extends BaseComponent {
-    get class() {
-        return this.isMobile;
-    }
-    onResize() {
-        if (this.result) {
-            this.cd.detectChanges();
-        }
-    }
-    constructor(cd, zone, cameraProvider, injector, layoutProvider, platform, deviceService, auth // private api: ServerProvider
-    ) {
-        super();
-        this.cd = cd;
-        this.zone = zone;
-        this.cameraProvider = cameraProvider;
-        this.injector = injector;
-        this.layoutProvider = layoutProvider;
-        this.platform = platform;
-        this.deviceService = deviceService;
-        this.auth = auth;
-        this.scanBlastData = [
-            {
-                title: 'pms.dialogs.components.scanProfile.front',
-                description: 'pms.dialogs.components.scanProfile.frontDescription',
-                side: 'FRONT',
-            },
-            {
-                title: 'pms.dialogs.components.scanProfile.back',
-                description: 'pms.dialogs.components.scanProfile.backDescription',
-                disabled: true,
-                side: 'BACK',
-            },
-        ];
-        this.type = 'desktop';
-        this.actions = new EventEmitter();
-        this.scanResults = new Subject();
-        this.scanSecondSide = false;
-        this.startTime = 0;
-        this.scanInProgress = false;
-        // webcam snapshot trigger
-        this.documentTypeSelected = false;
-        this.preview = null;
-        this.errorCode = '1000';
-        this.displayInfo = 'scandoc.info.position';
-        this.verificationErrorSent = false;
-        this.error = false;
-        this.cameraReady = false;
-        this.scaning = false;
-        this.promptManual = false;
-        this.imageHandler = new Subject();
-        this.manualDataSet = false;
-        this.logData = {
-            AcceptTermsAndConditions: true,
-            Request: null,
-            Response: null,
-            ExpectedOutput: null,
-        };
-        this.blurValues = [];
-        this.scanDatas = [];
-        this.idScan = null;
-        this.validation = false;
-        this.scannedImages = [];
-        this.scanDelay = 0;
-        this.trigger = new Subject();
-        // switch to next / previous / specific webcam; true/false: forward/backwards, string: deviceId
-        this.nextWebcam = new Subject();
-        this.imageVerified = false;
-        this.form = new FormGroup({});
-        this.manual = false;
-        this.isMobile = this.platform.IOS || this.platform.ANDROID;
-        this.showDialog = false;
-        this.scanImageTimestamps = {
-            time: 0,
-            load: 0,
-        };
-        this.numberOfValidations = 0;
-        this.validationDebug = [];
-        this.scanProvider = this.injector.get(ScanProvider);
-        if (!this.scanProvider.config.development) {
-            // console = {
-            //   log: (...args: any) => {},
-            //   time: (...args: any) => {},
-            //   timeEnd: (...args: any) => {},
-            //   warn: (...args: any) => {},
-            //   error: (...args: any) => {},
-            // };
-        }
-    }
-    resetLogData() {
-        this.logData = {
-            Request: null,
-            Response: null,
-            ExpectedOutput: null,
-            AcceptTermsAndConditions: true,
-        };
-    }
-    init() {
-        this.auth.accesToken.subscribe();
-        this.resetLogData();
-        // this.result=true;
-        // this.result ={};
-        console.log('INIT SCAN');
-    }
-    continue() {
-        this.documentTypeSelected = false;
-        setTimeout(() => {
-            this.selectedSide.image = this.webcamImage;
-            if (this.selectedSide.side === 'FRONT') {
-                this.scanBlastData[1].disabled = false;
-            }
-            this.cd.detectChanges();
-        }, 200);
-    }
-    scan() {
-        this.trigger.next(new Date().getTime());
-    }
-    handleImage(webcamImage) {
-        if (this.startTime === 0) {
-            this.startTime = Date.now();
-        }
-        // console.log('[received webcam image]', webcamImage);
-        this.zone.runOutsideAngular(() => {
-            const time = new Date().getTime();
-            if (this.scanImageTimestamps.load > 0) {
-                const { load } = this.scanImageTimestamps;
-                const diff = time - load;
-                //   console.log('time:', diff);
-                this.scanDelay = diff;
-            }
-            this.scanImageTimestamps.load = time;
-            if (webcamImage.imageAsDataUrl) {
-                this.scannedImages.push(webcamImage);
-            }
-            this.cd.detectChanges();
-            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');
-                // get last 10
-                // console.log('CAPTURED:', this.scannedImages.length);
-                const images = this.scannedImages.slice(-5);
-                // set images to 0
-                this.scannedImages = [];
-                const imagesArray = images.map((m) => m.imageResized.split(',')[1]);
-                this.validation = true;
-                // console.log('BURST');
-                this.handleBurstData(imagesArray, images);
-            }
-            else {
-                if (this.cameraReady) {
-                    this.scan();
-                }
-            }
-        });
-    }
-    handleBurstData(imagesArray, images, type = 'plain') {
-        this.__subs(this.scanProvider.burst(imagesArray, this.blurValues)).subscribe((resp) => {
-            this.displayInfo = 'scandoc.info.c' + resp.InfoCode;
-            // console.timeEnd('validationPOST');
-            // console.log('AnalysisTime', resp.AnalysisTime);
-            const { DocType, Series, Side, InfoCode, TransactionID } = resp;
-            this.handleLongValidationError(TransactionID, images[0].imageAsDataUrl.split(',')[1]);
-            // if (InfoCode === '1006' && this.idScan) {
-            //   this.handleLongVaylidationError(image);
-            // }
-            //  console.warn(resp.Validated, this.numberOfValidations);
-            if (resp.DetectedBlurValue) {
-                this.blurValues.push(resp.DetectedBlurValue);
-            }
-            else {
-                this.blurValues = [];
-            }
-            console.log();
-            if (resp.Validated) {
-                this.numberOfValidations++;
-                this.validationDebug.push(resp);
-            }
-            else {
-                this.numberOfValidations = 0;
-                this.validationDebug = [];
-            }
-            if (resp.Validated) {
-                this.displayInfo = '';
-                // 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 = selectedImage.imageAsDataUrl;
-                }
-                if (InfoCode === '1007') {
-                    // For ID ask for other side
-                    if (Side === 'FRONT') {
-                        this.scanBlastData[0].image = image;
-                    }
-                    else {
-                        this.scanBlastData[1].image = image;
-                    }
-                    if (this.scanBlastData[0].image && this.scanBlastData[1].image) {
-                        //   console.warn('UPLOAD');
-                        if (type == 'worker') {
-                            this.imageHandler.next({ type: 'stop' });
-                        }
-                        //console.warn('DEBUG', Side, this.validationDebug);
-                        this.scanBlastFinish();
-                    }
-                    else {
-                        this.blurValues = [];
-                        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]);
-                        this.idScan = this.scanBlastData[num].side;
-                        if (!this.showDialog) {
-                            this.showDialog = true;
-                            this.cd.detectChanges();
-                        }
-                        // reset manual scan popup interval
-                        this.verificationErrorSent = false;
-                        this.startTime = Date.now();
-                        this.displayInfo = 'scandoc.info.turn';
-                    }
-                }
-                else {
-                    // console.warn('DEBUG', Side, this.validationDebug);
-                    this.scanBlastData[0].image = image;
-                    // console.warn('UPLOAD');
-                    if (type == 'worker') {
-                        this.imageHandler.next({ type: 'stop' });
-                    }
-                    this.scanBlastFinish();
-                }
-                this.scannedImages = [];
-                // this.scanBlastData[0].image = selectedImage;
-                //this.scanBlastFinish();
-            }
-            else {
-                this.validation = false;
-                this.scan();
-            }
-        });
-    }
-    closeDialog() {
-        this.showDialog = false;
-        this.validation = false;
-        this.scan();
-    }
-    handleInitError(error) {
-        console.log(error);
-    }
-    get scanBlastCanUpload() {
-        return this.scanBlastData[0].image ? true : false;
-    }
-    manualMode(type = 'plain') {
-        this.manual = true;
-        this.promptManual = false;
-        this.scanInProgress = false;
-        this.cameraProvider.$showSwitch.next(false);
-        this.cd.detectChanges();
-    }
-    handleExtractionError(data) {
-        this.logData.ExpectedOutput = {};
-        // if (this.logData.ExpectedOutput?._avatar) {
-        //   delete this.logData.ExpectedOutput._avatar;
-        // }
-        // this.scanProvider.sendLog(this.logData).subscribe();
-        // console.log('LOG DATA', this.logData);
-        //  this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
-    }
-    sendErrorLog(TransactionID, image) {
-        var _a;
-        const { browser, os, device } = this.deviceService;
-        const FrontImage = ((_a = this.scanBlastData[0]) === null || _a === void 0 ? void 0 : _a.image) ? this.getImgBase64(0) : null;
-        const out = {
-            OS: os,
-            Device: device,
-            Browser: browser,
-            TransactionID,
-            AcceptTermsAndConditions: true,
-            FrontImage: FrontImage || image,
-            BackImage: FrontImage ? image : '',
-        };
-        console.log(out);
-        this.__subs(this.scanProvider.sendErrorLog(out)).subscribe();
-    }
-    handleLongValidationError(TransactionID, image) {
-        // save current image after 10sec
-        let MANUAL_INTERVAL = this.scanProvider.config.manualScanDelay;
-        const diff = (Date.now() - this.startTime) / 1000;
-        const showDialog = diff > MANUAL_INTERVAL;
-        if (showDialog && !this.verificationErrorSent) {
-            this.verificationErrorSent = true;
-            console.warn('[HANDLE ERROR]');
-            this.zone.run(() => {
-                // if (!this.scanSecondSide) {
-                if (this.scanProvider.config.manualModeEnabled) {
-                    this.promptManual = true;
-                }
-                if (this.scanProvider.config.errorLogging) {
-                    this.sendErrorLog(TransactionID, image);
-                }
-                // }
-                this.startTime = Date.now();
-            });
-            // this.verificationErrorSent = true;
-            // const dataUrl = this.handleBitmapImage(img.bitmap);
-            // console.warn('SENT');
-            // //  this.displayInfo = 'Cant detect document!';
-            // this.logData.Request = this.__subs(
-            //   this.scanProvider.sendLog({
-            //     AcceptTermsAndConditions: true,
-            //     ExpectedOutput: {},
-            //     Request: {
-            //       verification: dataUrl.split(',')[1],
-            //     },
-            //     Response: {
-            //       TransactionID: uuidv4(),
-            //     },
-            //   })
-            // ).subscribe();
-        }
-    }
-    ngAfterViewInit() {
-        //  this.result = true;
-        this.cameraProvider.$showSwitch.next(true);
-        this.cd.detectChanges();
-        // this.scanResults.next({ type: 'model', data: {} });
-        this.__subs(this.cameraProvider.webcamObservable).subscribe((resp) => {
-            this.cameraReady = false;
-            this.scanInProgress = false;
-            this.scannedImages = [];
-        });
-        this.__subs(this.cameraProvider.selfie$).subscribe((resp) => {
-            this.selfie();
-        });
-        this.autoScan();
-        this.__subs(this.layoutProvider.breakpoint$).subscribe((v) => {
-            this.isMobile = !v.matches || this.platform.IOS || this.platform.ANDROID;
-            console.log('MNOBILE', this.isMobile);
-        });
-    }
-    handleBitmapImage(bitmap) {
-        const { width, height } = bitmap;
-        const offscreenSmall = document.createElement('canvas');
-        offscreenSmall.width = width;
-        offscreenSmall.height = height;
-        const ctx = offscreenSmall.getContext('bitmaprenderer');
-        if (ctx) {
-            ctx.imageSmoothingEnabled = false;
-            ctx.transferFromImageBitmap(bitmap);
-            bitmap.close();
-            const data = ctx.canvas.toDataURL('image/jpeg');
-            return data;
-        }
-        return null;
-    }
-    autoScan() {
-        const side = this.scanBlastData[0];
-        this.idScan = null;
-        this.singleScan(side);
-    }
-    singleScan(side) {
-        this.scanType = side.side;
-        this.preview = null;
-        this.selectedSide = side;
-        this.selectedSide.image = null;
-        this.documentTypeSelected = true;
-        this.scanBlastData[1].disabled = false;
-        this.cd.detectChanges();
-    }
-    manualScanData(data) {
-        console.log(data);
-        this.scanBlastData = data;
-        this.manual = false;
-        this.manualDataSet = true;
-        this.scanBlastFinish();
-    }
-    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];
-    }
-    scanBlastFinish() {
-        const { browser, os, device } = this.deviceService;
-        this.zone.run(() => {
-            this.cameraProvider.$showSwitch.next(false);
-        });
-        console.time('upload');
-        if (this.type === 'mobile') {
-            this.actions.emit({ data: this.scanBlastData });
-            this.retake();
-            return;
-        }
-        this.idScan = null;
-        // const loading = this.dialogs.loading();
-        this.scaning = true;
-        this.cd.detectChanges();
-        console.time('payload');
-        const payload = {
-            AcceptTermsAndConditions: true,
-            DataFields: {
-                DeviceInfo: {
-                    OS: os,
-                    Device: device,
-                    Browser: browser,
-                },
-                FrontImageType: 'base64',
-                FrontImageCropped: false,
-                BackImageType: 'base64',
-                BackImageCropped: false,
-                FrontImage: this.getImgBase64(0),
-                BackImage: this.scanBlastData[1].image ? this.getImgBase64(1) : null,
-            },
-            Settings: {
-                ShouldValidate: true,
-                ShouldReturnDocumentImage: true,
-                ShouldReturnFaceIfDetected: true,
-                SkipImageSizeCheck: true,
-                CanStoreImages: this.scanProvider.canStoreImages,
-            },
-            // CallBackUrl: 'http://demo:5000/report/extracted/',
-        };
-        this.frontImage = 'data:image/jpeg;base64,' + payload.DataFields.FrontImage;
-        this.backImage = 'data:image/jpeg;base64,' + payload.DataFields.BackImage;
-        if (!this.scanBlastData[1].image) {
-            payload.Settings.IgnoreBackImage = true;
-        }
-        this.logData.Request = JSON.parse(JSON.stringify(payload));
-        console.timeEnd('payload');
-        this.__subs(this.scanProvider.blastPost(payload).pipe(catchError((e) => {
-            if (this.manualDataSet) {
-                // console.warn('MANUAL DATA SET',e);
-                this.logData.Response = JSON.parse(JSON.stringify(e.error));
-                this.handleExtractionError({});
-            }
-            this.zone.run(() => {
-                this.error = true;
-                this.preview = true;
-                this.cd.detectChanges();
-            });
-            // console.log('EEE', e);
-            return e;
-        }))).subscribe((data) => {
-            var _a, _b, _c;
-            //console.log(data);
-            const results = data.Data;
-            console.timeEnd('upload');
-            console.time('parse');
-            // data.InfoCode = '1001';
-            console.time('p');
-            this.logData.Response = JSON.parse(JSON.stringify(data));
-            console.timeEnd('p');
-            //loading.close();
-            this.documentTypeSelected = true;
-            this.scaning = false;
-            if (data.InfoCode === '1001') {
-                this.error = true;
-                console.log('[ERROR] 1001');
-                this.errorCode = '1001';
-                // this.scanSide = 0;
-                this.preview = true;
-                this.cd.detectChanges();
-                return;
-            }
-            if (data.InfoCode === '1002') {
-                this.error = true;
-                console.log('[ERROR] 1002');
-                this.errorCode = '1002';
-                // this.scanSide = 0;
-                this.preview = true;
-                this.cd.detectChanges();
-                return;
-            }
-            if (results && data.Metadata.length > 0 && data.InfoCode === '1000') {
-                // console.log('Extraction time', data.AnalysisTime);
-                //  this.zone.run(() => {
-                // console.time('parseblast');
-                const result = this.scanProvider.parseBlast(results);
-                // console.timeEnd('parseblast');
-                // console.log('RES', this.result);
-                // this.cd.detectChanges();
-                const model = result.model;
-                if ((_a = data.ImageData) === null || _a === void 0 ? void 0 : _a.FaceImage) {
-                    model._avatar =
-                        'data:image/jpeg;base64,' + ((_b = data.ImageData) === null || _b === void 0 ? void 0 : _b.FaceImage);
-                }
-                if ((_c = data.ImageData) === null || _c === void 0 ? void 0 : _c.Documents) {
-                    const { Documents } = data.ImageData;
-                    model.images = Documents.map((image, i) => {
-                        return { data: 'data:image/jpeg;base64,' + Documents[i] };
-                    });
-                }
-                this.model = model;
-                // console.log('MODEL', this.model);
-                this.actions.emit({
-                    type: 'scanFinish',
-                    data: {
-                        model: this.model,
-                        images: this.images,
-                        results,
-                    },
-                });
-                if (!this.scanProvider.config.hideResults) {
-                    this.zone.run(() => {
-                        this.result = true;
-                        // console.time('ff');
-                        this.cd.detectChanges();
-                        this.scanResults.next({ type: 'model', data: model });
-                        // this.cd.detectChanges();
-                        //  });
-                        // console.timeEnd('ff');
-                    });
-                }
-            }
-            else {
-                console.log('ERROR');
-                if (this.manualDataSet) {
-                    this.handleExtractionError(data);
-                }
-                // this.scanSide = 0;
-                this.zone.run(() => {
-                    this.error = true;
-                    this.preview = true;
-                    this.cd.detectChanges();
-                });
-                // this.documentTypeSelected = false;
-                // this.retry();
-            }
-            // this.cd.detectChanges();
-            console.timeEnd('parse');
-        }, (err) => {
-            // loading.close();
-            // this.scanSide = 0;
-            this.error = true;
-            this.preview = true;
-            this.documentTypeSelected = true;
-            this.scaning = false;
-        });
-    }
-    retry() {
-        this.preview = false;
-        this.validation = false;
-        this.errorCode = '1000';
-        this.result = false;
-        this.idScan = null;
-        this.cameraProvider.$showSwitch.next(true);
-        if (this.error) {
-            this.documentTypeSelected = false;
-            this.scanBlastData.forEach((element) => {
-                element.image = null;
-            });
-        }
-        this.error = false;
-        this.startTime = Date.now();
-        this.autoScan();
-        this.scan();
-        this.cd.detectChanges();
-    }
-    retake() {
-        this.validation = false;
-        this.preview = false;
-        this.error = false;
-        this.result = false;
-        this.scanSide = 0;
-        this.cameraProvider.$showSwitch.next(true);
-        this.imageVerified = false;
-        this.scanDatas = [];
-        this.scaning = false;
-        this.images = [];
-        this.scanInProgress = false;
-        this.startTime = Date.now();
-        this.idScan = null;
-        this.documentTypeSelected = false;
-        this.scanBlastData.forEach((m) => {
-            m.image = null;
-        });
-        this.scanSecondSide = false;
-        this.autoScan();
-        this.cd.detectChanges();
-    }
-    use() {
-        // save images??
-        // if (this.scanProvider.config.sendLog) {
-        //   this.logData.ExpectedOutput = JSON.parse(JSON.stringify(this.model));
-        //   if (this.logData.ExpectedOutput?._avatar) {
-        //     delete this.logData.ExpectedOutput._avatar;
-        //   }
-        //  // this.__subs(this.scanProvider.sendLog(this.logData)).subscribe();
-        //   console.log(this.logData);
-        // }
-        this.actions.emit({
-            type: 'scanDataClose',
-            data: {
-                model: this.model,
-                images: this.images,
-            },
-        });
-    }
-    selfie() {
-        var _a;
-        const avatar = (_a = this.model) === null || _a === void 0 ? void 0 : _a._avatar;
-        this.dialogs
-            .scanSelfie({ avatar })
-            .afterClosed()
-            .subscribe((resp) => {
-            if (resp) {
-                console.log(resp);
-                if (this.scanProvider.enableVerification) {
-                    this.imageVerified = true;
-                }
-                this.scanResults.next({
-                    type: 'avatar',
-                    data: resp.imageAsDataUrl,
-                });
-                // this.model._avatar = resp.imageAsDataUrl;
-                this.cd.detectChanges();
-            }
-        });
-    }
-    cameraOff(ev) {
-        this.cameraReady = false;
-        this.cd.detectChanges();
-    }
-    videoReady(event) {
-        console.log('READY', event);
-        this.cameraReady = event;
-        if (this.cameraReady && !this.scanInProgress && !this.manual) {
-            this.scanInProgress = true;
-            setTimeout(() => {
-                this.scan();
-            }, 20);
-        }
-    }
-    manualSet(key) {
-        if (key) {
-            if (this.scanProvider.config.showManualMode) {
-                this.manualMode();
-            }
-            else {
-                this.actions.emit({
-                    type: 'manualMode',
-                    data: {},
-                });
-            }
-        }
-        else {
-            this.promptManual = false;
-        }
-    }
-    ngOnDestroy() {
-        if (this.scanTimeout) {
-            clearTimeout(this.scanTimeout);
-        }
-        if (this.imageHandlerSubscription) {
-            this.imageHandlerSubscription.unsubscribe();
-        }
-        console.log('DESTROXY');
-        this.__destroy();
-    }
-}
-ScanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: NgxScandocCameraProvider }, { token: i0.Injector }, { token: LayoutProvider }, { token: i2.Platform }, { token: i4$1.DeviceDetectorService }, { token: NgxScandocAuthProvider }], target: i0.ɵɵFactoryTarget.Component });
-ScanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanComponent, selector: "ngx-scan", inputs: { type: "type", dialogs: "dialogs", showDialog: "showDialog" }, outputs: { actions: "actions" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.mobile": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ScanResultsComponent, selector: "ngx-scan-results", inputs: ["data", "images", "form"], outputs: ["action"] }, { kind: "component", type: ManualScanComponent, selector: "ngx-manual-scan", outputs: ["action"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scan', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"cameraProvider.rectPosition.t > 0 && displayInfo && !result && !manual\"\n>\n  <div class=\"hint\" [ngStyle]=\"{ top: cameraProvider.hintPosition + 'px' }\">\n    <span class=\"text\">\n      {{ displayInfo | translate }}\n    </span>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"showDialog\">\n  <div class=\"pageTurn\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>360</mat-icon>\n        <div class=\"text\">\n          <ng-container *ngIf=\"idScan === 'BACK'\">\n            {{ \"scandoc.turnAndCapture.back\" | translate }}\n          </ng-container>\n          <ng-container *ngIf=\"idScan === 'FRONT'\">\n            {{ \"scandoc.turnAndCapture.front\" | translate }}\n          </ng-container>\n        </div>\n      </div>\n      <footer>\n        <button (click)=\"closeDialog()\" mat-raised-button>Ok</button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"promptManual\">\n  <div class=\"manualMode\">\n    <div class=\"content\">\n      <div class=\"inner\">\n        <mat-icon>screenshot</mat-icon>\n        <div class=\"text\">\n          {{ \"scandoc.manual\" | translate }}\n        </div>\n      </div>\n      <footer>\n        <button\n          style=\"margin-right: 8px\"\n          (click)=\"manualSet(true)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.yes\" | translate }}\n        </button>\n        <button\n          style=\"margin-left: 8px\"\n          (click)=\"manualSet(false)\"\n          mat-raised-button\n        >\n          {{ \"scandoc.no\" | translate }}\n        </button>\n      </footer>\n    </div>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"result\">\n  <section>\n    <ngx-scan-results\n      (action)=\"selfie()\"\n      [form]=\"form\"\n      [data]=\"scanResults\"\n    ></ngx-scan-results>\n\n    <footer>\n      <div class=\"actions\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retake()\">\n          {{ \"scandoc.reTake\" | translate }}\n        </button>\n        <button\n          [disabled]=\"error || form.invalid\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"use()\"\n        >\n          {{ \"scandoc.useData\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n\n<ng-container *ngIf=\"manual\">\n  <section>\n    <ngx-manual-scan (action)=\"manualScanData($event)\"></ngx-manual-scan>\n  </section>\n</ng-container>\n<ng-container *ngIf=\"!result && documentTypeSelected && !manual\">\n  <section>\n    <div #wraper class=\"wraper\">\n      <div class=\"loading\" *ngIf=\"(!cameraReady && !preview) || scaning\">\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n\n      <ng-container *ngIf=\"!error\">\n        <ngx-scandoc-webcam\n          *ngIf=\"!preview && !scaning\"\n          class=\"main\"\n          #webcam\n          type=\"document\"\n          [trigger]=\"trigger\"\n          [imageHandler]=\"imageHandler\"\n          (imageCapture)=\"handleImage($event)\"\n          (initError)=\"handleInitError($event)\"\n          (destroyed)=\"cameraOff($event)\"\n          (videoReady)=\"videoReady($event)\"\n        >\n        </ngx-scandoc-webcam>\n      </ng-container>\n      <div\n        class=\"previewData\"\n        *ngIf=\"preview\"\n        style=\"\n          z-index: 20;\n          display: flex;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n        \"\n      >\n        <div class=\"p-16 error\" *ngIf=\"error\">\n          <div>\n            <div class=\"title\">\n              <mat-icon>error_outline</mat-icon\n              ><span class=\"ml-8\">{{\n                \"scandoc.unableToDetectId\" | translate\n              }}</span>\n            </div>\n\n            <ng-container *ngIf=\"errorCode === '1001'\">\n              <div>\n                {{ \"scandoc.extraction.c1001\" | translate }}\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"errorCode === '1002'\">\n              <div>\n                {{ \"scandoc.extraction.c1002\" | translate }}\n              </div>\n            </ng-container>\n\n            <ul *ngIf=\"errorCode === '1000'\">\n              <li>\n                {{ \"scandoc.placeIdCloseToDevice\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.ensureSufficientLight\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.holdDocumentSteady\" | translate }}\n              </li>\n              <li>\n                {{ \"scandoc.makeSureAllEdgesOfTheIdAreVisible\" | translate }}\n              </li>\n              <li>\n                {{\n                  \"scandoc.makeSureThereAreNoGlareAndShadowsOnTheId\" | translate\n                }}\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div class=\"scanPreview\" *ngIf=\"!error && !scaning\">\n          <!-- <div class=\"py-16\" style=\"font-size: 16px\">\n          {{\n            \"scandoc.ensureAllTextsAreVisible\"\n              | translate\n          }}\n        </div> -->\n          <div\n            class=\"image\"\n            [style.background-image]=\"'url(' + preview + ')'\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <footer *ngIf=\"preview\">\n      <!-- <div class=\"displayInfo\" *ngIf=\"!preview && cameraReady\">\n      <ng-container *ngIf=\"displayInfo\">\n        {{ displayInfo | translate }}\n      </ng-container>\n    </div> -->\n      <!-- <div style=\"height: 26px\">\n      <div\n        style=\"text-align: center; font-size: 18px\"\n        *ngIf=\"idScan && !preview && cameraReady\"\n      >\n        <ng-container *ngIf=\"idScan === 'BACK'\">\n          Turn document and:\n          {{ \"scandoc.captureBack\" | translate }}\n        </ng-container>\n        <ng-container *ngIf=\"idScan === 'FRONT'\">\n          Turn document and:\n          {{ \"scandoc.captureFront\" | translate }}\n        </ng-container>\n      </div>\n    </div> -->\n\n      <div class=\"actions\" *ngIf=\"preview\">\n        <button class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n          {{ \"scandoc.retry\" | translate }}\n        </button>\n\n        <button\n          [disabled]=\"error\"\n          class=\"ml-4\"\n          mat-raised-button\n          (click)=\"continue()\"\n        >\n          {{ \"scandoc.continueWithSelectedImage\" | translate }}\n        </button>\n      </div>\n    </footer>\n  </section>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden;position:relative}:host.mobile .hint{font-size:13px}section{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.wraper{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:1}.wraper .loading{position:absolute;inset:0;z-index:20;background-color:#f5f5f5}.documentTurnOver{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.documentTurnOver mat-icon{width:200px;color:#fff;height:200px;font-size:100px}.displayInfo{text-align:center;flex:1;width:100%;background-color:#000;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;z-index:200}.displayInfo.mobile{font-size:12px}.preview{width:100%;border-radius:1%}footer button{box-shadow:none!important;height:45px;min-height:45px;text-transform:uppercase}footer .actions{display:flex;flex-direction:row;align-items:center;padding:8px}footer .actions button{flex:1}.error{display:flex;align-items:center;justify-content:center;flex:1}.error .title{font-size:20px;margin-bottom:8px}.error .title mat-icon{margin-right:8px}.error ul{font-size:18px;list-style-type:none}mat-card{box-shadow:none!important}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.manualMode .content{margin-top:20px;background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.manualMode .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.manualMode .inner mat-icon{width:60px;height:60px;font-size:60px}.manualMode .inner .text{margin:20px 0}.manualMode footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.manualMode footer button{min-width:140px;box-shadow:none;border:1px solid #ccc}.pageTurn{position:absolute;width:100%;height:100%;z-index:200;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .content{background-color:#fff;border-radius:6px;max-width:300px;width:100%;display:flex;flex-direction:column;padding:30px 20px 0}.pageTurn .inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageTurn .inner mat-icon{width:60px;height:60px;font-size:60px}.pageTurn .inner .text{margin:20px 0;font-size:14px}.pageTurn footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}.pageTurn footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}.hint{position:absolute;z-index:5;font-size:18px;line-height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.hint .text{border-radius:3px;padding:4px 8px;background-color:#000;color:#fff;text-align:center;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: NgxScandocCameraProvider }, { type: i0.Injector }, { type: LayoutProvider }, { type: i2.Platform }, { type: i4$1.DeviceDetectorService }, { type: NgxScandocAuthProvider }]; }, propDecorators: { type: [{
-                type: Input
-            }], dialogs: [{
-                type: Input
-            }], actions: [{
-                type: Output
-            }], showDialog: [{
-                type: Input
-            }], class: [{
-                type: HostBinding,
-                args: ['class.mobile']
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
-
-class MaterialModule {
-}
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
-        MatDatepickerModule,
-        MatCardModule,
-        MatMenuModule,
-        MatIconModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatInputModule,
-        MatSnackBarModule,
-        MatProgressBarModule,
-        MatTableModule,
-        MatProgressSpinnerModule,
-        MatPaginatorModule,
-        MatSelectModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatBadgeModule,
-        MatListModule,
-        MatTabsModule,
-        MatSliderModule,
-        MatSlideToggleModule], exports: [MatNativeDateModule,
-        MatDatepickerModule,
-        MatSelectModule,
-        MatCardModule,
-        MatMenuModule,
-        MatIconModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatInputModule,
-        MatSnackBarModule,
-        MatProgressBarModule,
-        MatProgressSpinnerModule,
-        MatTableModule,
-        MatPaginatorModule,
-        MatChipsModule,
-        MatBadgeModule,
-        MatCheckboxModule,
-        MatListModule,
-        MatTabsModule,
-        MatSlideToggleModule,
-        MatAutocompleteModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, imports: [MatNativeDateModule,
-        MatDatepickerModule,
-        MatCardModule,
-        MatMenuModule,
-        MatIconModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatInputModule,
-        MatSnackBarModule,
-        MatProgressBarModule,
-        MatTableModule,
-        MatProgressSpinnerModule,
-        MatPaginatorModule,
-        MatSelectModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatBadgeModule,
-        MatListModule,
-        MatTabsModule,
-        MatSliderModule,
-        MatSlideToggleModule, MatNativeDateModule,
-        MatDatepickerModule,
-        MatSelectModule,
-        MatCardModule,
-        MatMenuModule,
-        MatIconModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatInputModule,
-        MatSnackBarModule,
-        MatProgressBarModule,
-        MatProgressSpinnerModule,
-        MatTableModule,
-        MatPaginatorModule,
-        MatChipsModule,
-        MatBadgeModule,
-        MatCheckboxModule,
-        MatListModule,
-        MatTabsModule,
-        MatSlideToggleModule,
-        MatAutocompleteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        MatNativeDateModule,
-                        MatDatepickerModule,
-                        MatCardModule,
-                        MatMenuModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatSnackBarModule,
-                        MatProgressBarModule,
-                        MatTableModule,
-                        MatProgressSpinnerModule,
-                        MatPaginatorModule,
-                        MatSelectModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatBadgeModule,
-                        MatListModule,
-                        MatTabsModule,
-                        MatSliderModule,
-                        MatSlideToggleModule,
-                    ],
-                    exports: [
-                        MatNativeDateModule,
-                        MatDatepickerModule,
-                        MatSelectModule,
-                        MatCardModule,
-                        MatMenuModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        MatDialogModule,
-                        MatInputModule,
-                        MatSnackBarModule,
-                        MatProgressBarModule,
-                        MatProgressSpinnerModule,
-                        MatTableModule,
-                        MatPaginatorModule,
-                        MatChipsModule,
-                        MatBadgeModule,
-                        MatCheckboxModule,
-                        MatListModule,
-                        MatTabsModule,
-                        MatSlideToggleModule,
-                        MatAutocompleteModule,
-                    ],
-                    providers: [],
-                }]
-        }] });
-
-class AvatarTypeComponent extends FieldType {
-    constructor(cd) {
-        super();
-        this.cd = cd;
-        this.width = 'w-120';
-        this.padding = 'px-32 pt-8 pb-8';
-    }
-    ngOnChange() { }
-    selfie() { }
-    ;
-    ngAfterViewInit() {
-        if (this.to.width) {
-            this.width = this.to.width;
-        }
-        if (this.to.padding) {
-            this.padding = this.to.padding;
-        }
-        this.cd.detectChanges();
-    }
-}
-AvatarTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AvatarTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AvatarTypeComponent, selector: "app-formly-avatar-type", usesInheritance: true, ngImport: i0, template: `
-    <mat-card appearance="outlined" style="margin: 4px; padding:16px">
-      <div class="card-title">{{ 'scandoc.result.avatar' | translate }}</div>
-      <div class="selfieContainer">
-        <div class="selfie">
-          <img *ngIf="model?._avatar" class="preview" [src]="model._avatar" />
-        </div>
-        <button (click)="selfie()" mat-raised-button>
-          {{ 'scandoc.result.takeSelfie' | translate }}
-        </button>
-      </div>
-    </mat-card>
-  `, isInline: true, styles: ["mat-card{border-radius:0;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AvatarTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-formly-avatar-type', template: `
-    <mat-card appearance="outlined" style="margin: 4px; padding:16px">
-      <div class="card-title">{{ 'scandoc.result.avatar' | translate }}</div>
-      <div class="selfieContainer">
-        <div class="selfie">
-          <img *ngIf="model?._avatar" class="preview" [src]="model._avatar" />
-        </div>
-        <button (click)="selfie()" mat-raised-button>
-          {{ 'scandoc.result.takeSelfie' | translate }}
-        </button>
-      </div>
-    </mat-card>
-  `, styles: ["mat-card{border-radius:0;box-shadow:none!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
-
-class TitleTypeComponent extends FieldType {
-    constructor(cd) {
-        super();
-        this.cd = cd;
-    }
-    ngOnInit() {
-        this.opt = {
-            badge: this.to.badge,
-        };
-    }
-    ngAfterViewInit() {
-        this.cd.detectChanges();
-    }
-}
-TitleTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TitleTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TitleTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TitleTypeComponent, selector: "app-formly-title-type", usesInheritance: true, ngImport: i0, template: `
-    <div class="card-title">
-      {{ to.label }}
-    </div>
-  `, isInline: true, styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TitleTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-formly-title-type', template: `
-    <div class="card-title">
-      {{ to.label }}
-    </div>
-  ` }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
-
-class ProfileImageTypeComponent extends FieldType {
-    constructor(cd, cameraProvider, scanProvider) {
-        super();
-        this.cd = cd;
-        this.cameraProvider = cameraProvider;
-        this.scanProvider = scanProvider;
-    }
-    selfie() {
-        this.cameraProvider.selfie$.next(true);
-    }
-    ngOnChange() { }
-    ngAfterViewInit() { }
-}
-ProfileImageTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileImageTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }], target: i0.ɵɵFactoryTarget.Component });
-ProfileImageTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProfileImageTypeComponent, selector: "app-formly-profile-image-type", usesInheritance: true, ngImport: i0, template: `
-    <mat-form-field>
-      <mat-label>{{ 'scandoc.result.avatar' | translate }} </mat-label>
-      <input matInput style="display:none" />
-      <div class="selfieContainer">
-        <div class="selfie">
-          <img *ngIf="model?._avatar" class="preview" [src]="model._avatar" />
-        </div>
-        <button
-          *ngIf="scanProvider.enableVerification"
-          (click)="selfie()"
-          mat-raised-button
-        >
-          {{ 'scandoc.result.takeSelfie' | translate }}
-        </button>
-      </div>
-    </mat-form-field>
-  `, isInline: true, styles: [".selfieContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.selfieContainer button{margin-top:6px;box-shadow:none!important;border:1px solid rgba(0,0,0,.12);text-transform:uppercase;font-size:12px}.selfie{width:126px;height:126px;border-radius:70px;background:whitesmoke;display:flex;flex-direction:column;align-items:center;justify-content:center}.selfie img{width:120px;height:120px;border-radius:60px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProfileImageTypeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-formly-profile-image-type', template: `
-    <mat-form-field>
-      <mat-label>{{ 'scandoc.result.avatar' | translate }} </mat-label>
-      <input matInput style="display:none" />
-      <div class="selfieContainer">
-        <div class="selfie">
-          <img *ngIf="model?._avatar" class="preview" [src]="model._avatar" />
-        </div>
-        <button
-          *ngIf="scanProvider.enableVerification"
-          (click)="selfie()"
-          mat-raised-button
-        >
-          {{ 'scandoc.result.takeSelfie' | translate }}
-        </button>
-      </div>
-    </mat-form-field>
-  `, styles: [".selfieContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.selfieContainer button{margin-top:6px;box-shadow:none!important;border:1px solid rgba(0,0,0,.12);text-transform:uppercase;font-size:12px}.selfie{width:126px;height:126px;border-radius:70px;background:whitesmoke;display:flex;flex-direction:column;align-items:center;justify-content:center}.selfie img{width:120px;height:120px;border-radius:60px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: NgxScandocCameraProvider }, { type: ScanProvider }]; } });
-
-class AppFormModule {
-}
-AppFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AppFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, declarations: [TitleTypeComponent,
-        AvatarTypeComponent,
-        ProfileImageTypeComponent], imports: [CommonModule,
-        FormsModule,
-        FormlyMatDatepickerModule,
-        FormlySelectModule,
-        MaterialModule,
-        AvatarModule,
-        TranslateModule,
-        FormlyMaterialModule, i7.FormlyModule], exports: [FormlyModule] });
-AppFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, imports: [CommonModule,
-        FormsModule,
-        FormlyMatDatepickerModule,
-        FormlySelectModule,
-        MaterialModule,
-        AvatarModule,
-        TranslateModule,
-        FormlyMaterialModule,
-        FormlyModule.forChild({
-            types: [
-                {
-                    name: 'title',
-                    component: TitleTypeComponent,
-                    wrappers: [],
-                },
-                {
-                    name: 'profile-image',
-                    component: ProfileImageTypeComponent,
-                    wrappers: [],
-                },
-            ],
-        }), FormlyModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AppFormModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TitleTypeComponent,
-                        AvatarTypeComponent,
-                        ProfileImageTypeComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        FormlyMatDatepickerModule,
-                        FormlySelectModule,
-                        MaterialModule,
-                        AvatarModule,
-                        TranslateModule,
-                        FormlyMaterialModule,
-                        FormlyModule.forChild({
-                            types: [
-                                {
-                                    name: 'title',
-                                    component: TitleTypeComponent,
-                                    wrappers: [],
-                                },
-                                {
-                                    name: 'profile-image',
-                                    component: ProfileImageTypeComponent,
-                                    wrappers: [],
-                                },
-                            ],
-                        }),
-                    ],
-                    providers: [],
-                    exports: [FormlyModule],
-                }]
-        }] });
-
-class CameraSwitchComponent {
-    constructor(cameraProvider) {
-        this.cameraProvider = cameraProvider;
-    }
-    ngAfterViewInit() {
-        // this.cameraProvider.setDefault();
-    }
-    ngOnDestroy() { }
-}
-CameraSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CameraSwitchComponent, deps: [{ token: NgxScandocCameraProvider }], target: i0.ɵɵFactoryTarget.Component });
-CameraSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch", ngImport: i0, template: "<mat-form-field\n  style=\"font-size: 14px;  margin-top: 8px\"\n  class=\"w-100-p mr-16 mt-8\"\n\n>\n  <mat-label> {{ \"scandoc.camera\" | translate }} </mat-label>\n  <mat-select\n    (selectionChange)=\"cameraProvider.selectCamera($event)\"\n    [(ngModel)]=\"cameraProvider.deviceId\"\n  >\n    <mat-option\n      *ngFor=\"let device of cameraProvider.mediaDevices\"\n      [value]=\"device.deviceId\"\n    >\n      {{ device.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CameraSwitchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scan-camera-switch', template: "<mat-form-field\n  style=\"font-size: 14px;  margin-top: 8px\"\n  class=\"w-100-p mr-16 mt-8\"\n\n>\n  <mat-label> {{ \"scandoc.camera\" | translate }} </mat-label>\n  <mat-select\n    (selectionChange)=\"cameraProvider.selectCamera($event)\"\n    [(ngModel)]=\"cameraProvider.deviceId\"\n  >\n    <mat-option\n      *ngFor=\"let device of cameraProvider.mediaDevices\"\n      [value]=\"device.deviceId\"\n    >\n      {{ device.label }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: NgxScandocCameraProvider }]; } });
-
-//import { NgxScandocCameraProvider } from '../../providers/camera.provider';
-class CoreComponentsModule {
-    static forRoot() {
-        return {
-            ngModule: CoreComponentsModule,
-            providers: [],
-        };
-    }
-}
-CoreComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CoreComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, declarations: [ScanComponent,
-        ScanResultsComponent,
-        CameraSwitchComponent,
-        ManualScanComponent], imports: [CommonModule,
-        FormsModule,
-        TranslateModule, WebcamModule, MaterialModule,
-        AppFormModule,
-        ReactiveFormsModule], exports: [WebcamModule,
-        ScanComponent,
-        CameraSwitchComponent,
-        ManualScanComponent] });
-CoreComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, imports: [CommonModule,
-        FormsModule,
-        TranslateModule,
-        WebcamModule.forRoot(),
-        MaterialModule,
-        AppFormModule,
-        ReactiveFormsModule, WebcamModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CoreComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        TranslateModule,
-                        WebcamModule.forRoot(),
-                        MaterialModule,
-                        AppFormModule,
-                        ReactiveFormsModule,
-                    ],
-                    declarations: [
-                        ScanComponent,
-                        ScanResultsComponent,
-                        CameraSwitchComponent,
-                        ManualScanComponent,
-                    ],
-                    exports: [
-                        WebcamModule,
-                        ScanComponent,
-                        CameraSwitchComponent,
-                        ManualScanComponent,
-                    ],
-                    providers: [],
-                }]
-        }] });
-
-class SafeResourceUrlPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(style) {
-        return this.sanitizer.bypassSecurityTrustResourceUrl(style);
-        // return this.sanitizer.bypassSecurityTrustStyle(style);
-        // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs
-    }
-}
-SafeResourceUrlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeResourceUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, name: "safeResourceUrl" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SafeResourceUrlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'safeResourceUrl' }]
-        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
-
-class CorePipesModule {
-}
-CorePipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CorePipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, declarations: [SafeResourceUrlPipe], exports: [SafeResourceUrlPipe] });
-CorePipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CorePipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SafeResourceUrlPipe],
-                    imports: [],
-                    exports: [
-                        SafeResourceUrlPipe,
-                    ],
-                }]
-        }] });
-
-class BlankComponent {
-    constructor(dialogRef, data, cd) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.cd = cd;
-        this.initSet = false;
-    }
-    setModel(model) {
-        this.data.data.model = model;
-        this.init();
-    }
-    init() {
-        var _a, _b;
-        this.initSet = true;
-        (_a = this.body) === null || _a === void 0 ? void 0 : _a.clear();
-        const componentRef = (_b = this.body) === null || _b === void 0 ? void 0 : _b.createComponent(this.data.component);
-        componentRef.instance.data = this.data.data;
-        // componentRef.instance.dialogs = this.dialogs;
-        componentRef.instance.dialogRef = this.dialogRef;
-        if (componentRef.instance.init) {
-            componentRef.instance.init();
-        }
-        this.cd.detectChanges();
-    }
-    ngAfterViewInit() {
-        if (!this.initSet) {
-            this.init();
-        }
-    }
-}
-BlankComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BlankComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BlankComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BlankComponent, selector: "ngx-scandoc-blank", viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #body></ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;overflow:hidden;height:100%}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BlankComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-blank', template: "<ng-template #body></ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;overflow:hidden;height:100%}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }, { type: i0.ChangeDetectorRef }];
-    }, propDecorators: { body: [{
-                type: ViewChild,
-                args: ['body', { read: ViewContainerRef, static: true }]
-            }] } });
-
-class LoadingComponent {
-}
-LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoadingComponent, selector: "ngx-scandoc-loading", ngImport: i0, template: "<div style=\"width:240px;\">\n\n  <div class=\"pb-16\" style=\"font-size: 18px;padding-bottom:16px;\">\n    Loading...\n  </div>\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-loading', template: "<div style=\"width:240px;\">\n\n  <div class=\"pb-16\" style=\"font-size: 18px;padding-bottom:16px;\">\n    Loading...\n  </div>\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n</div>\n" }]
-        }] });
-
-class ConfirmComponent {
-    onEnterPress(e) {
-        this.action(true);
-    }
-    onEscapePress(e) {
-        this.action(false);
-    }
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.showDetails = false;
-        this.images = {
-            alert: 'page-lost.svg',
-            prompt: 'bedroom.svg',
-            dirty: 'opps.svg',
-        };
-        this.options = {};
-    }
-    ngOnInit() {
-        console.log(this.data);
-        this.options = this.data.options || {};
-        this.type = this.options.type || this.data.type || 'prompt';
-    }
-    action(key) {
-        this.dialogRef.close(key);
-    }
-    close() { }
-}
-ConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfirmComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ConfirmComponent, selector: "ngx-scandoc-confirm", host: { listeners: { "document:keyup.enter": "onEnterPress($event)", "document:keyup.escape": "onEscapePress($event)" } }, ngImport: i0, template: "<header class=\"page-header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"title\" ngClass.lt-sm=\"title-small\">\n    {{ data.title | translate }}\n\n    <!-- {{ data.text.statusText }} {{ data.text.status }} -->\n  </div>\n\n  <span fxFlex></span>\n\n  <!-- <div class=\"separator\"></div>\n\n  <button mat-button (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button> -->\n  <!-- <mat-icon class=\"mr-16\" style=\"color:#888;\">info_outline</mat-icon> -->\n</header>\n\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <div class=\"text\" *ngIf=\"data.text\">\n    <span [innerHtml]=\"data.text\"></span>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <div class=\"actions\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n    <button\n      *ngIf=\"!data.alert && !options?.hideCancelButton\"\n      (click)=\"action(false)\"\n      mat-raised-button\n    >\n      {{ data.cancel || \"scandoc.cancel\" | translate }}\n    </button>\n\n    <button\n      *ngIf=\"data.no && !options?.hideNoButton\"\n      (click)=\"action('no')\"\n      mat-raised-button\n    >\n      {{ data.no }}\n    </button>\n    <button\n      *ngIf=\"!data.hideOkButton && !options?.hideOkButton\"\n      (click)=\"action(true)\"\n      mat-raised-button\n    >\n      <ng-container *ngIf=\"!data.alert\">\n        {{ data.ok || \"scandoc.confirm\" | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"data.alert\">\n        {{ data.ok || \"scandoc.ok\" | translate }}\n      </ng-container>\n    </button>\n  </div>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.title{font-size:18px}.text{padding:0 30px;text-align:center;font-size:16px;margin:40px 0}.actions{min-height:60px;padding:0 20px}.actions button{min-width:120px;margin-right:16px;text-transform:uppercase;box-shadow:none;border:1px solid rgba(0,0,0,.12)}footer{background-color:#fff}footer button{box-shadow:none!important;border:1px solid rgba(0,0,0,.12);font-size:13px}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfirmComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-confirm', template: "<header class=\"page-header\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <div class=\"title\" ngClass.lt-sm=\"title-small\">\n    {{ data.title | translate }}\n\n    <!-- {{ data.text.statusText }} {{ data.text.status }} -->\n  </div>\n\n  <span fxFlex></span>\n\n  <!-- <div class=\"separator\"></div>\n\n  <button mat-button (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button> -->\n  <!-- <mat-icon class=\"mr-16\" style=\"color:#888;\">info_outline</mat-icon> -->\n</header>\n\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <div class=\"text\" *ngIf=\"data.text\">\n    <span [innerHtml]=\"data.text\"></span>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <div class=\"actions\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n    <button\n      *ngIf=\"!data.alert && !options?.hideCancelButton\"\n      (click)=\"action(false)\"\n      mat-raised-button\n    >\n      {{ data.cancel || \"scandoc.cancel\" | translate }}\n    </button>\n\n    <button\n      *ngIf=\"data.no && !options?.hideNoButton\"\n      (click)=\"action('no')\"\n      mat-raised-button\n    >\n      {{ data.no }}\n    </button>\n    <button\n      *ngIf=\"!data.hideOkButton && !options?.hideOkButton\"\n      (click)=\"action(true)\"\n      mat-raised-button\n    >\n      <ng-container *ngIf=\"!data.alert\">\n        {{ data.ok || \"scandoc.confirm\" | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"data.alert\">\n        {{ data.ok || \"scandoc.ok\" | translate }}\n      </ng-container>\n    </button>\n  </div>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.title{font-size:18px}.text{padding:0 30px;text-align:center;font-size:16px;margin:40px 0}.actions{min-height:60px;padding:0 20px}.actions button{min-width:120px;margin-right:16px;text-transform:uppercase;box-shadow:none;border:1px solid rgba(0,0,0,.12)}footer{background-color:#fff}footer button{box-shadow:none!important;border:1px solid rgba(0,0,0,.12);font-size:13px}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }];
-    }, propDecorators: { onEnterPress: [{
-                type: HostListener,
-                args: ['document:keyup.enter', ['$event']]
-            }], onEscapePress: [{
-                type: HostListener,
-                args: ['document:keyup.escape', ['$event']]
-            }] } });
-
-class ScanSelfieComponent extends BaseComponent {
-    constructor(cd, dialogRef, cameraProvider, scanProvider, dialogs) {
-        super();
-        this.cd = cd;
-        this.dialogRef = dialogRef;
-        this.cameraProvider = cameraProvider;
-        this.scanProvider = scanProvider;
-        this.dialogs = dialogs;
-        this.actions = new EventEmitter();
-        this.cameraReady = false;
-        this.preview = null;
-        this.trigger = new Subject();
-        this.form = new FormGroup({});
-    }
-    handleImage(webcamImage) {
-        // console.log('[received webcam image]', webcamImage);
-        this.cameraProvider.$showSwitchSelfie.next(false);
-        this.webcamImage = webcamImage;
-        this.preview = webcamImage.imageAsDataUrl;
-        this.cd.detectChanges();
-    }
-    handleInitError(error) {
-        console.log(error);
-    }
-    videoReady(ev) {
-        this.cameraReady = ev;
-    }
-    ngAfterViewInit() {
-        this.cameraProvider.$showSwitchSelfie.next(true);
-        this.cd.detectChanges();
-    }
-    ngOnDestroy() {
-        this.__destroy();
-    }
-    retry() {
-        this.preview = false;
-        this.cameraProvider.$showSwitchSelfie.next(true);
-        this.cd.detectChanges();
-    }
-    scan() {
-        this.trigger.next(new Date().getTime());
-    }
-    continue() {
-        var _a, _b;
-        console.log(this.data);
-        if (this.scanProvider.enableVerification && this.data.avatar) {
-            const loading = this.dialogs.loading();
-            console.log(this.data.avatar);
-            this.__subs(this.scanProvider.stateless(this.data.avatar.split(',')[1], (_a = this.webcamImage) === null || _a === void 0 ? void 0 : _a.imageAsDataUrl.split(',')[1])).subscribe((resp) => {
-                var _a, _b;
-                loading.close();
-                if ((_a = resp.Data) === null || _a === void 0 ? void 0 : _a.Verified) {
-                    (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.close(this.webcamImage);
-                }
-                else {
-                    this.dialogs.alert('Verification failed!', "We can't verify that your selfie is same as image on document.");
-                }
-                console.log(resp);
-            }, (err) => {
-                var _a;
-                loading.close();
-                (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close(this.webcamImage);
-            });
-        }
-        else {
-            (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.close(this.webcamImage);
-        }
-        // this.dialogRef.close(this.webcamImage)
-    }
-    close() {
-        this.dialogRef.close(null);
-    }
-}
-ScanSelfieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanSelfieComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.MatDialogRef }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: NgxScandocDialogsCoreProvider }], target: i0.ɵɵFactoryTarget.Component });
-ScanSelfieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanSelfieComponent, selector: "ngx-scandoc-selfie", outputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\">\n    {{ \"scandoc.result.takeSelfie\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitchSelfie | async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container>\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n\n<div class=\"flex-column flex\">\n  <div #wraper class=\"wraper flex flex-row\">\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container>\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview\"\n        class=\"main flex\"\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n        (initError)=\"handleInitError($event)\"\n        (videoReady)=\"videoReady($event)\"\n        type=\"selfie\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      \"\n    >\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n      >\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer class=\"p-8 flex-row\">\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container> {{ \"scandoc.result.takeSelfie\" | translate }} </ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p flex-row flex\"\n      *ngIf=\"preview\"\n      style=\"align-items: center\"\n    >\n      <button style=\"flex: 1\" class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        style=\"flex: 1\"\n        class=\"ml-4\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}.flex{flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.wraper{position:relative;overflow:hidden}h3{color:#459ae5;font-size:16px}.preview{width:100%;border-radius:1%}.subhead{height:55px;padding-top:8px}footer button{box-shadow:none!important;height:45px;min-height:45px;border:1px solid rgba(0,0,0,.12);text-transform:uppercase}.error .title{font-size:22px}.error ul{font-size:18px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: WebcamComponent, selector: "ngx-scandoc-webcam", inputs: ["imageHandler", "type", "trigger"], outputs: ["cameraSwitched", "videoReady", "imageCapture", "initError"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanSelfieComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-selfie', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"page-header\">\n  <div class=\"title\">\n    {{ \"scandoc.result.takeSelfie\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitchSelfie | async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container>\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n\n<div class=\"flex-column flex\">\n  <div #wraper class=\"wraper flex flex-row\">\n    <div\n      style=\"\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n        bottom: 0px;\n        z-index: 20;\n        background-color: whitesmoke;\n      \"\n      *ngIf=\"!cameraReady && !preview\"\n    >\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <ng-container>\n      <ngx-scandoc-webcam\n        *ngIf=\"!preview\"\n        class=\"main flex\"\n        #webcam\n        [trigger]=\"trigger\"\n        (imageCapture)=\"handleImage($event)\"\n        (initError)=\"handleInitError($event)\"\n        (videoReady)=\"videoReady($event)\"\n        type=\"selfie\"\n      >\n      </ngx-scandoc-webcam>\n    </ng-container>\n    <div\n      class=\"previewData\"\n      *ngIf=\"preview\"\n      style=\"\n        z-index: 20;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      \"\n    >\n      <div\n        class=\"scanPreview\"\n        style=\"display: flex; flex-direction: column; flex: 1\"\n      >\n        <div\n          style=\"flex: 1\"\n          class=\"image\"\n          [style.background-image]=\"'url(' + preview + ')'\"\n        ></div>\n      </div>\n    </div>\n  </div>\n\n  <footer class=\"p-8 flex-row\">\n    <button\n      [disabled]=\"!cameraReady\"\n      class=\"w-100-p\"\n      *ngIf=\"!preview\"\n      mat-raised-button\n      (click)=\"scan()\"\n    >\n      <ng-container> {{ \"scandoc.result.takeSelfie\" | translate }} </ng-container>\n    </button>\n\n    <div\n      class=\"w-100-p flex-row flex\"\n      *ngIf=\"preview\"\n      style=\"align-items: center\"\n    >\n      <button style=\"flex: 1\" class=\"mr-4\" mat-raised-button (click)=\"retry()\">\n        {{ \"scandoc.retry\" | translate }}\n      </button>\n\n      <button\n        style=\"flex: 1\"\n        class=\"ml-4\"\n        mat-raised-button\n        (click)=\"continue()\"\n      >\n        {{ \"scandoc.continueWithSelectedImage\" | translate }}\n      </button>\n    </div>\n  </footer>\n</div>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5}.flex{flex:1}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.wraper{position:relative;overflow:hidden}h3{color:#459ae5;font-size:16px}.preview{width:100%;border-radius:1%}.subhead{height:55px;padding-top:8px}footer button{box-shadow:none!important;height:45px;min-height:45px;border:1px solid rgba(0,0,0,.12);text-transform:uppercase}.error .title{font-size:22px}.error ul{font-size:18px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.p-16{padding:16px}.p-8{padding:8px}.py-16{padding:16px 0}.w-100-p{width:100%}.scanPreview{padding:16px}.scanPreview .image{background-position:center;background-repeat:no-repeat;background-size:contain}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$3.MatDialogRef }, { type: NgxScandocCameraProvider }, { type: ScanProvider }, { type: NgxScandocDialogsCoreProvider }]; }, propDecorators: { actions: [{
-                type: Output
-            }] } });
-
-class TurnDocumentComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    ngOnInit() {
-        console.log(this.data);
-    }
-    close() {
-        console.log(this.dialogRef);
-        this.dialogRef.close();
-    }
-}
-TurnDocumentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TurnDocumentComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-TurnDocumentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TurnDocumentComponent, selector: "ngx-scandoc-turn-document", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>360</mat-icon>\n  <div class=\"text\">\n    <ng-container *ngIf=\"data.idScan === 'BACK'\">\n      {{ \"scandoc.turnAndCapture.back\" | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"data.idScan === 'FRONT'\">\n      {{ \"scandoc.turnAndCapture.front\" | translate }}\n    </ng-container>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button (click)=\"close()\" mat-raised-button>Ok</button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TurnDocumentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-turn-document', template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>360</mat-icon>\n  <div class=\"text\">\n    <ng-container *ngIf=\"data.idScan === 'BACK'\">\n      {{ \"scandoc.turnAndCapture.back\" | translate }}\n    </ng-container>\n    <ng-container *ngIf=\"data.idScan === 'FRONT'\">\n      {{ \"scandoc.turnAndCapture.front\" | translate }}\n    </ng-container>\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button (click)=\"close()\" mat-raised-button>Ok</button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:20px}footer button{min-width:200px;box-shadow:none;border:1px solid #ccc}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }];
-    } });
-
-class PromptManualComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    ngOnInit() {
-        console.log(this.data);
-    }
-    close(key) {
-        console.log(this.dialogRef);
-        this.dialogRef.close(key);
-    }
-}
-PromptManualComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PromptManualComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-PromptManualComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PromptManualComponent, selector: "ngx-scandoc-prompt-manual", ngImport: i0, template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>screenshot_keyboard</mat-icon>\n  <div class=\"text\">\n    {{ \"scandoc.manual\" | translate }}\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button style=\"margin-right: 8px\" (click)=\"close(true)\" mat-raised-button>\n    {{ \"scandoc.yes\" | translate }}\n  </button>\n  <button style=\"margin-left: 8px\" (click)=\"close(false)\" mat-raised-button>\n    {{ \"scandoc.no\" | translate }}\n  </button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px}footer button{max-width:120px;box-shadow:none;border:1px solid #ccc;flex:1}\n"], dependencies: [{ kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PromptManualComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-prompt-manual', template: "<div class=\"inner\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <!-- <img\n    style=\"height: 240px; margin: 34px 0px;display: none;\"\n    [src]=\"'/assets/images/illustrations/' + images[type]\"\n  /> -->\n  <!-- <img style=\"width:60px;\" src=\"/assets/images/illustrations/door-lock.png\"> -->\n\n  <mat-icon>screenshot_keyboard</mat-icon>\n  <div class=\"text\">\n    {{ \"scandoc.manual\" | translate }}\n  </div>\n</div>\n\n<!--  -->\n\n<footer>\n  <button style=\"margin-right: 8px\" (click)=\"close(true)\" mat-raised-button>\n    {{ \"scandoc.yes\" | translate }}\n  </button>\n  <button style=\"margin-left: 8px\" (click)=\"close(false)\" mat-raised-button>\n    {{ \"scandoc.no\" | translate }}\n  </button>\n</footer>\n", styles: [":host{display:flex;flex-direction:column;flex:1;height:100%;width:100%}.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px 0}.inner mat-icon{width:60px;height:60px;font-size:60px}.inner .text{margin:20px 0}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:10px}footer button{max-width:120px;box-shadow:none;border:1px solid #ccc;flex:1}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }];
-    } });
-
-class NgxScandocDialogsCoreProvider {
-    constructor(matDialog) {
-        this.matDialog = matDialog;
-        this.components = {
-            ScanProfile: { component: ScanProfileComponent },
-            Loading: { component: LoadingComponent },
-            ConfirmComponent: { component: ConfirmComponent },
-            TurnDocumentComponent: { component: TurnDocumentComponent },
-            ScanSelfie: { component: ScanSelfieComponent },
-            PromptManual: { component: PromptManualComponent },
-        };
-        this.blank = BlankComponent;
-    }
-    getComponent(name) {
-        if (!this.components[name]) {
-            console.warn('Component missing', name, this.components);
-        }
-        return this.components[name].component;
-    }
-    open(config, withComponent = true) {
-        // console.log(config);
-        const panelClass = config.panelClass ? config.panelClass : config.name;
-        const component = this.getComponent(config.name);
-        const dialogRef = this.matDialog.open(this.blank, {
-            panelClass,
-            data: {
-                data: config.data,
-                withComponent,
-                component,
-            },
-            autoFocus: false,
-            width: config.width || '',
-            height: config.height || '',
-            maxWidth: config.maxWidth || '',
-            minWidth: config.minWidth || '',
-            maxHeight: config.maxHeight || '',
-            minHeight: config.minHeight || '',
-            position: config.position || {},
-            hasBackdrop: config.hasBackdrop === undefined ? true : config.hasBackdrop,
-            disableClose: config.disableClose === undefined ? true : config.disableClose,
-        });
-        return dialogRef;
-    }
-    scanProfile(data) {
-        return this.open({
-            name: 'ScanProfile',
-            panelClass: 'ScanProfileComponent',
-            data,
-        });
-    }
-    // Generic loading dialog
-    loading(title = '') {
-        return this.open({
-            name: 'Loading',
-            data: { title },
-        });
-    }
-    alert(title, text) {
-        return this.open({
-            name: 'ConfirmComponent',
-            maxWidth: '600px',
-            panelClass: 'DialogNoPadding',
-            minWidth: '440px',
-            data: { title, text, alert: true },
-        });
-    }
-    turnDocument(idScan) {
-        return this.open({
-            name: 'TurnDocumentComponent',
-            maxWidth: '400px',
-            panelClass: 'DialogNoPadding',
-            minWidth: '300px',
-            data: { idScan },
-        }).afterClosed();
-    }
-    promptManual() {
-        return this.open({
-            name: 'PromptManual',
-            maxWidth: '400px',
-            panelClass: 'DialogNoPadding',
-            minWidth: '300px',
-            data: {},
-        }).afterClosed();
-    }
-    // public scanMobile(data: any) {
-    //   return this.open({
-    //     name: 'ScanMobileComponent',
-    //     maxWidth: '600px',
-    //     panelClass: 'DialogNoPadding',
-    //     minWidth: '440px',
-    //     data,
-    //   });
-    // }
-    scanSelfie(data) {
-        return this.open({
-            name: 'ScanSelfie',
-            panelClass: 'ScanProfileComponent',
-            data,
-        });
-    }
-}
-NgxScandocDialogsCoreProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-NgxScandocDialogsCoreProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocDialogsCoreProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }]; } });
-
-class ScanProfileComponent extends BaseComponent {
-    handleTouchMove(event) {
-        // console.log(event);
-        if (event.touches.length > 1) {
-            event.preventDefault();
-        }
-        // console.log(document.body.style.zoom);
-        if (event.scale !== 1) {
-            // event.preventDefault();
-            // event.stopImmediatePropagation();
-        }
-    }
-    constructor(dialogs, cameraProvider, scanProvider, dialogRef, platform) {
-        super();
-        this.dialogs = dialogs;
-        this.cameraProvider = cameraProvider;
-        this.scanProvider = scanProvider;
-        this.dialogRef = dialogRef;
-        this.platform = platform;
-        this.type = 'desktop';
-        this.showDialog = false;
-    }
-    ngAfterViewInit() {
-        // console.log(this.cameraProvider)
-    }
-    ngOnDestroy() {
-        this.__destroy();
-        console.log('DES');
-    }
-    actions(event) {
-        var _a, _b, _c;
-        switch (event.type) {
-            case 'scanFinish':
-                if (this.scanProvider.config.hideResults) {
-                    (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close(event.data);
-                }
-                break;
-            case 'manualMode':
-                (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.close({ manual: true });
-                break;
-            case 'scanDataClose':
-                (_c = this.dialogRef) === null || _c === void 0 ? void 0 : _c.close(event.data);
-                break;
-            case 'turnDocumentOver':
-                this.__subs(this.dialogs.turnDocument(event.side)).subscribe(() => {
-                    this.showDialog = false;
-                });
-                break;
-        }
-    }
-    close() {
-        var _a;
-        (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close();
-    }
-}
-ScanProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProfileComponent, deps: [{ token: NgxScandocDialogsCoreProvider }, { token: NgxScandocCameraProvider }, { token: ScanProvider }, { token: i1$3.MatDialogRef }, { token: i2.Platform }], target: i0.ɵɵFactoryTarget.Component });
-ScanProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ScanProfileComponent, selector: "ngx-scandoc-profile", inputs: { type: "type" }, host: { listeners: { "touchmove": "handleTouchMove($event)" } }, usesInheritance: true, ngImport: i0, template: "<header class=\"page-header\">\n  <div class=\"title\" >\n    {{ \"scandoc.title\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitch| async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"type === 'desktop'\">\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n<ngx-scan\n  (actions)=\"actions($event)\"\n  [showDialog]=\"showDialog\"\n  [dialogs]=\"dialogs\"\n></ngx-scan>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: ScanComponent, selector: "ngx-scan", inputs: ["type", "dialogs", "showDialog"], outputs: ["actions"] }, { kind: "component", type: CameraSwitchComponent, selector: "ngx-scan-camera-switch" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ScanProfileComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-scandoc-profile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"page-header\">\n  <div class=\"title\" >\n    {{ \"scandoc.title\" | translate }}\n  </div>\n\n  <span style=\"flex: 1\"></span>\n\n  <ng-container *ngIf=\"cameraProvider.$showSwitch| async\">\n    <div class=\"separator\"></div>\n    <div style=\"padding: 0px 16px\">\n      <ngx-scan-camera-switch></ngx-scan-camera-switch>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"type === 'desktop'\">\n    <div class=\"separator\"></div>\n\n    <button mat-button (click)=\"close()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </ng-container>\n</header>\n\n<ngx-scan\n  (actions)=\"actions($event)\"\n  [showDialog]=\"showDialog\"\n  [dialogs]=\"dialogs\"\n></ngx-scan>\n", styles: [":host{display:flex;flex-direction:column!important;flex:1;background-color:#f5f5f5;overflow:hidden}.page-header{display:flex;flex-direction:row;align-items:center}.page-header button{height:100%}@media only screen and (max-width: 768px){header .title{font-size:12px!important;line-height:18px!important}}\n", ".page-header{z-index:2000;height:64px;padding:0;overflow:hidden;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}.page-header .title{padding-left:24px;line-height:64px;font-size:18px}.page-header .separator{width:1px;background-color:#0000001f;height:100%}.page-header .total{line-height:64px}.page-header .total span{font-weight:700}.page-footer{height:64px}.page-footer button{margin-left:24px;box-shadow:none!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: NgxScandocDialogsCoreProvider }, { type: NgxScandocCameraProvider }, { type: ScanProvider }, { type: i1$3.MatDialogRef }, { type: i2.Platform }]; }, propDecorators: { type: [{
-                type: Input
-            }], handleTouchMove: [{
-                type: HostListener,
-                args: ['touchmove', ['$event']]
-            }] } });
-
-//import { NgxScandocCameraProvider } from '../providers/camera.provider';
-//import { NgxScandocCameraProvider } from '../providers/camera.provider';
-class DialogsModule {
-    static forRoot() {
-        return {
-            ngModule: DialogsModule,
-            providers: [NgxScandocDialogsCoreProvider],
-        };
-    }
-}
-DialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, declarations: [ScanProfileComponent,
-        BlankComponent,
-        LoadingComponent,
-        ConfirmComponent,
-        TurnDocumentComponent,
-        ScanSelfieComponent,
-        PromptManualComponent], imports: [
-        //  QRCodeModule,
-        ReactiveFormsModule,
-        CommonModule,
-        FormsModule,
-        AppFormModule,
-        TranslateModule,
-        MaterialModule, CoreComponentsModule, CorePipesModule
-    ], exports: [ScanProfileComponent,
-        LoadingComponent,
-        BlankComponent,
-        TurnDocumentComponent,
-        MaterialModule,
-        ScanSelfieComponent,
-        PromptManualComponent,
-        CoreComponentsModule] });
-DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, imports: [
-        //  QRCodeModule,
-        ReactiveFormsModule,
-        CommonModule,
-        FormsModule,
-        AppFormModule,
-        TranslateModule,
-        MaterialModule,
-        CoreComponentsModule.forRoot(),
-        CorePipesModule, MaterialModule,
-        CoreComponentsModule
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ScanProfileComponent,
-                        BlankComponent,
-                        LoadingComponent,
-                        ConfirmComponent,
-                        TurnDocumentComponent,
-                        ScanSelfieComponent,
-                        PromptManualComponent,
-                    ],
-                    exports: [
-                        ScanProfileComponent,
-                        LoadingComponent,
-                        BlankComponent,
-                        TurnDocumentComponent,
-                        MaterialModule,
-                        ScanSelfieComponent,
-                        PromptManualComponent,
-                        CoreComponentsModule,
-                    ],
-                    imports: [
-                        //  QRCodeModule,
-                        ReactiveFormsModule,
-                        CommonModule,
-                        FormsModule,
-                        AppFormModule,
-                        TranslateModule,
-                        MaterialModule,
-                        CoreComponentsModule.forRoot(),
-                        CorePipesModule,
-                        // FlexModule,
-                        // FlexLayoutModule,
-                    ],
-                    providers: [],
-                }]
-        }] });
-
-class HttpErrorInterceptor {
-    constructor(injector) {
-        this.injector = injector;
-        this.authProvider = this.injector.get(NgxScandocAuthProvider);
-    }
-    intercept(req, next) {
-        //console.log(req.url);
-        if (req.url.indexOf('/ks/') >= 0 || req.url.indexOf('/assets/') >= 0) {
-            return next.handle(req);
-        }
-        // const authProvider = this.injector.get(AuthProvider);
-        if (this.authProvider.config.validDomains) {
-            const valid = this.authProvider.config.validDomains
-                .map((domain) => {
-                return req.url.indexOf(domain) >= 0;
-            })
-                .filter((m) => m).length > 0;
-            if (!valid) {
-                return next.handle(req);
-            }
-        }
-        this.inflightAuthRequest = this.authProvider.accesToken;
-        return this.inflightAuthRequest.pipe(share(), switchMap((token) => {
-            // unset request inflight
-            this.inflightAuthRequest = null;
-            const transaction = req.headers.get('TransactionID');
-            const authReq = req.clone({
-                headers: this.getHeaders(token, transaction || ''),
-            });
-            return next.handle(authReq);
-        }), catchError((err) => {
-            let tokenExpired = false;
-            if (err.errors) {
-                const find = err.erros.find((es) => es.indexOf('Invalid token') > -1);
-                tokenExpired = find ? true : false;
-            }
-            console.log(err);
-            if (err.status === 401 || err.status === 403 || tokenExpired) {
-                return this.authProvider.refreshToken().pipe(switchMap((token) => {
-                    const transaction = req.headers.get('TransactionID');
-                    const authReq = req.clone({
-                        headers: this.getHeaders(token, transaction || ''),
-                    });
-                    return next.handle(authReq);
-                }));
-            }
-            else {
-                return throwError(() => err);
-            }
-        }));
-    }
-    getHeaders(token, TransactionID) {
-        if (TransactionID) {
-            return new HttpHeaders({
-                'Content-Type': 'application/json',
-                Authorization: token,
-                TransactionID,
-            });
-        }
-        return new HttpHeaders({
-            'Content-Type': 'application/json',
-            Authorization: token,
-        });
-    }
-}
-HttpErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-HttpErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: HttpErrorInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-
-class Iso11649Reference {
-    constructor() {
-        this.FORMAT_RF = /^RF[0-9]{2}[A-Z0-9]{1,21}$/;
-        this.CHARCODE_A = 'A'.charCodeAt(0);
-        this.CHARCODE_0 = '0'.charCodeAt(0);
-    }
-    validate(rawValue) {
-        const value = rawValue.replace(/ /g, '');
-        // console.log(value);
-        if (!value.match(this.FORMAT_RF)) {
-            return false;
-            //  throw new Error('Invalid Creditor Reference format; expecting: \'' + this.FORMAT_RF + '\', found: \'' + value + '\'');
-        }
-        return (this.computeWithoutCheck(value.substring(4, value.length) + value.substring(0, 4)) === 1);
-    }
-    computeWithoutCheck(rawValue) {
-        return this.mod97(rawValue);
-    }
-    mod97(value) {
-        let buffer = 0;
-        let charCode;
-        for (let i = 0; i < value.length; ++i) {
-            charCode = value.charCodeAt(i);
-            buffer =
-                charCode +
-                    (charCode >= this.CHARCODE_A
-                        ? buffer * 100 - this.CHARCODE_A + 10
-                        : buffer * 10 - this.CHARCODE_0);
-            if (buffer > 1000000) {
-                buffer %= 97;
-            }
-        }
-        return buffer % 97;
-    }
-}
-class ObjectUtils {
-    static getValue(target, key) {
-        if (!target) {
-            return undefined;
-        }
-        const keys = key.split('.');
-        key = '';
-        do {
-            key += keys.shift();
-            const value = target[key];
-            if (value !== undefined && (typeof value === 'object' || !keys.length)) {
-                target = value;
-                key = '';
-            }
-            else if (!keys.length) {
-                target = undefined;
-            }
-            else {
-                key += '.';
-            }
-        } while (keys.length);
-        return target;
-    }
-    static deepCopy(inputObj) {
-        let newObj = inputObj;
-        if (inputObj && typeof inputObj === 'object') {
-            newObj =
-                Object.prototype.toString.call(inputObj) === '[object Array]' ? [] : {};
-            for (const i of Object.keys(inputObj)) {
-                newObj[i] = this.deepCopy(inputObj[i]);
-            }
-            if (Object.prototype.toString.call(inputObj) === '[object Map]') {
-                newObj = new Map();
-                inputObj.forEach((v, k) => {
-                    newObj.set(k, this.deepCopy(v));
-                });
-            }
-        }
-        return newObj;
-    }
-    static copy(item) {
-        return JSON.parse(JSON.stringify(item));
-    }
-    static compare(a, b, isAsc) {
-        return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
-    }
-    static merge(...objects) {
-        const result = {};
-        objects.forEach((source) => {
-            Object.keys(source).forEach((prop) => {
-                if (prop in result && Array.isArray(result[prop])) {
-                    result[prop] = result[prop].concat(source[prop]);
-                }
-                else if (prop in result && typeof result[prop] === 'object') {
-                    result[prop] = ObjectUtils.merge(result[prop], source[prop]);
-                }
-                else {
-                    result[prop] = source[prop];
-                }
-            });
-        });
-        return result;
-    }
-}
-
-class ComponentTranslationModel {
-    constructor(obj) {
-        this.name = obj && obj.name;
-        this.path = obj && obj.path;
-        this.json = (obj && obj.json) || [];
-    }
-}
-class TranslateLoaderProvider {
-    constructor(http) {
-        this.http = http;
-        // private prefix = null;
-        this.suffix = '.json';
-        this.providers = [];
-        this.queue = [];
-    }
-    ngOnDestroy() {
-        console.log('TRANSLATE DESTROY');
-    }
-    registerProvider(name, path) {
-        const registered = this.providers.find((provider) => provider.name === name);
-        if (registered) {
-            registered.path = path;
-        }
-        else {
-            this.providers.push(new ComponentTranslationModel({ name: name, path: path }));
-        }
-    }
-    providerRegistered(name) {
-        return this.providers.find((x) => x.name === name) ? true : false;
-    }
-    getComponentToFetch(lang) {
-        const observableBatch = [];
-        if (!this.queue[lang]) {
-            this.queue[lang] = [];
-        }
-        this.providers.forEach((component) => {
-            if (!this.isComponentInQueue(lang, component.name)) {
-                this.queue[lang].push(component.name);
-                const translationUrl = `${component.path}/${lang}${this.suffix}?v=${Date.now()}`;
-                observableBatch.push(this.http.get(translationUrl).pipe(map((res) => {
-                    component.json[lang] = res;
-                }), retry(3), catchError(() => throwError(`Failed to load ${translationUrl}`))));
-            }
-        });
-        return observableBatch;
-    }
-    init(lang) {
-        if (this.queue[lang] === undefined) {
-            this.queue[lang] = [];
-        }
-    }
-    isComponentInQueue(lang, name) {
-        return (this.queue[lang] || []).find((x) => x === name) ? true : false;
-    }
-    getFullTranslationJSON(lang) {
-        let result = {};
-        this.providers
-            .slice(0)
-            .sort((a, b) => {
-            if (a.name === 'app') {
-                return 1;
-            }
-            if (b.name === 'app') {
-                return -1;
-            }
-            return a.name.localeCompare(b.name);
-        })
-            .forEach((model) => {
-            if (model.json && model.json[lang]) {
-                result = ObjectUtils.merge(result, model.json[lang]);
-            }
-        });
-        return result;
-    }
-    getTranslation(lang) {
-        let hasFailures = false;
-        const batch = [
-            ...this.getComponentToFetch(lang).map((observable) => {
-                return observable.pipe(catchError((error) => {
-                    hasFailures = true;
-                    return of(error);
-                }));
-            }),
-        ];
-        return new Observable((observer) => {
-            if (batch.length > 0) {
-                forkJoin(batch).subscribe(() => {
-                    const fullTranslation = this.getFullTranslationJSON(lang);
-                    if (fullTranslation) {
-                        observer.next(fullTranslation);
-                    }
-                    if (hasFailures) {
-                        observer.error('Failed to load some resources');
-                    }
-                    else {
-                        observer.complete();
-                    }
-                }, (err) => {
-                    observer.error('Failed to load some resources');
-                });
-            }
-            else {
-                const fullTranslation = this.getFullTranslationJSON(lang);
-                if (fullTranslation) {
-                    observer.next(fullTranslation);
-                    observer.complete();
-                }
-            }
-        });
-    }
-}
-TranslateLoaderProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslateLoaderProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TranslateLoaderProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
-
-class webRtcProvider {
-    constructor() {
-        this.pc = new RTCPeerConnection();
-    }
-    connect(id = 1) {
-        this.subject = webSocket('wss://localhost:3000?id=' + id);
-    }
-    setup() {
-        this.connect(1);
-        // try {
-        //   this.pc = new RTCPeerConnection({
-        //     iceServers: [
-        //       { urls: 'stun:stun.services.mozilla.com' },
-        //       { urls: 'stun:stun.l.google.com:19302' },
-        //     ],
-        //   });
-        // } catch (error) {
-        //   console.log(error);
-        //   this.pc = new RTCPeerConnection({
-        //     iceServers: [
-        //       { urls: 'stun:stun.services.mozilla.com' },
-        //       { urls: 'stun:stun.l.google.com:19302' },
-        //     ],
-        //   });
-        // }
-        // this.pc.onicecandidate = (event) => {
-        //   event.candidate
-        //     ? this.sendMessage({ ice: event.candidate })
-        //     : console.log('Sent All Ice');
-        // };
-        // if (this.pc) {
-        //   from(this.pc.createOffer())
-        //     .pipe(switchMap((offer) => from(this.pc.setLocalDescription(offer))))
-        //     .subscribe((data: any) => {
-        //       this.sendMessage({
-        //         type: 'offer',
-        //         sdp: this.pc.localDescription,
-        //       });
-        //     });
-        // }
-    }
-    sendMessage(data) {
-        console.log(data);
-        this.subject.next(JSON.stringify(data));
-    }
-}
-webRtcProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-webRtcProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: webRtcProvider, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class NgxScandocModule {
-    static forRoot(config) {
-        return {
-            ngModule: NgxScandocModule,
-            providers: [
-                { provide: AUTH_CONFIG_TOKEN, useValue: config.auth },
-                ScanProvider,
-                { provide: SCAN_CONFIG_TOKEN, useValue: config.scan },
-                {
-                    provide: HTTP_INTERCEPTORS,
-                    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] });
-NgxScandocModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, imports: [DialogsModule.forRoot(), DialogsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NgxScandocModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [DialogsModule.forRoot()],
-                    exports: [DialogsModule],
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/*
- * Public API Surface of ngx-scandoc
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AUTH_CONFIG_TOKEN, AppFormModule, BlankComponent, CameraSwitchComponent, CoreComponentsModule, CorePipesModule, DialogsModule, HttpErrorInterceptor, LoadingComponent, ManualScanComponent, MaterialModule, NgxScanDocTranslationProvider, NgxScandocAuthProvider, NgxScandocDialogsCoreProvider, NgxScandocFieldsProvider, NgxScandocModule, PromptManualComponent, SCAN_CONFIG_TOKEN, SafeResourceUrlPipe, ScanComponent, ScanProfileComponent, ScanProvider, ScanSelfieComponent, TranslateLoaderProvider, TurnDocumentComponent, WebcamComponent, WebcamModule, webRtcProvider };
-//# sourceMappingURL=ngx-scandoc.mjs.map