ui_migration fix(deps): --preliminary-- Removing markRaw to static declared components. Improvement, SmartScan now works partially.

webapp/src/components/tabContentComponents/aboutComponents/statusPane.vue

@@ -63,7 +63,7 @@ import { markRaw } from "vue";
 export default {
   name: "StatusPane",
   components: { 
-    ActionButton: markRaw(ActionButton) 
+    ActionButton
   },
 
   data: function () {

webapp/src/components/tabContentComponents/aboutContent.vue

@@ -31,8 +31,8 @@ export default {
   name: "AboutContent",
 
   components: {
-    devTools: markRaw(devTools),
-    statusPane: markRaw(statusPane),
+    devTools,
+    statusPane
   },
 };
 </script>

webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue

@@ -52,8 +52,8 @@ import { markRaw } from "vue";
 
 export default {
   components: {
-    ActionButton: markRaw(ActionButton),
-    ServerSpecifiedPropertyControl: markRaw(ServerSpecifiedPropertyControl),
+    ActionButton,
+    ServerSpecifiedPropertyControl
   },
 
   data() {

webapp/src/components/tabContentComponents/backgroundDetectContent.vue

@@ -20,8 +20,8 @@ export default {
   name: "BackgroundDetectContent",
 
   components: {
-    paneBackgroundDetect: markRaw(paneBackgroundDetect),
-    streamDisplay: markRaw(streamDisplay),
+    paneBackgroundDetect,
+    streamDisplay
   },
 };
 </script>

webapp/src/components/tabContentComponents/controlComponents/autofocusControl.vue

@@ -26,7 +26,7 @@ export default {
   name: "AutofocusControl",
 
   components: {
-    ActionButton: markRaw(ActionButton),
+    ActionButton
   },
 
   data: function () {

webapp/src/components/tabContentComponents/controlComponents/paneControl.vue

@@ -41,9 +41,9 @@ export default {
   name: "PaneControl",
 
   components: {
-    ActionButton: markRaw(ActionButton),
-    positionControl: markRaw(positionControl),
-    autofocusControl: markRaw(autofocusControl),
+    ActionButton,
+    positionControl,
+    autofocusControl
   },
 
   computed: {

webapp/src/components/tabContentComponents/controlComponents/positionControl.vue

@@ -69,9 +69,9 @@ export default {
   name: "PaneControl",
 
   components: {
-    ActionButton: markRaw(ActionButton),
-    syncPropertyButton: markRaw(syncPropertyButton),
-    stageControlButtons: markRaw(stageControlButtons),
+    ActionButton,
+    syncPropertyButton,
+    stageControlButtons
   },
 
   data: function () {

webapp/src/components/tabContentComponents/controlContent.vue

@@ -20,8 +20,8 @@ export default {
   name: "ControlContent",
 
   components: {
-    paneControl: markRaw(paneControl),
-    streamDisplay: markRaw(streamDisplay) ,
+    paneControl,
+    streamDisplay
   },
 };
 </script>

webapp/src/components/tabContentComponents/loggingContent.vue

@@ -90,8 +90,8 @@ export default {
   name: "LoggingContent",
 
   components: {
-    Paginate: markRaw(Paginate),
-    EndpointButton: markRaw(EndpointButton),
+    Paginate,
+    EndpointButton
   },
 
   data: function () {

webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue

@@ -89,8 +89,8 @@ import { markRaw } from "vue";
 export default {
   name: "ScanCard",
   components: { 
-    actionButton: markRaw(actionButton), 
-    EndpointButton: markRaw(EndpointButton) 
+    actionButton,
+    EndpointButton
   },
 
   props: {

webapp/src/components/tabContentComponents/scanListComponents/scanViewer.vue

@@ -61,7 +61,7 @@ import { markRaw } from "vue";
 export default {
   name: "ScanViewerModal",
   components: { 
-    OpenSeadragonViewer: markRaw(OpenSeadragonViewer) 
+    OpenSeadragonViewer
   },
   props: {
     selectedScan: {

webapp/src/components/tabContentComponents/scanListContent.vue

@@ -108,9 +108,9 @@ import { eventBus } from "../../eventBus.js";
 export default {
   name: "ScanListContent",
   components: { 
-    actionButton: markRaw(actionButton), 
-    scanCard: markRaw(scanCard), 
-    ScanViewerModal: markRaw(ScanViewerModal) 
+    actionButton,
+    scanCard,
+    ScanViewerModal
   },
 
   data: function () {

webapp/src/components/tabContentComponents/settingsComponents/CSMSettings.vue

@@ -25,8 +25,8 @@ export default {
   name: "CSMSettings",
 
   components: {
-    CSMCalibrationSettings: markRaw(CSMCalibrationSettings),
-    miniStreamDisplay: markRaw(miniStreamDisplay),
+    CSMCalibrationSettings,
+    miniStreamDisplay
   },
 };
 </script>

webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue

@@ -65,8 +65,8 @@ export default {
   name: "CSMCalibrationSettings",
 
   components: {
-    ActionButton: markRaw(ActionButton),
-    matrixDisplay: markRaw(matrixDisplay),
+    ActionButton,
+    matrixDisplay
   },
 
   props: {

webapp/src/components/tabContentComponents/settingsComponents/cameraSettings.vue

@@ -33,9 +33,9 @@ export default {
   name: "CameraSettings",
 
   components: {
-    cameraCalibrationSettings: markRaw(cameraCalibrationSettings),
-    miniStreamDisplay: markRaw(miniStreamDisplay),
-    ServerSpecifiedPropertyControl: markRaw(ServerSpecifiedPropertyControl),
+    cameraCalibrationSettings,
+    miniStreamDisplay,
+    ServerSpecifiedPropertyControl
   },
 
   data() {

webapp/src/components/tabContentComponents/settingsComponents/cameraSettingsComponents/cameraCalibrationSettings.vue

@@ -30,7 +30,7 @@ export default {
   name: "CameraCalibrationSettings",
 
   components: {
-    ServerSpecifiedActionButton: markRaw(ServerSpecifiedActionButton),
+    ServerSpecifiedActionButton,
   },
 
   props: {

webapp/src/components/tabContentComponents/settingsComponents/displaySettings.vue

@@ -15,8 +15,8 @@ export default {
   name: "DisplaySettings",
 
   components: {
-    streamSettings: markRaw(streamSettings),
-    appSettings: markRaw(appSettings),
+    streamSettings,
+    appSettings
   },
 };
 </script>

webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue

@@ -36,7 +36,7 @@ export default {
   name: "StageSettings",
 
   components: {
-    ActionButton: markRaw(ActionButton),
+    ActionButton
   },
 
   data: function () {

webapp/src/components/tabContentComponents/settingsContent.vue

@@ -76,9 +76,9 @@ export default {
   name: "SettingsContent",
 
   components: {
-    tabIcon: markRaw(tabIcon),
-    tabContent: markRaw(tabContent),
-    calibrationWizard: markRaw(calibrationWizard),
+    tabIcon,
+    tabContent,
+    calibrationWizard
   },
 
   data: function () {

webapp/src/components/tabContentComponents/slideScanContent.vue

@@ -160,12 +160,12 @@ export default {
   name: "SlideScanContent",
 
   components: {
-    streamDisplay: markRaw(streamDisplay),
-    propertyControl: markRaw(propertyControl),
-    actionLogDisplay: markRaw(actionLogDisplay),
-    actionProgressBar: markRaw(actionProgressBar),
-    MiniStreamDisplay: markRaw(MiniStreamDisplay),
-    ActionButton: markRaw(ActionButton),
+    streamDisplay,
+    propertyControl,
+    actionLogDisplay,
+    actionProgressBar,
+    MiniStreamDisplay,
+    ActionButton,
   },
 
   data() {

webapp/src/components/tabContentComponents/viewContent.vue

@@ -16,7 +16,7 @@ export default {
   name: "ViewContent",
 
   components: {
-    streamDisplay: markRaw(streamDisplay),
+    streamDisplay,
   },
 };
 </script>