Add double click event

src/components/SlideViewer.tsx

@@ -1417,6 +1417,19 @@ class SlideViewer extends React.Component<SlideViewerProps, SlideViewerState> {
     }
   }
 
+  onRoiDoubleClicked = (event: CustomEventInit): void => {
+    const selectedRoi = event.detail.payload as dmv.roi.ROI
+    if (selectedRoi != null) {
+      this.setState({
+        isSelectedRoiModalVisible: true
+      })
+    } else {
+      this.setState({
+        isSelectedRoiModalVisible: false
+      })
+    }
+  }
+
   onRoiSelected = (event: CustomEventInit): void => {
     const selectedRoi = event.detail.payload as dmv.roi.ROI
     if (selectedRoi != null) {
@@ -1431,13 +1444,11 @@ class SlideViewer extends React.Component<SlideViewerProps, SlideViewerState> {
       this.setState({
         selectedRoiUIDs: new Set([selectedRoi.uid]),
         selectedRoi: selectedRoi,
-        isSelectedRoiModalVisible: true
       })
     } else {
       this.setState({
         selectedRoiUIDs: new Set(),
-        selectedRoi: undefined,
-        isSelectedRoiModalVisible: false
+        selectedRoi: undefined
       })
     }
   }
@@ -1565,6 +1576,10 @@ class SlideViewer extends React.Component<SlideViewerProps, SlideViewerState> {
       'dicommicroscopyviewer_roi_selected',
       this.onRoiSelected
     )
+    document.body.removeEventListener(
+      'dicommicroscopyviewer_roi_double_clicked',
+      this.onRoiDoubleClicked
+    )
     document.body.removeEventListener(
       'dicommicroscopyviewer_roi_removed',
       this.onRoiRemoved
@@ -1664,6 +1679,10 @@ class SlideViewer extends React.Component<SlideViewerProps, SlideViewerState> {
       'dicommicroscopyviewer_roi_selected',
       this.onRoiSelected
     )
+    document.body.addEventListener(
+      'dicommicroscopyviewer_roi_double_clicked',
+      this.onRoiDoubleClicked
+    )
     document.body.addEventListener(
       'dicommicroscopyviewer_roi_removed',
       this.onRoiRemoved