@hmcts/media-viewer 2.7.21 → 2.7.22

package/fesm5/hmcts-media-viewer.js

@@ -3522,12 +3522,13 @@ var ViewerUtilService = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var ImageViewerComponent = /** @class */ (function () {
-    function ImageViewerComponent(store, printService, viewerUtilService, toolbarEvents, toolbarButtons) {
+    function ImageViewerComponent(store, printService, viewerUtilService, toolbarEvents, toolbarButtons, viewerEvents) {
         this.store = store;
         this.printService = printService;
         this.viewerUtilService = viewerUtilService;
         this.toolbarEvents = toolbarEvents;
         this.toolbarButtons = toolbarButtons;
+        this.viewerEvents = viewerEvents;
         this.mediaLoadStatus = new EventEmitter();
         this.imageViewerException = new EventEmitter();
         this.rotation = 0;
@@ -3571,6 +3572,26 @@ var ImageViewerComponent = /** @class */ (function () {
          */
         function (toggle) { return _this.showCommentsPanel = toggle; })));
     };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    ImageViewerComponent.prototype.onImageViewerClick = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        /** @type {?} */
+        var classNme = ((/** @type {?} */ (event.target))).className;
+        if (classNme.startsWith('pageContainer')) {
+            this.store.dispatch(new SelectedAnnotation({
+                annotationId: '',
+                selected: false,
+                editable: false,
+            }));
+            this.viewerEvents.clearCtxToolbar();
+        }
+    };
     /**
      * @return {?}
      */
@@ -3815,7 +3836,7 @@ var ImageViewerComponent = /** @class */ (function () {
     ImageViewerComponent.decorators = [
         { type: Component, args: [{
                     selector: 'mv-image-viewer',
-                    template: "<mv-comment-set-header [ngClass]=\"{'show-comments-panel': showCommentsPanel}\"\n                       [showCommentSummary]=\"toolbarButtons.showCommentSummary\"\n                       (showCommentSummaryDialog)=\"toggleCommentsSummary()\">\n</mv-comment-set-header>\n<div mvGrabNDrag [dragX]=\"imageContainer\" [dragEnabled]=\"enableGrabNDrag\"\n     id=\"viewer-wrapper\"\n     [ngStyle]=\"{ height: height }\"\n     [ngClass]=\"{ 'grabNDrag': enableGrabNDrag }\"\n     *ngIf=\"url && !errorMessage\">\n  <div #imageContainer mvCreateTextHighlight id=\"image-container\"\n       [ngClass]=\"{ 'image-container': true, 'annotations': enableAnnotations, 'show-comments-panel': showCommentsPanel }\"\n       [style.height.px]=\"imageHeight\">\n    <img #img\n         [src]=\"url\"\n         [ngClass]=\"'rot' + rotation\"\n         (error)=\"onLoadError(url)\"\n         (load)=\"onLoad(img)\"/>\n    <mv-redactions *ngIf=\"(toolbarEvents.redactionMode | async);else annotationTemplate\"\n                   [zoom]=\"zoom\"\n                   [rotate]=\"rotation\"\n    ></mv-redactions>\n    <ng-template #annotationTemplate>\n      <mv-metadata-layer *ngIf=\"enableAnnotations && annotationSet\"\n                         [zoom]=\"zoom\"\n                         [rotate]=\"rotation\">\n      </mv-metadata-layer>\n    </ng-template>\n  </div>\n\n  <div class=\"comments\" [style.height.px]=\"imageHeight\">\n    <mv-comment-set *ngIf=\"enableAnnotations && annotationSet && !(toolbarEvents.redactionMode | async)\"\n                    [annotationSet]=\"annotationSet\"\n                    [zoom]=\"zoom\"\n                    [rotate]=\"rotation\"\n                    [height]=\"imageHeight\">\n    </mv-comment-set>\n  </div>\n</div>\n"
+                    template: "<mv-comment-set-header [ngClass]=\"{'show-comments-panel': showCommentsPanel}\"\n                       [showCommentSummary]=\"toolbarButtons.showCommentSummary\"\n                       (showCommentSummaryDialog)=\"toggleCommentsSummary()\">\n</mv-comment-set-header>\n<div mvGrabNDrag [dragX]=\"imageContainer\" [dragEnabled]=\"enableGrabNDrag\"\n     id=\"viewer-wrapper\"\n     [ngStyle]=\"{ height: height }\"\n     [ngClass]=\"{ 'grabNDrag': enableGrabNDrag }\"\n     *ngIf=\"url && !errorMessage\">\n  <div #imageContainer id=\"image-container\"\n       [ngClass]=\"{ 'image-container': true, 'annotations': enableAnnotations, 'show-comments-panel': showCommentsPanel }\"\n       [style.height.px]=\"imageHeight\">\n    <img #img\n         [src]=\"url\"\n         [ngClass]=\"'rot' + rotation\"\n         (error)=\"onLoadError(url)\"\n         (load)=\"onLoad(img)\"/>\n    <mv-redactions *ngIf=\"(toolbarEvents.redactionMode | async);else annotationTemplate\"\n                   [zoom]=\"zoom\"\n                   [rotate]=\"rotation\"\n    ></mv-redactions>\n    <ng-template #annotationTemplate>\n      <mv-metadata-layer *ngIf=\"enableAnnotations && annotationSet\"\n                         [zoom]=\"zoom\"\n                         [rotate]=\"rotation\">\n      </mv-metadata-layer>\n    </ng-template>\n  </div>\n\n  <div class=\"comments\" [style.height.px]=\"imageHeight\">\n    <mv-comment-set *ngIf=\"enableAnnotations && annotationSet && !(toolbarEvents.redactionMode | async)\"\n                    [annotationSet]=\"annotationSet\"\n                    [zoom]=\"zoom\"\n                    [rotate]=\"rotation\"\n                    [height]=\"imageHeight\">\n    </mv-comment-set>\n  </div>\n</div>\n"
                 }] }
     ];
     /** @nocollapse */
@@ -3824,7 +3845,8 @@ var ImageViewerComponent = /** @class */ (function () {
         { type: PrintService },
         { type: ViewerUtilService },
         { type: ToolbarEventService },
-        { type: ToolbarButtonVisibilityService }
+        { type: ToolbarButtonVisibilityService },
+        { type: ViewerEventService }
     ]; };
     ImageViewerComponent.propDecorators = {
         url: [{ type: Input }],
@@ -3834,7 +3856,8 @@ var ImageViewerComponent = /** @class */ (function () {
         height: [{ type: Input }],
         mediaLoadStatus: [{ type: Output }],
         imageViewerException: [{ type: Output }],
-        img: [{ type: ViewChild, args: ['img',] }]
+        img: [{ type: ViewChild, args: ['img',] }],
+        onImageViewerClick: [{ type: HostListener, args: ['mousedown', ['$event'],] }]
     };
     return ImageViewerComponent;
 }());