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

webapp/src/App.vue

@@ -55,8 +55,8 @@ export default {
   name: "App",
 
   components: {
-    appContent: markRaw(appContent),
+    appContent,
-    loadingContent: markRaw(loadingContent),
+    loadingContent
   },
 
   data: function () {

webapp/src/components/appContent.vue

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

webapp/src/components/labThingsComponents/actionButton.vue

@@ -51,8 +51,8 @@ export default {
   ],
 
   components: { 
-    ActionProgressBar: markRaw(ActionProgressBar),
+    ActionProgressBar,
-    ActionStatusModal: markRaw(ActionStatusModal)
+    ActionStatusModal
   },
 
   props: {

webapp/src/components/labThingsComponents/actionLogDisplay.vue

@@ -69,8 +69,7 @@ export default {
     taskStatus: {
       handler() {
         this.scrollToBottom();
-      },
+      }
-      //deep: true,
     },
   },
 

webapp/src/components/labThingsComponents/actionStatusModal.vue

@@ -35,8 +35,8 @@ import { eventBus } from "../../eventBus.js";
 export default {
   name: "ActionStatusModal",
   components: { 
-    ActionProgressBar: markRaw(ActionProgressBar),
+    ActionProgressBar,
-    ActionLogDisplay: markRaw(ActionLogDisplay)
+    ActionLogDisplay
   },
   props: {
     title: {

webapp/src/components/labThingsComponents/inputFromSchema.vue

@@ -107,7 +107,7 @@ export default {
   name: "InputFromSchema",
 
   components: {
-    syncPropertyButton: markRaw(syncPropertyButton),
+    syncPropertyButton
   },
 
   props: {

webapp/src/components/labThingsComponents/propertyControl.vue

@@ -20,7 +20,7 @@ export default {
   name: "PropertyControl",
 
   components: {
-    InputFromSchema: markRaw(InputFromSchema),
+    InputFromSchema
   },
 
   props: {

webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue

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

webapp/src/components/labThingsComponents/serverSpecifiedPropertyControl.vue

@@ -19,7 +19,7 @@ export default {
   name: "ServerSpecifiedPropertyControl",
 
   components: {
-    PropertyControl: markRaw(PropertyControl),
+    PropertyControl
   },
 
   props: {

webapp/src/components/loadingContent.vue

@@ -22,7 +22,7 @@ export default {
   name: "LoadingContent",
 
   components: { 
-    devTools: markRaw(devTools) 
+    devTools 
   },
 
   data: function () {

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationSteps/cameraMainCalibrationStep.vue

@@ -26,8 +26,8 @@ export default {
   name: "CameraMainCalibrationStep",
 
   components: {
-    stepTemplateWithStream: markRaw(stepTemplateWithStream),
+    stepTemplateWithStream,
-    cameraCalibrationSettings: markRaw(cameraCalibrationSettings),
+    cameraCalibrationSettings
   },
 
   computed: {

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationTask.vue

@@ -20,7 +20,7 @@ import { markRaw } from "vue";
 export default {
   name: "CameraCalibrationTask",
   components: { 
-    calibrationWizardTask: markRaw(calibrationWizardTask) },
+    calibrationWizardTask},
   props: {
     // Standard calibrationWizardTask props below:
     first: Boolean,

webapp/src/components/modalComponents/calibrationWizardComponents/cameraStageMappingTask.vue

@@ -20,8 +20,8 @@ import { markRaw } from "vue";
 
 export default {
   name: "CameraCalibrationTask",
-  components: { 
+  components: {
-    calibrationWizardTask: markRaw(calibrationWizardTask) 
+    calibrationWizardTask
   },
   props: {
     // Standard calibrationWizardTask props below:

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/focusStep.vue

@@ -37,8 +37,8 @@ export default {
   name: "CameraMainCalibrationStep",
 
   components: {
-    stepTemplateWithStream: markRaw(stepTemplateWithStream),
+    stepTemplateWithStream,
-    ActionButton: markRaw(ActionButton),
+    ActionButton
   },
 };
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/runCsmStep.vue

@@ -25,8 +25,8 @@ export default {
   name: "CameraMainCalibrationStep",
 
   components: {
-    stepTemplateWithStream: markRaw(stepTemplateWithStream),
+    stepTemplateWithStream,
-    CSMCalibrationSettings: markRaw(CSMCalibrationSettings),
+    CSMCalibrationSettings,
   },
 
   mounted() {

webapp/src/components/modalComponents/calibrationWizardComponents/singleStepTask.vue

@@ -30,7 +30,7 @@ import { markRaw } from "vue";
 export default {
   name: "SingleStepTask",
   components: { 
-    calibrationWizardTask: markRaw(calibrationWizardTask) 
+    calibrationWizardTask
   },
   props: {
     // This must be sent

webapp/src/components/modalComponents/calibrationWizardComponents/stepTemplateWithStream.vue

@@ -15,7 +15,7 @@ export default {
   name: "StepTemplateWithStream",
 
   components: {
-    miniStreamDisplay: markRaw(miniStreamDisplay),
+    miniStreamDisplay
   },
 };
 </script>

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),
+    devTools,
-    statusPane: markRaw(statusPane),
+    statusPane
   },
 };
 </script>

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

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

webapp/src/components/tabContentComponents/backgroundDetectContent.vue

@@ -20,8 +20,8 @@ export default {
   name: "BackgroundDetectContent",
 
   components: {
-    paneBackgroundDetect: markRaw(paneBackgroundDetect),
+    paneBackgroundDetect,
-    streamDisplay: markRaw(streamDisplay),
+    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),
+    ActionButton,
-    positionControl: markRaw(positionControl),
+    positionControl,
-    autofocusControl: markRaw(autofocusControl),
+    autofocusControl
   },
 
   computed: {

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

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

webapp/src/components/tabContentComponents/controlContent.vue

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

webapp/src/components/tabContentComponents/loggingContent.vue

@@ -90,8 +90,8 @@ export default {
   name: "LoggingContent",
 
   components: {
-    Paginate: markRaw(Paginate),
+    Paginate,
-    EndpointButton: markRaw(EndpointButton),
+    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), 
+    actionButton,
-    EndpointButton: markRaw(EndpointButton) 
+    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), 
+    actionButton,
-    scanCard: markRaw(scanCard), 
+    scanCard,
-    ScanViewerModal: markRaw(ScanViewerModal) 
+    ScanViewerModal
   },
 
   data: function () {

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

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

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

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

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

@@ -33,9 +33,9 @@ export default {
   name: "CameraSettings",
 
   components: {
-    cameraCalibrationSettings: markRaw(cameraCalibrationSettings),
+    cameraCalibrationSettings,
-    miniStreamDisplay: markRaw(miniStreamDisplay),
+    miniStreamDisplay,
-    ServerSpecifiedPropertyControl: markRaw(ServerSpecifiedPropertyControl),
+    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),
+    streamSettings,
-    appSettings: markRaw(appSettings),
+    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),
+    tabIcon,
-    tabContent: markRaw(tabContent),
+    tabContent,
-    calibrationWizard: markRaw(calibrationWizard),
+    calibrationWizard
   },
 
   data: function () {

webapp/src/components/tabContentComponents/slideScanContent.vue

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

webapp/src/components/tabContentComponents/viewContent.vue

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