@hmcts/media-viewer 2.7.21 → 2.7.22

package/bundles/hmcts-media-viewer.umd.js

@@ -3602,12 +3602,13 @@
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var ImageViewerComponent = /** @class */ (function () {
-        function ImageViewerComponent(store$$1, printService, viewerUtilService, toolbarEvents, toolbarButtons) {
+        function ImageViewerComponent(store$$1, printService, viewerUtilService, toolbarEvents, toolbarButtons, viewerEvents) {
             this.store = store$$1;
             this.printService = printService;
             this.viewerUtilService = viewerUtilService;
             this.toolbarEvents = toolbarEvents;
             this.toolbarButtons = toolbarButtons;
+            this.viewerEvents = viewerEvents;
             this.mediaLoadStatus = new i0.EventEmitter();
             this.imageViewerException = new i0.EventEmitter();
             this.rotation = 0;
@@ -3644,6 +3645,26 @@
                  * @return {?}
                  */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 {?}
          */
@@ -3887,7 +3908,7 @@
         ImageViewerComponent.decorators = [
             { type: i0.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 */
@@ -3897,7 +3918,8 @@
                 { type: PrintService },
                 { type: ViewerUtilService },
                 { type: ToolbarEventService },
-                { type: ToolbarButtonVisibilityService }
+                { type: ToolbarButtonVisibilityService },
+                { type: ViewerEventService }
             ];
         };
         ImageViewerComponent.propDecorators = {
@@ -3908,7 +3930,8 @@
             height: [{ type: i0.Input }],
             mediaLoadStatus: [{ type: i0.Output }],
             imageViewerException: [{ type: i0.Output }],
-            img: [{ type: i0.ViewChild, args: ['img',] }]
+            img: [{ type: i0.ViewChild, args: ['img',] }],
+            onImageViewerClick: [{ type: i0.HostListener, args: ['mousedown', ['$event'],] }]
         };
         return ImageViewerComponent;
     }());