@id3/bioseal-display - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

bundles/id3-bioseal-display.umd.js

@@ -909,3 +909,3 @@ (function (global, factory) {
                         template: "\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>",
-                        styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                        styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]
                     }] }
@@ -941,3 +941,3 @@ ];
                         template: "<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ",
-                        styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                        styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
                     }] }
@@ -944,0 +944,0 @@ ];

bundles/id3-bioseal-display.umd.min.js

@@ -1,2 +0,2 @@
-!function(a,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/dialog"),require("@angular/platform-browser"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@angular/material/button"),require("@angular/common"),require("@angular/material/chips"),require("@angular/material/tooltip"),require("@angular/material/card"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@id3/bioseal-display",["exports","@angular/core","@angular/material/dialog","@angular/platform-browser","@angular/material/icon","@angular/material/toolbar","@angular/material/button","@angular/common","@angular/material/chips","@angular/material/tooltip","@angular/material/card","@angular/material/form-field","@angular/material/input"],t):t(((a=a||self).id3=a.id3||{},a.id3["bioseal-display"]={}),a.ng.core,a.ng.material.dialog,a.ng.platformBrowser,a.ng.material.icon,a.ng.material.toolbar,a.ng.material.button,a.ng.common,a.ng.material.chips,a.ng.material.tooltip,a.ng.material.card,a.ng.material["form-field"],a.ng.material.input)}(this,function(a,t,e,n,l,r,i,o,u,s,m,c,p){"use strict";var d=function(){function a(){this.personalData={isFilled:!1,firstName:null,lastName:null,email:null,dateofBirth:null,gender:null,country:null}}return a.prototype.getPersonaldata=function(a){this.personalData.isFilled=!1;var t=a.res.biographics;return this.personalData.firstName=this.getFirstName(t),this.personalData.lastName=this.getLastName(t),this.personalData.email=this.getEmail(t),this.personalData.dateofBirth=this.getdob(t),this.personalData.gender=this.getGender(t),this.personalData.country=this.getCountry(t),this.personalData},a.prototype.getFirstName=function(a){return null!=a.firstName?(this.personalData.isFilled=!0,a.firstName):null!=a.fn?(this.personalData.isFilled=!0,a.fn):null!=a.fName?(this.personalData.isFilled=!0,a.fName):null!=a.fname?(this.personalData.isFilled=!0,a.fname):null},a.prototype.getLastName=function(a){return null!=a.lastName?(this.personalData.isFilled=!0,a.lastName):null!=a.ln?(this.personalData.isFilled=!0,a.ln):null!=a.lName?(this.personalData.isFilled=!0,a.lName):null!=a.lname?(this.personalData.isFilled=!0,a.lname):null},a.prototype.getdob=function(a){return null!=a.dob?(this.personalData.isFilled=!0,a.dob):null!=a.dateofbirth?(this.personalData.isFilled=!0,a.dateofbirth):null},a.prototype.getEmail=function(a){return null!=a.email?(this.personalData.isFilled=!0,a.email):null!=a.em?(this.personalData.isFilled=!0,a.em):null},a.prototype.getGender=function(a){return null!=a.gender?(this.personalData.isFilled=!0,a.gender):null!=a.gn?(this.personalData.isFilled=!0,a.gn):null},a.prototype.getCountry=function(a){return null!=a.country?(this.personalData.isFilled=!0,a.country):null!=a.cn?(this.personalData.isFilled=!0,a.cn):null},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),f=function(){function a(){this.companyData={isFilled:!1,companyName:null,companyPhone:null,companyCountry:null}}return a.prototype.getProfessionaldata=function(a){this.companyData.isFilled=!1;var t=a.res.biographics;return this.companyData.companyName=this.getCompanyName(t),this.companyData.companyPhone=this.getCompanyPhone(t),this.companyData.companyCountry=this.getCompanyCountry(t),this.companyData},a.prototype.getCompanyName=function(a){return null!=a.companyName?(this.companyData.isFilled=!0,a.companyName):null!=a.cn?(this.companyData.isFilled=!0,a.fn):null!=a.cName?(this.companyData.isFilled=!0,a.cName):null!=a.companyname?(this.companyData.isFilled=!0,a.companyname):null},a.prototype.getCompanyPhone=function(a){return null!=a.companyPhone?(this.companyData.isFilled=!0,a.companyPhone):null!=a.cp?(this.companyData.isFilled=!0,a.cp):null!=a.cPhone?(this.companyData.isFilled=!0,a.cPhone):null!=a.companyphone?(this.companyData.isFilled=!0,a.companyPhone):null},a.prototype.getCompanyCountry=function(a){return null!=a.companyCountry?(this.companyData.isFilled=!0,a.companyCountry):null!=a.cc?(this.companyData.isFilled=!0,a.cc):null},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),y=function(){function a(){this.documentData={isIata:!1,isFilled:!1,documentID:null,licence:null,validityDate:null,expDate:null,examCentre:null,examCentrePhone:null,examCentreEmail:null,examCentreCountry:null,reference:null,certNum:null,certDate:null,certifications:null}}return a.prototype.getDocumentInformation=function(a){this.documentData.isFilled=!1,this.documentData.isIata=!1;var t=a.res.biographics;return this.isIata(t)?(this.documentData.isIata=!0,this.documentData.isFilled=!0,this.documentData.certifications=this.generateCertifications(t)):(this.documentData.isIata=!1,this.documentData.isFilled=!0,this.documentData.documentID=this.getDocID(t),this.documentData.validityDate=this.getValDate(t),this.documentData.expDate=this.getExpDate(t),this.documentData.examCentre=this.getExamCenter(t),this.documentData.examCentrePhone=this.getCenterPhone(t),this.documentData.examCentreEmail=this.getCentreEmail(t),this.documentData.examCentreCountry=this.getCenterCountry(t),this.documentData.reference=this.getReference(t),this.documentData.certNum=this.getCerNum(t),this.documentData.certDate=this.getCerDate(t),this.documentData.licence=this.getLicenceID(t)),this.documentData},a.prototype.getDocID=function(a){return null!=a.cn?a.cn:null!=a.cNumber?a.cNumber:null==a.cnumber?null:void a.cnumber},a.prototype.getExpDate=function(a){return a.expDate?a.expDate:null!=a.expDate?a.expDate:void 0},a.prototype.getValDate=function(a){return null!=a.dov?a.dov:null!=a.validity?a.validity:null},a.prototype.getExamCenter=function(a){return null!=a.examCentre?a.examCentre:null!=a.examCenter?a.examCenter:null},a.prototype.getCenterPhone=function(a){return null!=a.examCentrePhone?a.examCentrePhone:null!=a.examCenterPhone?a.examCenterPhone:null},a.prototype.getCentreEmail=function(a){return null!=a.examCentreEmail?a.examCentreEmail:null!=a.examCenterEmail?a.examCenterEmail:null},a.prototype.getCenterCountry=function(a){return null!=a.examCentreCountry?a.examCentreCountry:(a.examCenterCountry=!0)?a.examCenterCountry:null},a.prototype.getReference=function(a){return null!=a.reference?a.reference:null!=a.ref?a.ref:null},a.prototype.getCerDate=function(a){return null!=a.certDate?a.certDate:null!=a.cDate?a.cDates:null},a.prototype.getCerNum=function(a){return null!=a.certNum?a.certNum:null!=a.cNum?a.cNum:null},a.prototype.getLicenceID=function(a){return null!=a.dLicense?a.dLicense:null!=a.dlicense?a.dlicense:null!=a.dl?a.dl:null},a.prototype.isIata=function(a){return null!=a.cer},a.prototype.generateCertifications=function(a){var t=a.cer.split("//"),e=new Array;return t.forEach(function(a){var t=a.split(";");"C"==t[0]?e.push({certificateName:t[1],certificationCenter:t[2],deliveryDate:t[3],validity:t[4],certificationNumber:t[5],completion:t[6]}):"T"==t[0]&&e.push({certificationName:t[1],certificationCenter:t[2],deliveryDate:t[3],Validity:t[4],certificationNumber:t[5],completion:t[6],falseAlarmRate:t[7],trainingTime:t[8],trainingTimetwo:t[9]})}),e},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),b=function(){function a(a,t,e){this.personalInformationParser=a,this.companyInformationParser=t,this.documentInformationParser=e}return a.prototype.parsePersonalData=function(a){var t=a;return this.personalInformationParser.getPersonaldata(t)},a.prototype.parseCompanyData=function(a){var t=a;return this.companyInformationParser.getProfessionaldata(t)},a.prototype.parseDocumentData=function(a){var t=a;return console.log(a),this.documentInformationParser.getDocumentInformation(t)},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[{type:d},{type:f},{type:y}]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a(t.ɵɵinject(d),t.ɵɵinject(f),t.ɵɵinject(y))},token:a,providedIn:"root"}),a}(),g=function(){function a(a,t,e,n,l){this.data=a,this.iconRegistry=t,this.sanitizer=e,this.biosealDisplay=n,this.dialogRef=l,this.backgroundColor=null,this.isBlurred=!0,this.unlockMessage="UNLOCK DETAILS",this.checkMessage="CHECK NEW PERSON",this.personalInformation=null,this.companyInformation=null,this.documentInformation=null}return a.prototype.getStyles=function(){return{"background-color":null===this.backgroundColor?"rgb(1, 119, 193)":this.backgroundColor}},a.prototype.ngOnInit=function(){this.iconRegistry.addSvgIcon("back_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.iconCancelDisplay)),this.iconRegistry.addSvgIcon("lock_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.lockIcon)),this.personalInformation=this.biosealDisplay.parsePersonalData(this.data),this.companyInformation=this.biosealDisplay.parseCompanyData(this.data),this.documentInformation=this.biosealDisplay.parseDocumentData(this.data),console.log(this.documentInformation),this.data.res.signatureStatus?(this.security={valid:!0,message:"Security check"},this.validity={valid:!0,message:"Valid BioSeal"},this.iconRegistry.addSvgIcon("security_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon)),this.iconRegistry.addSvgIcon("validity_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon))):(this.security={valid:!1,message:"Security unavailable"},this.validity={valid:!1,message:"Unvalid BioSeal"},this.iconRegistry.addSvgIcon("security_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon)),this.iconRegistry.addSvgIcon("validity_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon))),this.data.res.faceMatchDecision?(this.faceMatch={valid:!0,message:"Face match"},this.iconRegistry.addSvgIcon("face_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon))):(this.faceMatch={valid:!1,message:"Face unmatched"},this.iconRegistry.addSvgIcon("face_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon)))},a.prototype.closeDialog=function(){this.dialogRef.close()},a.prototype.reload=function(){location.reload()},a.decorators=[{type:t.Component,args:[{selector:"id3-bioseal-display",template:'<mat-toolbar  [ngStyle]="this.getStyles()" class="toolbar-dialog">\n    <button class="backButton" (click)="closeDialog()">\n        <mat-icon class="backIcon" svgIcon="back_icon" >back</mat-icon></button>\n        <div class="actionDivider">\n            <div class="divider">\n                <button class="actionButton" (click)="isBlurred=false "\n  \n                [ngStyle]="{\'color\': isBlurred===true? \'#00e676\' : \'#808080\' ,\n                \'border-color\': isBlurred===true? \'#00e676\' : \'#808080\' }"\n               [disabled]="!isBlurred" mat-stroked-button>\n                    <mat-icon class="lockIcon" svgIcon="lock_icon" ></mat-icon> {{unlockMessage}}</button>\n                <button class="actionPhoneButton" (click)="isBlurred=false "\n  \n                [ngStyle]="{\'color\': isBlurred===true? \'#00e676\' : \'#808080\' ,\n                \'border-color\': isBlurred===true? \'#00e676\' : \'#808080\' }"\n               [disabled]="!isBlurred" mat-stroked-button>\n                     {{unlockMessage}}</button>\n                <button class="actionDelectButton"  (click)="reload()" mat-stroked-button>\n                  {{checkMessage}}</button></div></div>\n        \n  \n  </mat-toolbar>\n  \n  <div class ="display">\n    <mat-card>\n        <div class="actionDivider">\n            <div class="divider">\n          \n            <mat-chip-list class="chipList" aria-label="Fish selection">\n                <mat-chip\n  \n                matTooltip="BioSeal® is protected by a digital signature to ensure its origin, validity and authenticity\n                "\n                [ngStyle]="{\'background-color\': security.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\' }"\n                ><mat-icon svgIcon="security_icon" ></mat-icon>{{security.message}}</mat-chip>\n                <mat-chip\n                matTooltip="BioSeal® data structure is valid according to the id3 Technologies specifications.                "\n                [ngStyle]="{\'background-color\': validity.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\'  }"\n                ><mat-icon svgIcon="validity_icon" ></mat-icon>{{validity.message}}</mat-chip>\n                <mat-chip\n                matTooltip="Bioseal® contains the biometric face data of its owner. A biometric matching has been preformed between the BioSeal® content and the submitted face image"\n                [ngStyle]="{\'background-color\': faceMatch.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\'  }"\n                >\n                <mat-icon svgIcon="face_icon" ></mat-icon>{{faceMatch.message}}</mat-chip></mat-chip-list>\n                \n              </div>\n        </div>\n              <id3-personal-information *ngIf="this.personalInformation.isFilled"  [blur]="isBlurred"  [dataToDisplay]="this.personalInformation"></id3-personal-information>\n              <id3-company-information *ngIf="this.companyInformation.isFilled" [blur]="isBlurred"  [dataToDisplay]="this.companyInformation"></id3-company-information>\n              <id3-document-information *ngIf="this.documentInformation.isFilled" [blur]="isBlurred"  [dataToDisplay]="this.documentInformation"></id3-document-information>\n            </mat-card>\n  </div>',styles:[".backButton{border:none;background:0 0;margin:15px}.toolbar-dialog{width:100vw;background-color:#0177c1;display:inline-flex}.mat-dialog-content,mat-card{display:inline-block;overflow:auto;margin-left:auto;margin-right:auto}.display{display:flex;margin-top:2%}.actionButton,.actionDelectButton{float:center;color:#00e676;border-color:#00e676}.actionPhoneButton{display:none}.backIcon{color:#fff}.divider{margin-left:auto;margin-right:0}.actionDivider{width:100%;display:flex}.mat-chip{float:right;color:#fff}.chipList{float:right;padding:10px;margin-bottom:10px}.chipsContainer{width:100%;margin-top:3%;margin-bottom:10px}@media(max-width:1000px){.divider{margin-left:auto;margin-right:0;display:flex}.actionDivider{width:100%;display:flex}.actionPhoneButton{display:block;float:center;color:#00e676;border-color:#00e676;font-size:10px}.custom-dialog-container{padding:0!important;overflow:hidden!important}.actionDelectButton{font-size:10px}.actionButton{display:none}}"]}]}],a.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[e.MAT_DIALOG_DATA]}]},{type:l.MatIconRegistry},{type:n.DomSanitizer},{type:b},{type:e.MatDialogRef}]},a.propDecorators={backgroundColor:[{type:t.Input}],iconCancelDisplay:[{type:t.Input}],lockIcon:[{type:t.Input}],backIcon:[{type:t.Input}],validIcon:[{type:t.Input}],revokeIcon:[{type:t.Input}],unlockMessage:[{type:t.Input}],checkMessage:[{type:t.Input}]},a}(),h=function(){function a(){}return a.prototype.ngOnInit=function(){console.log(this.dataToDisplay)},a.decorators=[{type:t.Component,args:[{selector:"id3-company-information",template:'<div class="companyInformation">\n    \n    <h4 class="title">Company Information</h4>\n    <div class="fields">\n        <mat-form-field\n    *ngIf="dataToDisplay.companyName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.companyName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company phone</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyPhone}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.companyCountry"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company country</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyCountry}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.email"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.email}} >\n</mat-form-field>\n\n\n    </div>\n  </div>  ',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),D=function(){function a(){}return a.prototype.ngOnInit=function(){console.log(this.dataToDisplay)},a.decorators=[{type:t.Component,args:[{selector:"id3-document-information",template:'\n<div class="documentInformation">\n    <br/>\n    <h4 class="title">Document Information</h4>\n    <div class="fields">\n            <mat-form-field\n            *ngIf="dataToDisplay.documentID"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n            appearance="none"\n            floatLabel="always"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]="true" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf="dataToDisplay.license"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n            appearance="none"\n            floatLabel="always"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]="true" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf="dataToDisplay.validityDate"\n        [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n        appearance="none"\n        floatLabel="always"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]="true" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf="dataToDisplay.expDate"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentre"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentrePhone"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentreEmail"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentreCountry"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.reference"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.certNum"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.certDate"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class="iata" *ngIf="dataToDisplay.isIata">\n\n        <div class=\'fields\'>\n      \n          <div *ngFor=" let cer of dataToDisplay.certifications" >\n            <p></p>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n                *ngIf="cer.certificateName"\n                floatLabel="always">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.certificationCenter"\n                floatLabel="always">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.deliveryDate"\n                floatLabel="always">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n                *ngIf="cer.validity"\n                floatLabel="always">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.certificationNumber"\n                floatLabel="always">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.completion"\n                floatLabel="always">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.falseAlarmRate"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.falseAlarmRate"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.trainingTime"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance="none"\n              [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                  *ngIf="cer.trainingTimetwo"\n                  floatLabel="always">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]="true" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),I=function(){function a(){}return a.prototype.ngOnInit=function(){},a.decorators=[{type:t.Component,args:[{selector:"id3-personal-information",template:'<div class="personalInformation">\n\n    <h4 class="title" >Personal Information</h4>\n    <div class="fields">\n        <mat-form-field\n    *ngIf="dataToDisplay.firstName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.lastName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.dateofBirth"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.email"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.gender"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.country"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),v=function(){function a(){}return a.decorators=[{type:t.NgModule,args:[{declarations:[g,I,h,D],imports:[r.MatToolbarModule,o.CommonModule,i.MatButtonModule,l.MatIconModule,u.MatChipsModule,s.MatTooltipModule,m.MatCardModule,c.MatFormFieldModule,p.MatInputModule],entryComponents:[g],exports:[g]}]}],a}();a.BiosealDisplayComponent=g,a.BiosealDisplayModule=v,a.BiosealDisplayService=b,a.CompanyInformationComponent=h,a.CompanyInformationParserService=f,a.DocumentInformationComponent=D,a.DocumentInformationParserService=y,a.PersonalInformationComponent=I,a.PersonalInformationParserService=d,Object.defineProperty(a,"__esModule",{value:!0})});
+!function(a,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/dialog"),require("@angular/platform-browser"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@angular/material/button"),require("@angular/common"),require("@angular/material/chips"),require("@angular/material/tooltip"),require("@angular/material/card"),require("@angular/material/form-field"),require("@angular/material/input")):"function"==typeof define&&define.amd?define("@id3/bioseal-display",["exports","@angular/core","@angular/material/dialog","@angular/platform-browser","@angular/material/icon","@angular/material/toolbar","@angular/material/button","@angular/common","@angular/material/chips","@angular/material/tooltip","@angular/material/card","@angular/material/form-field","@angular/material/input"],t):t(((a=a||self).id3=a.id3||{},a.id3["bioseal-display"]={}),a.ng.core,a.ng.material.dialog,a.ng.platformBrowser,a.ng.material.icon,a.ng.material.toolbar,a.ng.material.button,a.ng.common,a.ng.material.chips,a.ng.material.tooltip,a.ng.material.card,a.ng.material["form-field"],a.ng.material.input)}(this,function(a,t,e,n,l,r,i,o,u,s,m,c,p){"use strict";var d=function(){function a(){this.personalData={isFilled:!1,firstName:null,lastName:null,email:null,dateofBirth:null,gender:null,country:null}}return a.prototype.getPersonaldata=function(a){this.personalData.isFilled=!1;var t=a.res.biographics;return this.personalData.firstName=this.getFirstName(t),this.personalData.lastName=this.getLastName(t),this.personalData.email=this.getEmail(t),this.personalData.dateofBirth=this.getdob(t),this.personalData.gender=this.getGender(t),this.personalData.country=this.getCountry(t),this.personalData},a.prototype.getFirstName=function(a){return null!=a.firstName?(this.personalData.isFilled=!0,a.firstName):null!=a.fn?(this.personalData.isFilled=!0,a.fn):null!=a.fName?(this.personalData.isFilled=!0,a.fName):null!=a.fname?(this.personalData.isFilled=!0,a.fname):null},a.prototype.getLastName=function(a){return null!=a.lastName?(this.personalData.isFilled=!0,a.lastName):null!=a.ln?(this.personalData.isFilled=!0,a.ln):null!=a.lName?(this.personalData.isFilled=!0,a.lName):null!=a.lname?(this.personalData.isFilled=!0,a.lname):null},a.prototype.getdob=function(a){return null!=a.dob?(this.personalData.isFilled=!0,a.dob):null!=a.dateofbirth?(this.personalData.isFilled=!0,a.dateofbirth):null},a.prototype.getEmail=function(a){return null!=a.email?(this.personalData.isFilled=!0,a.email):null!=a.em?(this.personalData.isFilled=!0,a.em):null},a.prototype.getGender=function(a){return null!=a.gender?(this.personalData.isFilled=!0,a.gender):null!=a.gn?(this.personalData.isFilled=!0,a.gn):null},a.prototype.getCountry=function(a){return null!=a.country?(this.personalData.isFilled=!0,a.country):null!=a.cn?(this.personalData.isFilled=!0,a.cn):null},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),f=function(){function a(){this.companyData={isFilled:!1,companyName:null,companyPhone:null,companyCountry:null}}return a.prototype.getProfessionaldata=function(a){this.companyData.isFilled=!1;var t=a.res.biographics;return this.companyData.companyName=this.getCompanyName(t),this.companyData.companyPhone=this.getCompanyPhone(t),this.companyData.companyCountry=this.getCompanyCountry(t),this.companyData},a.prototype.getCompanyName=function(a){return null!=a.companyName?(this.companyData.isFilled=!0,a.companyName):null!=a.cn?(this.companyData.isFilled=!0,a.fn):null!=a.cName?(this.companyData.isFilled=!0,a.cName):null!=a.companyname?(this.companyData.isFilled=!0,a.companyname):null},a.prototype.getCompanyPhone=function(a){return null!=a.companyPhone?(this.companyData.isFilled=!0,a.companyPhone):null!=a.cp?(this.companyData.isFilled=!0,a.cp):null!=a.cPhone?(this.companyData.isFilled=!0,a.cPhone):null!=a.companyphone?(this.companyData.isFilled=!0,a.companyPhone):null},a.prototype.getCompanyCountry=function(a){return null!=a.companyCountry?(this.companyData.isFilled=!0,a.companyCountry):null!=a.cc?(this.companyData.isFilled=!0,a.cc):null},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),y=function(){function a(){this.documentData={isIata:!1,isFilled:!1,documentID:null,licence:null,validityDate:null,expDate:null,examCentre:null,examCentrePhone:null,examCentreEmail:null,examCentreCountry:null,reference:null,certNum:null,certDate:null,certifications:null}}return a.prototype.getDocumentInformation=function(a){this.documentData.isFilled=!1,this.documentData.isIata=!1;var t=a.res.biographics;return this.isIata(t)?(this.documentData.isIata=!0,this.documentData.isFilled=!0,this.documentData.certifications=this.generateCertifications(t)):(this.documentData.isIata=!1,this.documentData.isFilled=!0,this.documentData.documentID=this.getDocID(t),this.documentData.validityDate=this.getValDate(t),this.documentData.expDate=this.getExpDate(t),this.documentData.examCentre=this.getExamCenter(t),this.documentData.examCentrePhone=this.getCenterPhone(t),this.documentData.examCentreEmail=this.getCentreEmail(t),this.documentData.examCentreCountry=this.getCenterCountry(t),this.documentData.reference=this.getReference(t),this.documentData.certNum=this.getCerNum(t),this.documentData.certDate=this.getCerDate(t),this.documentData.licence=this.getLicenceID(t)),this.documentData},a.prototype.getDocID=function(a){return null!=a.cn?a.cn:null!=a.cNumber?a.cNumber:null==a.cnumber?null:void a.cnumber},a.prototype.getExpDate=function(a){return a.expDate?a.expDate:null!=a.expDate?a.expDate:void 0},a.prototype.getValDate=function(a){return null!=a.dov?a.dov:null!=a.validity?a.validity:null},a.prototype.getExamCenter=function(a){return null!=a.examCentre?a.examCentre:null!=a.examCenter?a.examCenter:null},a.prototype.getCenterPhone=function(a){return null!=a.examCentrePhone?a.examCentrePhone:null!=a.examCenterPhone?a.examCenterPhone:null},a.prototype.getCentreEmail=function(a){return null!=a.examCentreEmail?a.examCentreEmail:null!=a.examCenterEmail?a.examCenterEmail:null},a.prototype.getCenterCountry=function(a){return null!=a.examCentreCountry?a.examCentreCountry:(a.examCenterCountry=!0)?a.examCenterCountry:null},a.prototype.getReference=function(a){return null!=a.reference?a.reference:null!=a.ref?a.ref:null},a.prototype.getCerDate=function(a){return null!=a.certDate?a.certDate:null!=a.cDate?a.cDates:null},a.prototype.getCerNum=function(a){return null!=a.certNum?a.certNum:null!=a.cNum?a.cNum:null},a.prototype.getLicenceID=function(a){return null!=a.dLicense?a.dLicense:null!=a.dlicense?a.dlicense:null!=a.dl?a.dl:null},a.prototype.isIata=function(a){return null!=a.cer},a.prototype.generateCertifications=function(a){var t=a.cer.split("//"),e=new Array;return t.forEach(function(a){var t=a.split(";");"C"==t[0]?e.push({certificateName:t[1],certificationCenter:t[2],deliveryDate:t[3],validity:t[4],certificationNumber:t[5],completion:t[6]}):"T"==t[0]&&e.push({certificationName:t[1],certificationCenter:t[2],deliveryDate:t[3],Validity:t[4],certificationNumber:t[5],completion:t[6],falseAlarmRate:t[7],trainingTime:t[8],trainingTimetwo:t[9]})}),e},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a},token:a,providedIn:"root"}),a}(),b=function(){function a(a,t,e){this.personalInformationParser=a,this.companyInformationParser=t,this.documentInformationParser=e}return a.prototype.parsePersonalData=function(a){var t=a;return this.personalInformationParser.getPersonaldata(t)},a.prototype.parseCompanyData=function(a){var t=a;return this.companyInformationParser.getProfessionaldata(t)},a.prototype.parseDocumentData=function(a){var t=a;return console.log(a),this.documentInformationParser.getDocumentInformation(t)},a.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],a.ctorParameters=function(){return[{type:d},{type:f},{type:y}]},a.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new a(t.ɵɵinject(d),t.ɵɵinject(f),t.ɵɵinject(y))},token:a,providedIn:"root"}),a}(),g=function(){function a(a,t,e,n,l){this.data=a,this.iconRegistry=t,this.sanitizer=e,this.biosealDisplay=n,this.dialogRef=l,this.backgroundColor=null,this.isBlurred=!0,this.unlockMessage="UNLOCK DETAILS",this.checkMessage="CHECK NEW PERSON",this.personalInformation=null,this.companyInformation=null,this.documentInformation=null}return a.prototype.getStyles=function(){return{"background-color":null===this.backgroundColor?"rgb(1, 119, 193)":this.backgroundColor}},a.prototype.ngOnInit=function(){this.iconRegistry.addSvgIcon("back_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.iconCancelDisplay)),this.iconRegistry.addSvgIcon("lock_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.lockIcon)),this.personalInformation=this.biosealDisplay.parsePersonalData(this.data),this.companyInformation=this.biosealDisplay.parseCompanyData(this.data),this.documentInformation=this.biosealDisplay.parseDocumentData(this.data),console.log(this.documentInformation),this.data.res.signatureStatus?(this.security={valid:!0,message:"Security check"},this.validity={valid:!0,message:"Valid BioSeal"},this.iconRegistry.addSvgIcon("security_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon)),this.iconRegistry.addSvgIcon("validity_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon))):(this.security={valid:!1,message:"Security unavailable"},this.validity={valid:!1,message:"Unvalid BioSeal"},this.iconRegistry.addSvgIcon("security_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon)),this.iconRegistry.addSvgIcon("validity_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon))),this.data.res.faceMatchDecision?(this.faceMatch={valid:!0,message:"Face match"},this.iconRegistry.addSvgIcon("face_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.validIcon))):(this.faceMatch={valid:!1,message:"Face unmatched"},this.iconRegistry.addSvgIcon("face_icon",this.sanitizer.bypassSecurityTrustResourceUrl(this.revokeIcon)))},a.prototype.closeDialog=function(){this.dialogRef.close()},a.prototype.reload=function(){location.reload()},a.decorators=[{type:t.Component,args:[{selector:"id3-bioseal-display",template:'<mat-toolbar  [ngStyle]="this.getStyles()" class="toolbar-dialog">\n    <button class="backButton" (click)="closeDialog()">\n        <mat-icon class="backIcon" svgIcon="back_icon" >back</mat-icon></button>\n        <div class="actionDivider">\n            <div class="divider">\n                <button class="actionButton" (click)="isBlurred=false "\n  \n                [ngStyle]="{\'color\': isBlurred===true? \'#00e676\' : \'#808080\' ,\n                \'border-color\': isBlurred===true? \'#00e676\' : \'#808080\' }"\n               [disabled]="!isBlurred" mat-stroked-button>\n                    <mat-icon class="lockIcon" svgIcon="lock_icon" ></mat-icon> {{unlockMessage}}</button>\n                <button class="actionPhoneButton" (click)="isBlurred=false "\n  \n                [ngStyle]="{\'color\': isBlurred===true? \'#00e676\' : \'#808080\' ,\n                \'border-color\': isBlurred===true? \'#00e676\' : \'#808080\' }"\n               [disabled]="!isBlurred" mat-stroked-button>\n                     {{unlockMessage}}</button>\n                <button class="actionDelectButton"  (click)="reload()" mat-stroked-button>\n                  {{checkMessage}}</button></div></div>\n        \n  \n  </mat-toolbar>\n  \n  <div class ="display">\n    <mat-card>\n        <div class="actionDivider">\n            <div class="divider">\n          \n            <mat-chip-list class="chipList" aria-label="Fish selection">\n                <mat-chip\n  \n                matTooltip="BioSeal® is protected by a digital signature to ensure its origin, validity and authenticity\n                "\n                [ngStyle]="{\'background-color\': security.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\' }"\n                ><mat-icon svgIcon="security_icon" ></mat-icon>{{security.message}}</mat-chip>\n                <mat-chip\n                matTooltip="BioSeal® data structure is valid according to the id3 Technologies specifications.                "\n                [ngStyle]="{\'background-color\': validity.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\'  }"\n                ><mat-icon svgIcon="validity_icon" ></mat-icon>{{validity.message}}</mat-chip>\n                <mat-chip\n                matTooltip="Bioseal® contains the biometric face data of its owner. A biometric matching has been preformed between the BioSeal® content and the submitted face image"\n                [ngStyle]="{\'background-color\': faceMatch.valid===true? \'#12ae19\' : \'#d50000\',\'margin\':\'13px\'  }"\n                >\n                <mat-icon svgIcon="face_icon" ></mat-icon>{{faceMatch.message}}</mat-chip></mat-chip-list>\n                \n              </div>\n        </div>\n              <id3-personal-information *ngIf="this.personalInformation.isFilled"  [blur]="isBlurred"  [dataToDisplay]="this.personalInformation"></id3-personal-information>\n              <id3-company-information *ngIf="this.companyInformation.isFilled" [blur]="isBlurred"  [dataToDisplay]="this.companyInformation"></id3-company-information>\n              <id3-document-information *ngIf="this.documentInformation.isFilled" [blur]="isBlurred"  [dataToDisplay]="this.documentInformation"></id3-document-information>\n            </mat-card>\n  </div>',styles:[".backButton{border:none;background:0 0;margin:15px}.toolbar-dialog{width:100vw;background-color:#0177c1;display:inline-flex}.mat-dialog-content,mat-card{display:inline-block;overflow:auto;margin-left:auto;margin-right:auto}.display{display:flex;margin-top:2%}.actionButton,.actionDelectButton{float:center;color:#00e676;border-color:#00e676}.actionPhoneButton{display:none}.backIcon{color:#fff}.divider{margin-left:auto;margin-right:0}.actionDivider{width:100%;display:flex}.mat-chip{float:right;color:#fff}.chipList{float:right;padding:10px;margin-bottom:10px}.chipsContainer{width:100%;margin-top:3%;margin-bottom:10px}@media(max-width:1000px){.divider{margin-left:auto;margin-right:0;display:flex}.actionDivider{width:100%;display:flex}.actionPhoneButton{display:block;float:center;color:#00e676;border-color:#00e676;font-size:10px}.custom-dialog-container{padding:0!important;overflow:hidden!important}.actionDelectButton{font-size:10px}.actionButton{display:none}}"]}]}],a.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[e.MAT_DIALOG_DATA]}]},{type:l.MatIconRegistry},{type:n.DomSanitizer},{type:b},{type:e.MatDialogRef}]},a.propDecorators={backgroundColor:[{type:t.Input}],iconCancelDisplay:[{type:t.Input}],lockIcon:[{type:t.Input}],backIcon:[{type:t.Input}],validIcon:[{type:t.Input}],revokeIcon:[{type:t.Input}],unlockMessage:[{type:t.Input}],checkMessage:[{type:t.Input}]},a}(),h=function(){function a(){}return a.prototype.ngOnInit=function(){console.log(this.dataToDisplay)},a.decorators=[{type:t.Component,args:[{selector:"id3-company-information",template:'<div class="companyInformation">\n    \n    <h4 class="title">Company Information</h4>\n    <div class="fields">\n        <mat-form-field\n    *ngIf="dataToDisplay.companyName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.companyName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company phone</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyPhone}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.companyCountry"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Company country</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.companyCountry}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.email"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.email}} >\n</mat-form-field>\n\n\n    </div>\n  </div>  ',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),D=function(){function a(){}return a.prototype.ngOnInit=function(){console.log(this.dataToDisplay)},a.decorators=[{type:t.Component,args:[{selector:"id3-document-information",template:'\n<div class="documentInformation">\n    <br/>\n    <h4 class="title">Document Information</h4>\n    <div class="fields">\n            <mat-form-field\n            *ngIf="dataToDisplay.documentID"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n            appearance="none"\n            floatLabel="always"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]="true" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf="dataToDisplay.license"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n            appearance="none"\n            floatLabel="always"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]="true" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf="dataToDisplay.validityDate"\n        [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n        appearance="none"\n        floatLabel="always"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]="true" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf="dataToDisplay.expDate"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentre"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentrePhone"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentreEmail"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.examCentreCountry"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.reference"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.certNum"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf="dataToDisplay.certDate"\n[ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\nappearance="none"\nfloatLabel="always"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]="true" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class="iata" *ngIf="dataToDisplay.isIata">\n\n        <div class=\'fields\'>\n      \n          <div *ngFor=" let cer of dataToDisplay.certifications" >\n            <p></p>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n                *ngIf="cer.certificateName"\n                floatLabel="always">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.certificationCenter"\n                floatLabel="always">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.deliveryDate"\n                floatLabel="always">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n                *ngIf="cer.validity"\n                floatLabel="always">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.certificationNumber"\n                floatLabel="always">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.completion"\n                floatLabel="always">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.falseAlarmRate"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.falseAlarmRate"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance="none"\n            [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                *ngIf="cer.trainingTime"\n                floatLabel="always">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]="true" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance="none"\n              [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n      \n                  *ngIf="cer.trainingTimetwo"\n                  floatLabel="always">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]="true" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),I=function(){function a(){}return a.prototype.ngOnInit=function(){},a.decorators=[{type:t.Component,args:[{selector:"id3-personal-information",template:'<div class="personalInformation">\n\n    <h4 class="title" >Personal Information</h4>\n    <div class="fields">\n        <mat-form-field\n    *ngIf="dataToDisplay.firstName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.lastName"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.dateofBirth"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.email"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.gender"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf="dataToDisplay.country"\n    [ngStyle]="{\'filter\': blur===true? \'blur(5px)\' : \'blur(0px)\' }"\n    appearance="none"\n    floatLabel="always"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]="true" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ',styles:[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={dataToDisplay:[{type:t.Input}],blur:[{type:t.Input}]},a}(),v=function(){function a(){}return a.decorators=[{type:t.NgModule,args:[{declarations:[g,I,h,D],imports:[r.MatToolbarModule,o.CommonModule,i.MatButtonModule,l.MatIconModule,u.MatChipsModule,s.MatTooltipModule,m.MatCardModule,c.MatFormFieldModule,p.MatInputModule],entryComponents:[g],exports:[g]}]}],a}();a.BiosealDisplayComponent=g,a.BiosealDisplayModule=v,a.BiosealDisplayService=b,a.CompanyInformationComponent=h,a.CompanyInformationParserService=f,a.DocumentInformationComponent=D,a.DocumentInformationParserService=y,a.PersonalInformationComponent=I,a.PersonalInformationParserService=d,Object.defineProperty(a,"__esModule",{value:!0})});
 //# sourceMappingURL=id3-bioseal-display.umd.min.js.map

esm2015/lib/document-information/document-information.component.js

@@ -19,3 +19,3 @@ /**
                 template: "\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>",
-                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]
             }] }
@@ -22,0 +22,0 @@ ];

esm2015/lib/personal-information/personal-information.component.js

@@ -18,3 +18,3 @@ /**
                 template: "<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ",
-                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
             }] }
@@ -21,0 +21,0 @@ ];

esm2015/lib/services/bioseal-display.service.js

@@ -81,2 +81,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlvc2VhbC1kaXNwbGF5LnNlcnZpY2UuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaWQzL2Jpb3NlYWwtZGlzcGxheS8iLCJzb3VyY2VzIjpbImxpYi9zZXJ2aWNlcy9iaW9zZWFsLWRpc3BsYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN6RyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQzs7Ozs7QUFNekcsTUFBTSxPQUFPLHFCQUFxQjs7Ozs7O0lBRWhDLFlBQ1UseUJBQTBELEVBQVMsd0JBQXdELEVBQVMseUJBQTJEO1FBQS9MLDhCQUF5QixHQUF6Qix5QkFBeUIsQ0FBaUM7UUFBUyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQWdDO1FBQVMsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUFrQztJQUNyTSxDQUFDOzs7OztJQUVMLGlCQUFpQixDQUFDLElBQVE7O1lBQ3BCLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUVwRSxDQUFDOzs7OztJQUNELGdCQUFnQixDQUFDLElBQVE7O1lBQ25CLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHdCQUF3QixDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRXZFLENBQUM7Ozs7O0lBQ0QsaUJBQWlCLENBQUMsSUFBUTs7WUFDcEIsVUFBVSxHQUFDLElBQUk7UUFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUUzRSxDQUFDOzs7WUExQkYsVUFBVSxTQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25COzs7O1lBUE8sZ0NBQWdDO1lBQ2hDLCtCQUErQjtZQUMvQixnQ0FBZ0M7Ozs7O0lBT3RDLGdEQUFnQjs7SUFFYiwwREFBaUU7Ozs7O0lBQUMseURBQWdFOzs7OztJQUFDLDBEQUFtRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UGVyc29uYWxJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vcGVyc29uYWwtc2VydmljZXMvcGVyc29uYWwtaW5mb3JtYXRpb24tcGFyc2VyLnNlcnZpY2UnO1xuaW1wb3J0IHtDb21wYW55SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlfSBmcm9tICcuL2NvbXBhbnktc2VydmljZXMvY29tcGFueS1pbmZvcm1hdGlvbi1wYXJzZXIuc2VydmljZSc7XG5pbXBvcnQge0RvY3VtZW50SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlfSBmcm9tICcuL2RvY3VtZW50LXNlcnZpY2VzL2RvY3VtZW50LWluZm9ybWF0aW9uLXBhcnNlci5zZXJ2aWNlJztcblxuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBCaW9zZWFsRGlzcGxheVNlcnZpY2Uge1xuICBwZXJzb25hbFNlY3Rpb247XG4gIGNvbnN0cnVjdG9yKFxuICAgICBwdWJsaWMgcGVyc29uYWxJbmZvcm1hdGlvblBhcnNlcjpQZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyU2VydmljZSxwcml2YXRlIGNvbXBhbnlJbmZvcm1hdGlvblBhcnNlcjpDb21wYW55SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlLHByaXZhdGUgZG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlciA6RG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlclNlcnZpY2VcbiAgKSB7IH1cblxuICBwYXJzZVBlcnNvbmFsRGF0YShkYXRhOmFueSl7XG4gICAgdmFyIGRhdGFQYXJzZWQ9ZGF0YTtcbiAgICBcbiAgICByZXR1cm4gdGhpcy5wZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyLmdldFBlcnNvbmFsZGF0YShkYXRhUGFyc2VkKTtcbiAgXG4gIH1cbiAgcGFyc2VDb21wYW55RGF0YShkYXRhOmFueSl7XG4gICAgdmFyIGRhdGFQYXJzZWQ9ZGF0YTtcblxuICAgIHJldHVybiB0aGlzLmNvbXBhbnlJbmZvcm1hdGlvblBhcnNlci5nZXRQcm9mZXNzaW9uYWxkYXRhKGRhdGFQYXJzZWQpO1xuXG4gIH1cbiAgcGFyc2VEb2N1bWVudERhdGEoZGF0YTphbnkpe1xuICAgIHZhciBkYXRhUGFyc2VkPWRhdGE7XG4gICAgY29uc29sZS5sb2coZGF0YSk7XG4gICAgcmV0dXJuIHRoaXMuZG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlci5nZXREb2N1bWVudEluZm9ybWF0aW9uKGRhdGFQYXJzZWQpO1xuXG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlvc2VhbC1kaXNwbGF5LnNlcnZpY2UuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaWQzL2Jpb3NlYWwtZGlzcGxheS8iLCJzb3VyY2VzIjpbImxpYi9zZXJ2aWNlcy9iaW9zZWFsLWRpc3BsYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN6RyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQzs7Ozs7QUFNekcsTUFBTSxPQUFPLHFCQUFxQjs7Ozs7O0lBRWhDLFlBQ1UseUJBQTBELEVBQVMsd0JBQXdELEVBQVMseUJBQTJEO1FBQS9MLDhCQUF5QixHQUF6Qix5QkFBeUIsQ0FBaUM7UUFBUyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQWdDO1FBQVMsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUFrQztJQUNyTSxDQUFDOzs7OztJQUVMLGlCQUFpQixDQUFDLElBQVE7O1lBQ3BCLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUVwRSxDQUFDOzs7OztJQUNELGdCQUFnQixDQUFDLElBQVE7O1lBQ25CLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHdCQUF3QixDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRXZFLENBQUM7Ozs7O0lBQ0QsaUJBQWlCLENBQUMsSUFBUTs7WUFDcEIsVUFBVSxHQUFDLElBQUk7UUFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixPQUFPLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUUzRSxDQUFDOzs7WUExQkYsVUFBVSxTQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25COzs7O1lBUE8sZ0NBQWdDO1lBQ2hDLCtCQUErQjtZQUMvQixnQ0FBZ0M7Ozs7O0lBT3RDLGdEQUFnQjs7SUFFYiwwREFBaUU7Ozs7O0lBQUMseURBQWdFOzs7OztJQUFDLDBEQUFtRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UGVyc29uYWxJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vcGVyc29uYWwtc2VydmljZXMvcGVyc29uYWwtaW5mb3JtYXRpb24tcGFyc2VyLnNlcnZpY2UnO1xuaW1wb3J0IHtDb21wYW55SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlfSBmcm9tICcuL2NvbXBhbnktc2VydmljZXMvY29tcGFueS1pbmZvcm1hdGlvbi1wYXJzZXIuc2VydmljZSc7XG5pbXBvcnQge0RvY3VtZW50SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlfSBmcm9tICcuL2RvY3VtZW50LXNlcnZpY2VzL2RvY3VtZW50LWluZm9ybWF0aW9uLXBhcnNlci5zZXJ2aWNlJztcblxuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBCaW9zZWFsRGlzcGxheVNlcnZpY2Uge1xuICBwZXJzb25hbFNlY3Rpb247XG4gIGNvbnN0cnVjdG9yKFxuICAgICBwdWJsaWMgcGVyc29uYWxJbmZvcm1hdGlvblBhcnNlcjpQZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyU2VydmljZSxwcml2YXRlIGNvbXBhbnlJbmZvcm1hdGlvblBhcnNlcjpDb21wYW55SW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlLHByaXZhdGUgZG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlciA6RG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlclNlcnZpY2VcbiAgKSB7IH1cblxuICBwYXJzZVBlcnNvbmFsRGF0YShkYXRhOmFueSl7XG4gICAgdmFyIGRhdGFQYXJzZWQ9ZGF0YTtcbiAgIFxuICAgIHJldHVybiB0aGlzLnBlcnNvbmFsSW5mb3JtYXRpb25QYXJzZXIuZ2V0UGVyc29uYWxkYXRhKGRhdGFQYXJzZWQpO1xuICBcbiAgfVxuICBwYXJzZUNvbXBhbnlEYXRhKGRhdGE6YW55KXtcbiAgICB2YXIgZGF0YVBhcnNlZD1kYXRhO1xuXG4gICAgcmV0dXJuIHRoaXMuY29tcGFueUluZm9ybWF0aW9uUGFyc2VyLmdldFByb2Zlc3Npb25hbGRhdGEoZGF0YVBhcnNlZCk7XG5cbiAgfVxuICBwYXJzZURvY3VtZW50RGF0YShkYXRhOmFueSl7XG4gICAgdmFyIGRhdGFQYXJzZWQ9ZGF0YTtcbiAgICBjb25zb2xlLmxvZyhkYXRhKTtcbiAgICByZXR1cm4gdGhpcy5kb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyLmdldERvY3VtZW50SW5mb3JtYXRpb24oZGF0YVBhcnNlZCk7XG5cbiAgfVxufVxuIl19

esm5/lib/document-information/document-information.component.js

@@ -22,3 +22,3 @@ /**
                     template: "\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>",
-                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]
                 }] }
@@ -25,0 +25,0 @@ ];

esm5/lib/personal-information/personal-information.component.js

@@ -21,3 +21,3 @@ /**
                     template: "<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ",
-                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
                 }] }
@@ -24,0 +24,0 @@ ];

esm5/lib/services/bioseal-display.service.js

@@ -90,2 +90,2 @@ /**
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlvc2VhbC1kaXNwbGF5LnNlcnZpY2UuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaWQzL2Jpb3NlYWwtZGlzcGxheS8iLCJzb3VyY2VzIjpbImxpYi9zZXJ2aWNlcy9iaW9zZWFsLWRpc3BsYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN6RyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQzs7Ozs7QUFHekc7SUFLRSwrQkFDVSx5QkFBMEQsRUFBUyx3QkFBd0QsRUFBUyx5QkFBMkQ7UUFBL0wsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUFpQztRQUFTLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBZ0M7UUFBUyw4QkFBeUIsR0FBekIseUJBQXlCLENBQWtDO0lBQ3JNLENBQUM7Ozs7O0lBRUwsaURBQWlCOzs7O0lBQWpCLFVBQWtCLElBQVE7O1lBQ3BCLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUVwRSxDQUFDOzs7OztJQUNELGdEQUFnQjs7OztJQUFoQixVQUFpQixJQUFROztZQUNuQixVQUFVLEdBQUMsSUFBSTtRQUVuQixPQUFPLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUV2RSxDQUFDOzs7OztJQUNELGlEQUFpQjs7OztJQUFqQixVQUFrQixJQUFROztZQUNwQixVQUFVLEdBQUMsSUFBSTtRQUNuQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRTNFLENBQUM7O2dCQTFCRixVQUFVLFNBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25COzs7O2dCQVBPLGdDQUFnQztnQkFDaEMsK0JBQStCO2dCQUMvQixnQ0FBZ0M7OztnQ0FIeEM7Q0FpQ0MsQUEzQkQsSUEyQkM7U0F4QlkscUJBQXFCOzs7SUFDaEMsZ0RBQWdCOztJQUViLDBEQUFpRTs7Ozs7SUFBQyx5REFBZ0U7Ozs7O0lBQUMsMERBQW1FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtQZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyU2VydmljZX0gZnJvbSAnLi9wZXJzb25hbC1zZXJ2aWNlcy9wZXJzb25hbC1pbmZvcm1hdGlvbi1wYXJzZXIuc2VydmljZSc7XG5pbXBvcnQge0NvbXBhbnlJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vY29tcGFueS1zZXJ2aWNlcy9jb21wYW55LWluZm9ybWF0aW9uLXBhcnNlci5zZXJ2aWNlJztcbmltcG9ydCB7RG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vZG9jdW1lbnQtc2VydmljZXMvZG9jdW1lbnQtaW5mb3JtYXRpb24tcGFyc2VyLnNlcnZpY2UnO1xuXG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEJpb3NlYWxEaXNwbGF5U2VydmljZSB7XG4gIHBlcnNvbmFsU2VjdGlvbjtcbiAgY29uc3RydWN0b3IoXG4gICAgIHB1YmxpYyBwZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyOlBlcnNvbmFsSW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlLHByaXZhdGUgY29tcGFueUluZm9ybWF0aW9uUGFyc2VyOkNvbXBhbnlJbmZvcm1hdGlvblBhcnNlclNlcnZpY2UscHJpdmF0ZSBkb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyIDpEb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyU2VydmljZVxuICApIHsgfVxuXG4gIHBhcnNlUGVyc29uYWxEYXRhKGRhdGE6YW55KXtcbiAgICB2YXIgZGF0YVBhcnNlZD1kYXRhO1xuICAgIFxuICAgIHJldHVybiB0aGlzLnBlcnNvbmFsSW5mb3JtYXRpb25QYXJzZXIuZ2V0UGVyc29uYWxkYXRhKGRhdGFQYXJzZWQpO1xuICBcbiAgfVxuICBwYXJzZUNvbXBhbnlEYXRhKGRhdGE6YW55KXtcbiAgICB2YXIgZGF0YVBhcnNlZD1kYXRhO1xuXG4gICAgcmV0dXJuIHRoaXMuY29tcGFueUluZm9ybWF0aW9uUGFyc2VyLmdldFByb2Zlc3Npb25hbGRhdGEoZGF0YVBhcnNlZCk7XG5cbiAgfVxuICBwYXJzZURvY3VtZW50RGF0YShkYXRhOmFueSl7XG4gICAgdmFyIGRhdGFQYXJzZWQ9ZGF0YTtcbiAgICBjb25zb2xlLmxvZyhkYXRhKTtcbiAgICByZXR1cm4gdGhpcy5kb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyLmdldERvY3VtZW50SW5mb3JtYXRpb24oZGF0YVBhcnNlZCk7XG5cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlvc2VhbC1kaXNwbGF5LnNlcnZpY2UuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaWQzL2Jpb3NlYWwtZGlzcGxheS8iLCJzb3VyY2VzIjpbImxpYi9zZXJ2aWNlcy9iaW9zZWFsLWRpc3BsYXkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN6RyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSx1REFBdUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5REFBeUQsQ0FBQzs7Ozs7QUFHekc7SUFLRSwrQkFDVSx5QkFBMEQsRUFBUyx3QkFBd0QsRUFBUyx5QkFBMkQ7UUFBL0wsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUFpQztRQUFTLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBZ0M7UUFBUyw4QkFBeUIsR0FBekIseUJBQXlCLENBQWtDO0lBQ3JNLENBQUM7Ozs7O0lBRUwsaURBQWlCOzs7O0lBQWpCLFVBQWtCLElBQVE7O1lBQ3BCLFVBQVUsR0FBQyxJQUFJO1FBRW5CLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUVwRSxDQUFDOzs7OztJQUNELGdEQUFnQjs7OztJQUFoQixVQUFpQixJQUFROztZQUNuQixVQUFVLEdBQUMsSUFBSTtRQUVuQixPQUFPLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUV2RSxDQUFDOzs7OztJQUNELGlEQUFpQjs7OztJQUFqQixVQUFrQixJQUFROztZQUNwQixVQUFVLEdBQUMsSUFBSTtRQUNuQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLHlCQUF5QixDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBRTNFLENBQUM7O2dCQTFCRixVQUFVLFNBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25COzs7O2dCQVBPLGdDQUFnQztnQkFDaEMsK0JBQStCO2dCQUMvQixnQ0FBZ0M7OztnQ0FIeEM7Q0FpQ0MsQUEzQkQsSUEyQkM7U0F4QlkscUJBQXFCOzs7SUFDaEMsZ0RBQWdCOztJQUViLDBEQUFpRTs7Ozs7SUFBQyx5REFBZ0U7Ozs7O0lBQUMsMERBQW1FIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtQZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyU2VydmljZX0gZnJvbSAnLi9wZXJzb25hbC1zZXJ2aWNlcy9wZXJzb25hbC1pbmZvcm1hdGlvbi1wYXJzZXIuc2VydmljZSc7XG5pbXBvcnQge0NvbXBhbnlJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vY29tcGFueS1zZXJ2aWNlcy9jb21wYW55LWluZm9ybWF0aW9uLXBhcnNlci5zZXJ2aWNlJztcbmltcG9ydCB7RG9jdW1lbnRJbmZvcm1hdGlvblBhcnNlclNlcnZpY2V9IGZyb20gJy4vZG9jdW1lbnQtc2VydmljZXMvZG9jdW1lbnQtaW5mb3JtYXRpb24tcGFyc2VyLnNlcnZpY2UnO1xuXG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEJpb3NlYWxEaXNwbGF5U2VydmljZSB7XG4gIHBlcnNvbmFsU2VjdGlvbjtcbiAgY29uc3RydWN0b3IoXG4gICAgIHB1YmxpYyBwZXJzb25hbEluZm9ybWF0aW9uUGFyc2VyOlBlcnNvbmFsSW5mb3JtYXRpb25QYXJzZXJTZXJ2aWNlLHByaXZhdGUgY29tcGFueUluZm9ybWF0aW9uUGFyc2VyOkNvbXBhbnlJbmZvcm1hdGlvblBhcnNlclNlcnZpY2UscHJpdmF0ZSBkb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyIDpEb2N1bWVudEluZm9ybWF0aW9uUGFyc2VyU2VydmljZVxuICApIHsgfVxuXG4gIHBhcnNlUGVyc29uYWxEYXRhKGRhdGE6YW55KXtcbiAgICB2YXIgZGF0YVBhcnNlZD1kYXRhO1xuICAgXG4gICAgcmV0dXJuIHRoaXMucGVyc29uYWxJbmZvcm1hdGlvblBhcnNlci5nZXRQZXJzb25hbGRhdGEoZGF0YVBhcnNlZCk7XG4gIFxuICB9XG4gIHBhcnNlQ29tcGFueURhdGEoZGF0YTphbnkpe1xuICAgIHZhciBkYXRhUGFyc2VkPWRhdGE7XG5cbiAgICByZXR1cm4gdGhpcy5jb21wYW55SW5mb3JtYXRpb25QYXJzZXIuZ2V0UHJvZmVzc2lvbmFsZGF0YShkYXRhUGFyc2VkKTtcblxuICB9XG4gIHBhcnNlRG9jdW1lbnREYXRhKGRhdGE6YW55KXtcbiAgICB2YXIgZGF0YVBhcnNlZD1kYXRhO1xuICAgIGNvbnNvbGUubG9nKGRhdGEpO1xuICAgIHJldHVybiB0aGlzLmRvY3VtZW50SW5mb3JtYXRpb25QYXJzZXIuZ2V0RG9jdW1lbnRJbmZvcm1hdGlvbihkYXRhUGFyc2VkKTtcblxuICB9XG59XG4iXX0=

fesm2015/id3-bioseal-display.js

@@ -783,3 +783,3 @@ import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Inject, Input, NgModule } from '@angular/core';
                 template: "\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>",
-                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]
             }] }
@@ -810,3 +810,3 @@ ];
                 template: "<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ",
-                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
             }] }
@@ -813,0 +813,0 @@ ];

fesm5/id3-bioseal-display.js

@@ -916,3 +916,3 @@ import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Inject, Input, NgModule } from '@angular/core';
                     template: "\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>",
-                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]
                 }] }
@@ -948,3 +948,3 @@ ];
                     template: "<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ",
-                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
+                    styles: [".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]
                 }] }
@@ -951,0 +951,0 @@ ];

id3-bioseal-display.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"BiosealDisplayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PersonalInformationParserService"},{"__symbolic":"reference","name":"CompanyInformationParserService"},{"__symbolic":"reference","name":"DocumentInformationParserService"}]}],"parsePersonalData":[{"__symbolic":"method"}],"parseCompanyData":[{"__symbolic":"method"}],"parseDocumentData":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"BiosealDisplayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"id3-bioseal-display","template":"<mat-toolbar  [ngStyle]=\"this.getStyles()\" class=\"toolbar-dialog\">\n    <button class=\"backButton\" (click)=\"closeDialog()\">\n        <mat-icon class=\"backIcon\" svgIcon=\"back_icon\" >back</mat-icon></button>\n        <div class=\"actionDivider\">\n            <div class=\"divider\">\n                <button class=\"actionButton\" (click)=\"isBlurred=false \"\n  \n                [ngStyle]=\"{'color': isBlurred===true? '#00e676' : '#808080' ,\n                'border-color': isBlurred===true? '#00e676' : '#808080' }\"\n               [disabled]=\"!isBlurred\" mat-stroked-button>\n                    <mat-icon class=\"lockIcon\" svgIcon=\"lock_icon\" ></mat-icon> {{unlockMessage}}</button>\n                <button class=\"actionPhoneButton\" (click)=\"isBlurred=false \"\n  \n                [ngStyle]=\"{'color': isBlurred===true? '#00e676' : '#808080' ,\n                'border-color': isBlurred===true? '#00e676' : '#808080' }\"\n               [disabled]=\"!isBlurred\" mat-stroked-button>\n                     {{unlockMessage}}</button>\n                <button class=\"actionDelectButton\"  (click)=\"reload()\" mat-stroked-button>\n                  {{checkMessage}}</button></div></div>\n        \n  \n  </mat-toolbar>\n  \n  <div class =\"display\">\n    <mat-card>\n        <div class=\"actionDivider\">\n            <div class=\"divider\">\n          \n            <mat-chip-list class=\"chipList\" aria-label=\"Fish selection\">\n                <mat-chip\n  \n                matTooltip=\"BioSeal® is protected by a digital signature to ensure its origin, validity and authenticity\n                \"\n                [ngStyle]=\"{'background-color': security.valid===true? '#12ae19' : '#d50000','margin':'13px' }\"\n                ><mat-icon svgIcon=\"security_icon\" ></mat-icon>{{security.message}}</mat-chip>\n                <mat-chip\n                matTooltip=\"BioSeal® data structure is valid according to the id3 Technologies specifications.                \"\n                [ngStyle]=\"{'background-color': validity.valid===true? '#12ae19' : '#d50000','margin':'13px'  }\"\n                ><mat-icon svgIcon=\"validity_icon\" ></mat-icon>{{validity.message}}</mat-chip>\n                <mat-chip\n                matTooltip=\"Bioseal® contains the biometric face data of its owner. A biometric matching has been preformed between the BioSeal® content and the submitted face image\"\n                [ngStyle]=\"{'background-color': faceMatch.valid===true? '#12ae19' : '#d50000','margin':'13px'  }\"\n                >\n                <mat-icon svgIcon=\"face_icon\" ></mat-icon>{{faceMatch.message}}</mat-chip></mat-chip-list>\n                \n              </div>\n        </div>\n              <id3-personal-information *ngIf=\"this.personalInformation.isFilled\"  [blur]=\"isBlurred\"  [dataToDisplay]=\"this.personalInformation\"></id3-personal-information>\n              <id3-company-information *ngIf=\"this.companyInformation.isFilled\" [blur]=\"isBlurred\"  [dataToDisplay]=\"this.companyInformation\"></id3-company-information>\n              <id3-document-information *ngIf=\"this.documentInformation.isFilled\" [blur]=\"isBlurred\"  [dataToDisplay]=\"this.documentInformation\"></id3-document-information>\n            </mat-card>\n  </div>","styles":[".backButton{border:none;background:0 0;margin:15px}.toolbar-dialog{width:100vw;background-color:#0177c1;display:inline-flex}.mat-dialog-content,mat-card{display:inline-block;overflow:auto;margin-left:auto;margin-right:auto}.display{display:flex;margin-top:2%}.actionButton,.actionDelectButton{float:center;color:#00e676;border-color:#00e676}.actionPhoneButton{display:none}.backIcon{color:#fff}.divider{margin-left:auto;margin-right:0}.actionDivider{width:100%;display:flex}.mat-chip{float:right;color:#fff}.chipList{float:right;padding:10px;margin-bottom:10px}.chipsContainer{width:100%;margin-top:3%;margin-bottom:10px}@media(max-width:1000px){.divider{margin-left:auto;margin-right:0;display:flex}.actionDivider{width:100%;display:flex}.actionPhoneButton{display:block;float:center;color:#00e676;border-color:#00e676;font-size:10px}.custom-dialog-container{padding:0!important;overflow:hidden!important}.actionDelectButton{font-size:10px}.actionButton{display:none}}"]}]}],"members":{"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconCancelDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"lockIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"backIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"validIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"revokeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"unlockMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"checkMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":29,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":30,"character":26},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":31,"character":23},{"__symbolic":"reference","name":"BiosealDisplayService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}]}]}],"getStyles":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}]}},"CompanyInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-company-information","template":"<div class=\"companyInformation\">\n    \n    <h4 class=\"title\">Company Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.companyName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.companyName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company phone</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyPhone}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.companyCountry\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyCountry}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n\n\n    </div>\n  </div>  ","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DocumentInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-document-information","template":"\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PersonalInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-personal-information","template":"<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CompanyInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getProfessionaldata":[{"__symbolic":"method"}],"getCompanyName":[{"__symbolic":"method"}],"getCompanyPhone":[{"__symbolic":"method"}],"getCompanyCountry":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DocumentInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getDocumentInformation":[{"__symbolic":"method"}],"getDocID":[{"__symbolic":"method"}],"getExpDate":[{"__symbolic":"method"}],"getValDate":[{"__symbolic":"method"}],"getExamCenter":[{"__symbolic":"method"}],"getCenterPhone":[{"__symbolic":"method"}],"getCentreEmail":[{"__symbolic":"method"}],"getCenterCountry":[{"__symbolic":"method"}],"getReference":[{"__symbolic":"method"}],"getCerDate":[{"__symbolic":"method"}],"getCerNum":[{"__symbolic":"method"}],"getLicenceID":[{"__symbolic":"method"}],"isIata":[{"__symbolic":"method"}],"generateCertifications":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"PersonalInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getPersonaldata":[{"__symbolic":"method"}],"getFirstName":[{"__symbolic":"method"}],"getLastName":[{"__symbolic":"method"}],"getdob":[{"__symbolic":"method"}],"getEmail":[{"__symbolic":"method"}],"getGender":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"BiosealDisplayModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BiosealDisplayComponent"},{"__symbolic":"reference","name":"PersonalInformationComponent"},{"__symbolic":"reference","name":"CompanyInformationComponent"},{"__symbolic":"reference","name":"DocumentInformationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":25,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}],"exports":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}]}]}],"members":{}}},"origins":{"BiosealDisplayService":"./lib/services/bioseal-display.service","BiosealDisplayComponent":"./lib/display/bioseal-display.component","CompanyInformationComponent":"./lib/company-information/company-information.component","DocumentInformationComponent":"./lib/document-information/document-information.component","PersonalInformationComponent":"./lib/personal-information/personal-information.component","CompanyInformationParserService":"./lib/services/company-services/company-information-parser.service","DocumentInformationParserService":"./lib/services/document-services/document-information-parser.service","PersonalInformationParserService":"./lib/services/personal-services/personal-information-parser.service","BiosealDisplayModule":"./lib/bioseal-display.module"},"importAs":"@id3/bioseal-display"}
+{"__symbolic":"module","version":4,"metadata":{"BiosealDisplayService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PersonalInformationParserService"},{"__symbolic":"reference","name":"CompanyInformationParserService"},{"__symbolic":"reference","name":"DocumentInformationParserService"}]}],"parsePersonalData":[{"__symbolic":"method"}],"parseCompanyData":[{"__symbolic":"method"}],"parseDocumentData":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"BiosealDisplayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"id3-bioseal-display","template":"<mat-toolbar  [ngStyle]=\"this.getStyles()\" class=\"toolbar-dialog\">\n    <button class=\"backButton\" (click)=\"closeDialog()\">\n        <mat-icon class=\"backIcon\" svgIcon=\"back_icon\" >back</mat-icon></button>\n        <div class=\"actionDivider\">\n            <div class=\"divider\">\n                <button class=\"actionButton\" (click)=\"isBlurred=false \"\n  \n                [ngStyle]=\"{'color': isBlurred===true? '#00e676' : '#808080' ,\n                'border-color': isBlurred===true? '#00e676' : '#808080' }\"\n               [disabled]=\"!isBlurred\" mat-stroked-button>\n                    <mat-icon class=\"lockIcon\" svgIcon=\"lock_icon\" ></mat-icon> {{unlockMessage}}</button>\n                <button class=\"actionPhoneButton\" (click)=\"isBlurred=false \"\n  \n                [ngStyle]=\"{'color': isBlurred===true? '#00e676' : '#808080' ,\n                'border-color': isBlurred===true? '#00e676' : '#808080' }\"\n               [disabled]=\"!isBlurred\" mat-stroked-button>\n                     {{unlockMessage}}</button>\n                <button class=\"actionDelectButton\"  (click)=\"reload()\" mat-stroked-button>\n                  {{checkMessage}}</button></div></div>\n        \n  \n  </mat-toolbar>\n  \n  <div class =\"display\">\n    <mat-card>\n        <div class=\"actionDivider\">\n            <div class=\"divider\">\n          \n            <mat-chip-list class=\"chipList\" aria-label=\"Fish selection\">\n                <mat-chip\n  \n                matTooltip=\"BioSeal® is protected by a digital signature to ensure its origin, validity and authenticity\n                \"\n                [ngStyle]=\"{'background-color': security.valid===true? '#12ae19' : '#d50000','margin':'13px' }\"\n                ><mat-icon svgIcon=\"security_icon\" ></mat-icon>{{security.message}}</mat-chip>\n                <mat-chip\n                matTooltip=\"BioSeal® data structure is valid according to the id3 Technologies specifications.                \"\n                [ngStyle]=\"{'background-color': validity.valid===true? '#12ae19' : '#d50000','margin':'13px'  }\"\n                ><mat-icon svgIcon=\"validity_icon\" ></mat-icon>{{validity.message}}</mat-chip>\n                <mat-chip\n                matTooltip=\"Bioseal® contains the biometric face data of its owner. A biometric matching has been preformed between the BioSeal® content and the submitted face image\"\n                [ngStyle]=\"{'background-color': faceMatch.valid===true? '#12ae19' : '#d50000','margin':'13px'  }\"\n                >\n                <mat-icon svgIcon=\"face_icon\" ></mat-icon>{{faceMatch.message}}</mat-chip></mat-chip-list>\n                \n              </div>\n        </div>\n              <id3-personal-information *ngIf=\"this.personalInformation.isFilled\"  [blur]=\"isBlurred\"  [dataToDisplay]=\"this.personalInformation\"></id3-personal-information>\n              <id3-company-information *ngIf=\"this.companyInformation.isFilled\" [blur]=\"isBlurred\"  [dataToDisplay]=\"this.companyInformation\"></id3-company-information>\n              <id3-document-information *ngIf=\"this.documentInformation.isFilled\" [blur]=\"isBlurred\"  [dataToDisplay]=\"this.documentInformation\"></id3-document-information>\n            </mat-card>\n  </div>","styles":[".backButton{border:none;background:0 0;margin:15px}.toolbar-dialog{width:100vw;background-color:#0177c1;display:inline-flex}.mat-dialog-content,mat-card{display:inline-block;overflow:auto;margin-left:auto;margin-right:auto}.display{display:flex;margin-top:2%}.actionButton,.actionDelectButton{float:center;color:#00e676;border-color:#00e676}.actionPhoneButton{display:none}.backIcon{color:#fff}.divider{margin-left:auto;margin-right:0}.actionDivider{width:100%;display:flex}.mat-chip{float:right;color:#fff}.chipList{float:right;padding:10px;margin-bottom:10px}.chipsContainer{width:100%;margin-top:3%;margin-bottom:10px}@media(max-width:1000px){.divider{margin-left:auto;margin-right:0;display:flex}.actionDivider{width:100%;display:flex}.actionPhoneButton{display:block;float:center;color:#00e676;border-color:#00e676;font-size:10px}.custom-dialog-container{padding:0!important;overflow:hidden!important}.actionDelectButton{font-size:10px}.actionButton{display:none}}"]}]}],"members":{"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconCancelDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"lockIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"backIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"validIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"revokeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"unlockMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"checkMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":29,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":30,"character":26},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":31,"character":23},{"__symbolic":"reference","name":"BiosealDisplayService"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}]}]}],"getStyles":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}]}},"CompanyInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-company-information","template":"<div class=\"companyInformation\">\n    \n    <h4 class=\"title\">Company Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.companyName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.companyName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company phone</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyPhone}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.companyCountry\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Company country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.companyCountry}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n\n\n    </div>\n  </div>  ","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DocumentInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-document-information","template":"\n<div class=\"documentInformation\">\n    <br/>\n    <h4 class=\"title\">Document Information</h4>\n    <div class=\"fields\">\n            <mat-form-field\n            *ngIf=\"dataToDisplay.documentID\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>card ID</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.documentID}} >\n        </mat-form-field>\n\n        <mat-form-field\n            *ngIf=\"dataToDisplay.license\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n            appearance=\"none\"\n            floatLabel=\"always\"\n            >\n            <mat-label>License number</mat-label>\n          <input matInput [readonly]=\"true\" value={{dataToDisplay.license}} >\n        </mat-form-field>\n\n        <mat-form-field\n        *ngIf=\"dataToDisplay.validityDate\"\n        [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n        appearance=\"none\"\n        floatLabel=\"always\"\n        >\n        <mat-label>validity date</mat-label>\n      <input matInput [readonly]=\"true\" value={{dataToDisplay.validityDate}} >\n    </mat-form-field>\n\n    <mat-form-field\n    *ngIf=\"dataToDisplay.expDate\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Expiry date</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.expDate}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentre\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentre}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentrePhone\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center phone</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentrePhone}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreEmail\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center email</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreEmail}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.examCentreCountry\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Exam center country</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.examCentreCountry}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.reference\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Reference</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.reference}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certNum\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification number</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certNum}} >\n</mat-form-field>\n\n<mat-form-field\n*ngIf=\"dataToDisplay.certDate\"\n[ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\nappearance=\"none\"\nfloatLabel=\"always\"\n>\n<mat-label>Certification date</mat-label>\n<input matInput [readonly]=\"true\" value={{dataToDisplay.certDate}} >\n</mat-form-field>\n\n<div class=\"iata\" *ngIf=\"dataToDisplay.isIata\">\n\n        <div class='fields'>\n      \n          <div *ngFor=\" let cer of dataToDisplay.certifications\" >\n            <p></p>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.certificateName\"\n                floatLabel=\"always\">\n                <mat-label>Certification Name</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificateName}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationCenter\"\n                floatLabel=\"always\">\n                <mat-label>Certification center</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationCenter}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.deliveryDate\"\n                floatLabel=\"always\">\n                <mat-label>Delivery date</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.deliveryDate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n                *ngIf=\"cer.validity\"\n                floatLabel=\"always\">\n                <mat-label>Validity</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.validity}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.certificationNumber\"\n                floatLabel=\"always\">\n                <mat-label>Certification Number</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.certificationNumber}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.completion\"\n                floatLabel=\"always\">\n                <mat-label>Compeltion</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.completion}} >\n            </mat-form-field>\n      \n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.falseAlarmRate\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.falseAlarmRate}} >\n            </mat-form-field>\n            <mat-form-field\n            appearance=\"none\"\n            [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                *ngIf=\"cer.trainingTime\"\n                floatLabel=\"always\">\n                <mat-label>false alarm rate</mat-label>\n      \n              <input matInput [readonly]=\"true\" value={{cer.trainingTime}} >\n            </mat-form-field>\n              <mat-form-field\n              appearance=\"none\"\n              [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n      \n                  *ngIf=\"cer.trainingTimetwo\"\n                  floatLabel=\"always\">\n                  <mat-label>false alarm rate</mat-label>\n      \n                <input matInput [readonly]=\"true\" value={{cer.trainingTimetwo}} >\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n\n\n\n        </div></div>","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin-top:3%}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"PersonalInformationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"id3-personal-information","template":"<div class=\"personalInformation\">\n\n    <h4 class=\"title\" >Personal Information</h4>\n    <div class=\"fields\">\n        <mat-form-field\n    *ngIf=\"dataToDisplay.firstName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>First name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.firstName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.lastName\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Last name</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.lastName}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.dateofBirth\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Date of birth</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.dateofBirth}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.email\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Email</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.email}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.gender\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Gender</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.gender}} >\n</mat-form-field>\n<mat-form-field\n    *ngIf=\"dataToDisplay.country\"\n    [ngStyle]=\"{'filter': blur===true? 'blur(5px)' : 'blur(0px)' }\"\n    appearance=\"none\"\n    floatLabel=\"always\"\n    >\n    <mat-label>Country</mat-label>\n  <input matInput [readonly]=\"true\" value={{dataToDisplay.country}} >\n</mat-form-field>\n\n    </div>\n  </div>  ","styles":[".title{color:#0177c1;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400}mat-form-field{margin:15px}div.fields{margin:3% 15px 15px}"]}]}],"members":{"dataToDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"CompanyInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getProfessionaldata":[{"__symbolic":"method"}],"getCompanyName":[{"__symbolic":"method"}],"getCompanyPhone":[{"__symbolic":"method"}],"getCompanyCountry":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"DocumentInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getDocumentInformation":[{"__symbolic":"method"}],"getDocID":[{"__symbolic":"method"}],"getExpDate":[{"__symbolic":"method"}],"getValDate":[{"__symbolic":"method"}],"getExamCenter":[{"__symbolic":"method"}],"getCenterPhone":[{"__symbolic":"method"}],"getCentreEmail":[{"__symbolic":"method"}],"getCenterCountry":[{"__symbolic":"method"}],"getReference":[{"__symbolic":"method"}],"getCerDate":[{"__symbolic":"method"}],"getCerNum":[{"__symbolic":"method"}],"getLicenceID":[{"__symbolic":"method"}],"isIata":[{"__symbolic":"method"}],"generateCertifications":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"PersonalInformationParserService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getPersonaldata":[{"__symbolic":"method"}],"getFirstName":[{"__symbolic":"method"}],"getLastName":[{"__symbolic":"method"}],"getdob":[{"__symbolic":"method"}],"getEmail":[{"__symbolic":"method"}],"getGender":[{"__symbolic":"method"}],"getCountry":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"BiosealDisplayModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BiosealDisplayComponent"},{"__symbolic":"reference","name":"PersonalInformationComponent"},{"__symbolic":"reference","name":"CompanyInformationComponent"},{"__symbolic":"reference","name":"DocumentInformationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":25,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}],"exports":[{"__symbolic":"reference","name":"BiosealDisplayComponent"}]}]}],"members":{}}},"origins":{"BiosealDisplayService":"./lib/services/bioseal-display.service","BiosealDisplayComponent":"./lib/display/bioseal-display.component","CompanyInformationComponent":"./lib/company-information/company-information.component","DocumentInformationComponent":"./lib/document-information/document-information.component","PersonalInformationComponent":"./lib/personal-information/personal-information.component","CompanyInformationParserService":"./lib/services/company-services/company-information-parser.service","DocumentInformationParserService":"./lib/services/document-services/document-information-parser.service","PersonalInformationParserService":"./lib/services/personal-services/personal-information-parser.service","BiosealDisplayModule":"./lib/bioseal-display.module"},"importAs":"@id3/bioseal-display"}

package.json

 {
   "name": "@id3/bioseal-display",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.13",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

541876

increased by0.01%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes