@3cr/viewer-browser 0.0.113 → 0.0.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3cr/viewer-browser",
-  "version": "0.0.113",
+  "version": "0.0.115",
   "main": "./dist/Viewer3CR.umd.js",
   "module": "dist/Viewer3CR.umd.js",
   "homepage": "https://docs.3cr.singular.health",

package/src/components/modal/MftpWebGL3DRModal.vue

@@ -483,7 +483,7 @@
         >
           <div
             class="bordered-event-window"
-            v-for="layout in scanState.Layout.PositionData"
+            v-for="(layout, index) in scanState.Layout.PositionData"
             :key="layout.Anchor"
             :style="{
               ...generateDivStyleForLayout(layout),
@@ -497,7 +497,12 @@
             <v-hover>
               <template v-slot:default="{ isHovering, props }">
                 <div style="width: 100%; height: 100%" v-bind="props">
-                  <div class="buttons-in-view" v-show="isHovering">
+                  <div
+                    class="buttons-in-view"
+                    v-show="
+                      isHovering || menu || menus.filter((x) => x).length > 0
+                    "
+                  >
                     <div v-if="scanState.Layout.PositionData.length !== 1">
                       <v-btn
                         color="transparent"
@@ -558,37 +563,38 @@
                       v-if="getCurrentActiveView(layout) === ScanView.Volume"
                     >
                       <v-menu
+                        v-model="menu"
                         :close-on-content-click="false"
-                        :close-on-click="true"
+                        location="end"
                       >
                         <template v-slot:activator="{ props }">
-                          <div v-bind="{ ...props }">
-                            <v-btn color="transparent" :icon="true">
-                              <v-icon color="white">cut</v-icon>
-                            </v-btn>
-                            <v-tooltip
-                              target="cursor"
-                              location="top"
-                              activator="parent"
-                            >
-                              Slice the 3D Volume
-                            </v-tooltip>
-                          </div>
+                          <v-tooltip location="top">
+                            <template v-slot:activator="{ props: tooltip }">
+                              <v-btn
+                                v-bind="mergeProps(props, tooltip)"
+                                color="transparent"
+                                :icon="true"
+                              >
+                                <v-icon color="white">cut</v-icon>
+                              </v-btn>
+                            </template>
+                            Slice the 3D Volume
+                          </v-tooltip>
                         </template>
                         <v-card min-width="400" class="pb-2">
                           <v-card-title>Slice into the 3D Volume</v-card-title>
                           <DoubleSliderSelector
-                            v-model="tSlider"
+                            v-model:value="tSlider"
                             label="Transverse"
                             v-bind="tMinMax"
                           />
                           <DoubleSliderSelector
-                            v-model="sSlider"
+                            v-model:value="sSlider"
                             label="Sagittal"
                             v-bind="sMinMax"
                           />
                           <DoubleSliderSelector
-                            v-model="cSlider"
+                            v-model:value="cSlider"
                             label="Coronal"
                             v-bind="cMinMax"
                           />
@@ -599,6 +605,7 @@
                       v-if="getCurrentActiveView(layout) !== ScanView.Volume"
                     >
                       <v-menu
+                        v-model="menus[index]"
                         :close-on-content-click="false"
                         :close-on-click="true"
                         offset-overflow
@@ -609,8 +616,7 @@
                             <template #activator="{ props: ttprops }">
                               <v-btn
                                 v-bind="{ ...props, ...ttprops }"
-                                icon
-                                class="icon transparent"
+                                :icon="true"
                               >
                                 <v-icon color="white">360</v-icon>
                               </v-btn>
@@ -728,7 +734,15 @@ import {
   SlidersActions,
   ViewSelectionActions,
 } from "@3cr/types-ts";
-import { defineEmits, nextTick, ref, unref, watch, WatchSource } from "vue";
+import {
+  defineEmits,
+  mergeProps,
+  nextTick,
+  ref,
+  unref,
+  watch,
+  WatchSource,
+} from "vue";
 
 import {
   checkIsDemo,
@@ -793,6 +807,8 @@ const props = withDefaults(defineProps<Props>(), {
 const web_gl = ref<typeof WebGL3DR | null>(null);
 const payloadHandler = new PayloadHandler(web_gl);
 const value = ref<boolean>(false);
+const menu = ref<boolean>(false);
+const menus = ref<Array<boolean>>([false, false, false, false]);
 const drawer = ref<boolean>(true);
 const drawerCollapsed = ref<boolean>(true);
 const scanLoading = ref<boolean>(true);

package/src/dataLayer/scanState.ts

@@ -72,7 +72,7 @@ export const tSlider = computed({
   },
   set(value: Array<number>) {
     scanState.value.Slice.TransverseLower = value[0];
-    scanState.value.Slice.TransverseLower = value[1];
+    scanState.value.Slice.TransverseUpper = value[1];
   },
 });
 export const sSlider = computed({