@hmcts/annotation-ui-lib/hmcts-annotation-ui-lib.metadata.json

PDF Viewer and ability to highlight text with and comment tracking

{"__symbolic":"module","version":4,"metadata":{"HmctsEmViewerUiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ng-toolkit/universal","name":"NgtUniversalModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":34,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵw"}],"entryComponents":[{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵw"}],"providers":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵr"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-comments","template":"<div *ngIf=\"pageNumber\" id=\"comment-wrapper\">\n  <div class=\"comment-list-container\">\n\n    <div *ngFor=\"let annotation of annotations\" class=\"highlight-group\">\n      <app-comment-item #commentItem\n                        *ngFor=\"let comment of annotation.comments\"\n                        [annotation]=\"annotation\"\n                        [comment]=\"comment\"\n                        (commentSubmitted)='showAllComments()'\n                        (commentRendered)='redrawCommentItemComponents()'\n      ></app-comment-item>\n    </div>\n  </div>\n</div>\n","styles":["#comment-wrapper{position:absolute;height:100%;width:380px;right:0;overflow:hidden;z-index:0;font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:12px}#comment-wrapper .comment-list{font-size:12px;position:absolute;top:38px;left:0;right:0;bottom:0}#comment-wrapper .comment-list-container{position:absolute;top:0;left:0;right:0;bottom:47px;overflow-x:hidden;overflow-y:auto}"]}]}],"members":{"commentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":21,"character":5},"arguments":["commentItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"redrawCommentItemComponents":[{"__symbolic":"method"}],"sortCommentItemComponents":[{"__symbolic":"method"}],"processSort":[{"__symbolic":"method"}],"isAnnotationOnSameLine":[{"__symbolic":"method"}],"isOverlapping":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"preRun":[{"__symbolic":"method"}],"showAllComments":[{"__symbolic":"method"}],"handleAnnotationBlur":[{"__symbolic":"method"}],"handleAnnotationClick":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}]}],"getAnnotationFocusSubject":[{"__symbolic":"method"}],"setAnnotationFocusSubject":[{"__symbolic":"method"}],"getCommentFocusSubject":[{"__symbolic":"method"}],"setCommentFocusSubject":[{"__symbolic":"method"}],"getCommentBtnSubject":[{"__symbolic":"method"}],"setCommentBtnSubject":[{"__symbolic":"method"}],"setToolBarUpdate":[{"__symbolic":"method"}],"getToolbarUpdate":[{"__symbolic":"method"}],"preLoad":[{"__symbolic":"method"}],"handleAnnotationEvent":[{"__symbolic":"method"}],"getAnnotationSet":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}],"saveAnnotation":[{"__symbolic":"method"}],"deleteAnnotation":[{"__symbolic":"method"}],"editComment":[{"__symbolic":"method"}],"getAnnotationById":[{"__symbolic":"method"}],"getAnnotationsForPage":[{"__symbolic":"method"}],"getCommentsForAnnotation":[{"__symbolic":"method"}],"getAnnotation":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}],"addComment":[{"__symbolic":"method"}],"getAnnotations":[{"__symbolic":"method"}],"deleteComment":[{"__symbolic":"method"}],"deleteAnnotationById":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"setClass":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"buildLog":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":17},"arguments":[{"__symbolic":"reference","module":"@ng-toolkit/universal","name":"WINDOW","line":18,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},null]}],"getAnnotationChangeSubject":[{"__symbolic":"method"}],"setStoreData":[{"__symbolic":"method"}],"editComment":[{"__symbolic":"method"}],"updateComments":[{"__symbolic":"method"}],"_getAnnotations":[{"__symbolic":"method"}],"_getComments":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"isDraftComment":[{"__symbolic":"method"}],"getStoreAdapter":[{"__symbolic":"method"}],"findById":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","members":{"buildLineRectangle":[{"__symbolic":"method"}],"generateRectanglePerLine":[{"__symbolic":"method"}],"getAnnotationLineHeight":[{"__symbolic":"method"}],"sortByY":[{"__symbolic":"method"}],"sortByX":[{"__symbolic":"method"}],"sortByLinePosition":[{"__symbolic":"method"}],"difference":[{"__symbolic":"method"}],"clickIsHighlight":[{"__symbolic":"method"}],"getClickedPage":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":16,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":15,"character":36},null,{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":17,"character":39}]}],"setBaseUrl":[{"__symbolic":"method"}],"getBaseUrl":[{"__symbolic":"method"}],"createAnnotationSet":[{"__symbolic":"method"}],"fetch":[{"__symbolic":"method"}],"documentTask":[{"__symbolic":"method"}],"deleteAnnotation":[{"__symbolic":"method"}],"saveAnnotation":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵh"}]}],"preRun":[{"__symbolic":"method"}],"getAnnotationWrapper":[{"__symbolic":"method"}],"setAnnotationWrapper":[{"__symbolic":"method"}],"getPageNumber":[{"__symbolic":"method"}],"setPageNumber":[{"__symbolic":"method"}],"setHighlightTool":[{"__symbolic":"method"}],"setCursorTool":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","members":{"createPage":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"enableRect":[{"__symbolic":"method"}],"disableRect":[{"__symbolic":"method"}],"setStoreAdapter":[{"__symbolic":"method"}],"getStoreAdapter":[{"__symbolic":"method"}],"getUi":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵh"}]}],"getDataLoadedSub":[{"__symbolic":"method"}],"dataLoadedUpdate":[{"__symbolic":"method"}],"getRenderOptions":[{"__symbolic":"method"}],"setRenderOptions":[{"__symbolic":"method"}],"getViewerElementRef":[{"__symbolic":"method"}],"getPdfPages":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"addDomPage":[{"__symbolic":"method"}],"addPageRotation":[{"__symbolic":"method"}],"getPageRotation":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","members":{"getDocument":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-comment-item","template":"<form class=\"aui-comment comment-list-item\"\n      (ngSubmit)=\"onSubmit()\"\n      #commentSelector\n      #commentItem=\"ngForm\"\n      (click)=\"handleCommentClick($event)\"\n      [style.top.px]=\"commentTopPos\">\n  <div #detailsWrapper id=\"detailsWrapper\" class=\"aui-comment__header\">\n    <span *ngIf=\"comment.createdByDetails\" class=\"aui-comment__author\">{{comment.createdByDetails.forename}} {{comment.createdByDetails.surname}}</span>\n    <time #commentDate class=\"aui-comment__meta\" ng-controller=\"datCtrl\">{{ comment.createdDate | date: 'd MMMM y h:mm a' }}</time>\n    <div *ngIf=\"false\">\n      <span>modified By: {{comment.lastModifiedByDetails.forename}} {{comment.lastModifiedByDetails.surname}}</span>\n      <time class=\"aui-comment__meta\" ng-controller=\"datCtrl\"><br>{{ comment.lastModifiedDate | date: 'd MMMM y h:mm a' }}</time>\n    </div>\n  </div>\n\n  <textarea\n    #commentArea\n    (blur)=\"onBlur()\"\n    type=\"text\"\n    [class.mimic-focus]=\"focused\"\n    class=\"aui-comment__content form-control mimic-focus view-mode\"\n    required\n    [ngModel]=\"sliceComment\" name=\"content\"\n    value=\"comment.content\"\n    [readonly]=\"!focused\"></textarea>\n\n  <div [hidden]=\"hideButton\" class=\"aui-comment__footer commentBtns\">\n    <button *ngIf=\"focused\" type=\"submit\" class=\"govuk-button\" role=\"button\">Save</button>\n    <button *ngIf=\"!focused\" (click)=\"onEdit()\" class=\"govuk-button\" role=\"button\">Edit</button>\n    <button\n      *ngIf=\"!focused\"\n      class=\"govuk-button hmcts hmcts-button--secondary\"\n      role=\"button\"\n      (click)=\"handleDeleteComment()\">Delete</button>\n    <button\n      *ngIf=\"focused\"\n      class=\"govuk-button hmcts hmcts-button--secondary\"\n      role=\"button\"\n      (click)=\"onCancel()\">Cancel</button>\n  </div>\n</form>\n","styles":["form{width:95%;margin-bottom:5px;position:absolute;background-color:#fff;padding:20px 20px 0}form textarea{width:95%;padding:2px;border:none;font-size:17px;font-family:nta,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;overflow:hidden;resize:none}.mimic-focus{outline-offset:-2px;outline:#0b0c0c auto 5px}textarea.view-mode:focus{outline:0}#detailsWrapper{padding:0}#detailsWrapper.expanded{margin-bottom:15px}.commentBtns{height:50px}.expanded{margin-top:0}.collapsed{height:30px}textarea.expanded{margin-bottom:10px}textarea.collapsed{margin-top:-25px;max-height:20px}.collapsed>time{display:none}"]}]}],"members":{"comment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"annotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"commentSubmitted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"commentRendered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"commentSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["commentSelector"]}]}],"commentArea":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["commentArea"]}]}],"commentItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["commentItem"]}]}],"detailsWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":["detailsWrapper"]}]}],"commentDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":5},"arguments":["commentDate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":46,"character":34},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setHeight":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onEdit":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"viewOnly":[{"__symbolic":"method"}],"editOnly":[{"__symbolic":"method"}],"isModified":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"convertFormToComment":[{"__symbolic":"method"}],"handleDeleteComment":[{"__symbolic":"method"}],"handleCommentClick":[{"__symbolic":"method"}],"handleShowBtn":[{"__symbolic":"method"}],"handleHideBtn":[{"__symbolic":"method"}],"collapseComment":[{"__symbolic":"method"}],"isCommentEmpty":[{"__symbolic":"method"}],"isShrinkable":[{"__symbolic":"method"}],"shrinkComment":[{"__symbolic":"method"}],"removeMultipleLines":[{"__symbolic":"method"}],"expandComment":[{"__symbolic":"method"}],"getRelativePosition":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-contextual-toolbar","template":"<div [hidden]=\"!isShowToolbar\" class=\"toolbar\"\n     [style.left.px]=\"toolPos.left\"\n     [style.top.px]=\"toolPos.top\">\n\n  <button\n    [hidden]=\"showDelete\"\n    type=\"button\" class=\"aui__toolbar-button aui__toolbar-button--comments contextual-btn leftButton\"\n    title=\"Highlight\"\n    (click)=\"handleHighlightBtnClick()\"\n  ><span>Add Highlight</span></button>\n\n  <button\n    [hidden]=\"!showDelete\"\n    type=\"button\"\n    title=\"Delete\" class=\"aui__toolbar-button aui__toolbar-button--comments contextual-btn leftButton\"\n    (click)=\"handleDeleteBtnClick()\"\n  ><span>Remove Highlight</span></button>\n\n  <button type=\"button\" title=\"Comment\" class=\"aui__toolbar-button aui__toolbar-button--comments contextual-btn rightButton\"\n          (click)=\"handleCommentBtnClick()\"\n  ><span>Comment</span></button>\n\n\n  <div class=\"arrow-down\">\n    <div class=\"inner-triangle\"></div>\n  </div>\n\n</div>\n","styles":[".toolbar{position:absolute;background-color:#fff;height:52px;width:350px;margin:0 auto;text-shadow:1px 1px 0 #fff;z-index:1;border:1px solid #c1c1c1;box-shadow:0 2px #c1c1c1}.toolbar .spacer{display:inline-block;border-left:1px solid #c1c1c1;height:34px;margin:0 5px -11px}.toolbar button span{margin-left:20px}.toolbar button{padding:0;margin-left:2.5%;margin-right:2.5%;margin-top:6px;height:40px;border:0}.toolbar button:hover{border:1px solid #000}.contextual-btn{font-size:16px;background:5px 50%/20px 20px no-repeat #fff}.rightButton{width:124px;background-image:url(/assets/images/icon-document-comments.svg)}.leftButton{background-image:url(/assets/images/annotate-highlight.svg);width:190px}.arrow-down{margin:53px auto 0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #c1c1c1}.inner-triangle{position:relative;top:-13px;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}"]}]}],"members":{"deletedAnnotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":24,"character":27},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showToolBar":[{"__symbolic":"method"}],"getRelativePosition":[{"__symbolic":"method"}],"hideToolBar":[{"__symbolic":"method"}],"handleCommentBtnClick":[{"__symbolic":"method"}],"handleHighlightBtnClick":[{"__symbolic":"method"}],"handleDeleteBtnClick":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-annotation-pdf-viewer","template":"\n<app-comments (click)=\"handleClick($event, false)\" #commentsComponent\n              *ngIf=\"annotate\"></app-comments>\n\n<div id=\"annotation-wrapper\" #annotationWrapper>\n  <app-contextual-toolbar (deletedAnnotation)=\"renderComments()\" #contextualToolbar></app-contextual-toolbar>\n\n  <div id=\"content-wrapper\"\n       #contentWrapper\n       (click)=\"handleClick($event, true)\">\n    <div id=\"viewer\" #viewer class=\"pdfViewer\"></div>\n  </div>\n</div>\n","styles":["#annotation-wrapper{position:relative;width:100%}#content-wrapper{overflow:hidden}"]}]}],"members":{"annotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"dmDocumentId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"outputDmDocumentId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"annotationSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"baseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"rotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"contentWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":5},"arguments":["contentWrapper"]}]}],"viewerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":["viewer"]}]}],"annotationWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":5},"arguments":["annotationWrapper"]}]}],"commentsComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":5},"arguments":["commentsComponent"]}]}],"contextualToolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["contextualToolbar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":51,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":34},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadAnnotations":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}],"renderComments":[{"__symbolic":"method"}],"unfocusAnnotation":[{"__symbolic":"method"}],"handleAnnotationClick":[{"__symbolic":"method"}],"focusHighlightStyle":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵf"}]}],"exportPdf":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":8,"character":50},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":10,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":11,"character":32}]}],"addToDom":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-image-viewer","template":"\n    <div id=\"viewer-wrapper\">\n        <button\n          *ngIf=\"rotate\"\n          class=\"govuk-button hmcts hmcts-button--secondary rotate\"\n          title=\"Clockwise\"\n          role=\"button\"\n          (click)=\"onRotateClockwise()\">Rotate</button>\n\n        <img #img *ngIf=\"url\" data-hook=\"dm.viewer.img\" [src]=\"url\"  />\n    </div>","styles":["#viewer-wrapper{position:relative;width:100%}.rotate{z-index:1;position:absolute;right:0;background-repeat:no-repeat;background-size:14px 14px;background-position:3px 50%;padding-left:25px;background-image:url(/assets/images/viewer-rotate.svg)}.anti{right:24px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}img{width:100%}"]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"originalUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"rotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"img":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":["img"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":17,"character":34},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"onRotateClockwise":[{"__symbolic":"method"}],"rotateImage":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-unsupported-viewer","template":"<p data-hook=\"dm.viewer.unsupported\">\n  This file type is not supported. Please <a href=\"{{url}}\">click here to download</a>.\n</p>\n","styles":[""]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"originalUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-document-viewer","template":"\n<ng-template appViewerAnchor></ng-template>\n\n<div class=\"grid-row\">\n  <div *ngIf=\"error\"  class=\"error-summary\" role=\"alert\" aria-labelledby=\"error-summary-heading-example-1\" tabindex=\"-1\">\n    <h2 class=\"heading-medium error-summary-heading\" id=\"error-summary-heading-example-1\">There was an error while loading your document.</h2>\n    <p>Response status was {{error.status}}.</p>\n  </div>\n</div>\n\n"}]}],"members":{"viewerAnchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵs"}]}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"annotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"baseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"isDM":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"contentType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"rotate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"buildViewer":[{"__symbolic":"method"}],"buildComponent":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[appViewerAnchor]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":39}]}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":12,"character":50},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵc"}]}],"getDocumentId":[{"__symbolic":"method"}],"buildComponent":[{"__symbolic":"method"}],"buildAnnotateUi":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}]},"statics":{"isImage":{"__symbolic":"function","parameters":["mimeType"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mimeType"},"member":"startsWith"},"arguments":["image/"]},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"mimeType"},"right":"image"}}},"isPdf":{"__symbolic":"function","parameters":["mimeType"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"mimeType"},"right":"application/pdf"},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"mimeType"},"right":"pdf"}}}}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"fixDm":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":13,"character":36},{"__symbolic":"reference","module":"@angular/platform-browser","name":"TransferState","line":14,"character":31}]}],"getDocumentMetadata":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-rotation-toolbar","template":"<div class=\"viewer-menu\" [ngStyle]=\"viewerStyle\">\n  <button\n    [ngStyle]=\"rotationStyle\"\n    class=\"govuk-button hmcts hmcts-button--secondary rotate\"\n    title=\"Clockwise\"\n    role=\"button\"\n    (click)=\"onRotateClockwise()\">Rotate</button>\n</div>\n","styles":[".viewer-menu{width:100%;position:-webkit-sticky;position:sticky;left:0}.rotate{background-repeat:no-repeat;background-size:14px 14px;background-position:3px 50%;background-image:url(/assets/images/viewer-rotate.svg);padding-left:25px;float:right}"]}]}],"members":{"pageNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"calculateRotation":[{"__symbolic":"method"}],"onRotateClockwise":[{"__symbolic":"method"}]}}},"origins":{"HmctsEmViewerUiModule":"./lib/hmcts-em-viewer-ui.module","ɵa":"./lib/viewers/annotation-pdf-viewer/comments/comments.component","ɵb":"./lib/data/annotation-store.service","ɵc":"./lib/logging/em-logger.service","ɵd":"./lib/data/pdf-adapter","ɵe":"./lib/data/utils","ɵf":"./lib/data/api-http.service","ɵg":"./lib/data/pdf.service","ɵh":"./lib/data/js-wrapper/pdf-annotate-wrapper","ɵi":"./lib/data/pdf-render.service","ɵj":"./lib/data/js-wrapper/pdf-wrapper","ɵk":"./lib/viewers/annotation-pdf-viewer/comments/comment-item/comment-item.component","ɵl":"./lib/viewers/annotation-pdf-viewer/contextual-toolbar/contextual-toolbar.component","ɵm":"./lib/viewers/annotation-pdf-viewer/annotation-pdf-viewer.component","ɵn":"./lib/data/npa.service","ɵo":"./lib/viewers/annotation-pdf-viewer/rotation-toolbar/rotation-factory.service","ɵp":"./lib/viewers/image-viewer/image-viewer.component","ɵq":"./lib/viewers/unsupported-viewer/unsupported-viewer.component","ɵr":"./lib/document-viewer/document-viewer.component","ɵs":"./lib/document-viewer/viewer-anchor.directive","ɵt":"./lib/viewers/viewer-factory.service","ɵu":"./lib/data/url-fixer.service","ɵv":"./lib/document-viewer/document-viewer.service","ɵw":"./lib/viewers/annotation-pdf-viewer/rotation-toolbar/rotation.component"},"importAs":"@hmcts/annotation-ui-lib"}