@3cr/viewer-browser 0.0.29 → 0.0.32

package/package.json

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

package/src/components/MftpWebGL3DRModal.vue

@@ -360,7 +360,7 @@
           <div
             class="bordered-event-window"
             v-for="layout in scanState.Layout.PositionData"
-            :key="layoutIs1x3() ? '123' : '234'"
+            :key="componentKey"
             :style="{
               ...generateDivStyleForLayout(layout),
               cursor: getCurrentActiveView(layout) === ScanView.Volume ? 'grab !important' : 'default',
@@ -371,16 +371,15 @@
               <div style="width: 100%; height: 100%">
                 <div class="buttons-in-view" v-show="isHovering">
                   <div v-if="scanState.Layout.PositionData.length !== 1">
-                    <v-tooltip top>
-                      <template #activator="{ props }">
-                        <v-btn
-                          class="transparent icon"
-                          v-bind="props"
-                          icon
-                          @click="fullscreenLayout(layout.DefaultView)"
-                          ><v-icon color="white">fullscreen</v-icon></v-btn
-                        >
-                      </template>
+                    <v-btn
+                      class="transparent icon"
+                      icon="fullscreen"
+                      color="white"
+                      @click="fullscreenLayout(layout.DefaultView)"
+                    >
+
+                    </v-btn>
+                    <v-tooltip target="cursor" location="top" activator="parent">
                       Make {{ getViewName(getCurrentActiveView(layout)) }} fullscreen
                     </v-tooltip>
                   </div>
@@ -571,6 +570,7 @@ defineExpose({
 export interface Props {
   payload: LoadViewerPayload;
 }
+const componentKey = ref(0);
 
 const props = withDefaults(defineProps<Props>(), {
   payload: () => ({
@@ -769,6 +769,9 @@ watch(() => scanState.value.InteractionSettings.RotateSensitivity, async (value:
 watch(() => scanState.value.InteractionSettings.CameraRotateSensitivity, async (value: number) => {
   await scanMovementHandler(ScanMovementActions.sm12, value);
 })
+watch( () => scanState.value.Layout.PositionData, () => {
+  componentKey.value += 1
+})
 
 function getIconForPreset(presetName: string): string | undefined {
   // if (presetName === 'Bone') return 'fa-solid fa-bone';