@3cr/viewer-browser 0.0.35 → 0.0.37

package/package.json

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

package/src/components/MftpWebGL3DRModal.vue

@@ -132,7 +132,7 @@
           class="ma-1 mr-0 pa-1"
           height="36"
           style="min-width: 36px !important"
-          :color="layoutIs2x2() ? 'secondary' : 'primary'"
+          :color="isLayout2x2 ? 'secondary' : 'primary'"
           @click="layouts('lo_02')"
           ><v-icon>grid_view</v-icon></v-btn
         >
@@ -140,7 +140,7 @@
           class="ma-1 mr-0 pa-1"
           height="36"
           style="min-width: 36px !important"
-          :color="layoutIs1x3() ? 'secondary' : 'primary'"
+          :color="isLayout1x3 ? 'secondary' : 'primary'"
           @click="layouts('lo_03')"
           ><v-icon style="rotate: -90deg">view_comfy</v-icon></v-btn
         >
@@ -374,10 +374,10 @@
                   <div v-if="scanState.Layout.PositionData.length !== 1">
                     <v-btn
                       class="transparent icon"
-                      icon="fullscreen"
                       color="transparent"
                       @click="fullscreenLayout(layout.DefaultView)"
                     >
+                      <v-icon color="white">fullscreen</v-icon>
 
                     </v-btn>
                     <v-tooltip target="cursor" location="top" activator="parent">
@@ -917,24 +917,42 @@ async function i_notifications(action: string, message: string) {
   //   }
   // }
 }
-function layoutIs2x2() {
+const isLayout2x2 = computed(() => {
   return (
     unref(scanState).Layout.PositionData.length > 1 &&
     unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.TOP_LEFT &&
     unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &&
     unref(scanState).Layout.PositionData[2].Anchor === AnchorPoint.BOTTOM_LEFT &&
     unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
-  );
-}
-function layoutIs1x3() {
+  )
+})
+const isLayout1x3 = computed(() => {
   return (
     unref(scanState).Layout.PositionData.length > 1 &&
     unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.CENTER &&
     unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &&
     unref(scanState).Layout.PositionData[2].Anchor === AnchorPoint.RIGHT &&
     unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
-  );
-}
+  )
+})
+// function layoutIs2x2() {
+//   return (
+//     unref(scanState).Layout.PositionData.length > 1 &&
+//     unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.TOP_LEFT &&
+//     unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &&
+//     unref(scanState).Layout.PositionData[2].Anchor === AnchorPoint.BOTTOM_LEFT &&
+//     unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
+//   );
+// }
+// function layoutIs1x3() {
+//   return (
+//     unref(scanState).Layout.PositionData.length > 1 &&
+//     unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.CENTER &&
+//     unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &&
+//     unref(scanState).Layout.PositionData[2].Anchor === AnchorPoint.RIGHT &&
+//     unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
+//   );
+// }
 
 function getCurrentGreyscalePreset() {
   for (const preset of unref(initialScanState).GreyscalePresets) {
@@ -953,6 +971,7 @@ function getCurrentGreyscalePreset() {
 }
 function setScanState(message: string) {
   scanState.value = JSON.parse(message) as CurrentScanState;
+  console.log(scanState.value);
 }
 
 function handleOnPayload(interfaceSet: string | FrontEndInterfaces, actionSet: string, message: string) {