@abi-software/mapintegratedvuer 0.7.0-vue3.7 → 0.7.0-vue3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "0.7.0-vue3.7",
+  "version": "0.7.0-vue3.8",
   "license": "Apache-2.0",
   "scripts": {
     "serve": "vite --host --force",
@@ -42,11 +42,11 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/flatmapvuer": "^0.6.0-vue3.7",
+    "@abi-software/flatmapvuer": "^0.6.0-vue3.8",
     "@abi-software/map-side-bar": "^1.7.0-vue3.4",
-    "@abi-software/plotvuer": "^0.4.0-vue-3-alpha.7",
+    "@abi-software/plotvuer": "^0.4.0-vue-3-alpha.10",
     "@abi-software/scaffoldvuer": "^0.4.0-vue3.6",
-    "@abi-software/simulationvuer": "^0.7.0-vue-3-alpha.4",
+    "@abi-software/simulationvuer": "^0.7.0-vue-3-alpha.5",
     "@abi-software/svg-sprite": "^0.4.0-vue3-beta.0",
     "@cypress/vite-dev-server": "^5.0.7",
     "@element-plus/icons-vue": "^2.3.1",

package/src/components/ContentBar.vue

@@ -21,7 +21,7 @@
         {{ getEntryTitle(entry) }}
       </div>
     </div>
-    <el-row class="icon-group">    
+    <el-row class="icon-group">
       <div v-show="contextCardEntry && contextCardVisible" class="hide" @click="contextCardVisible = false">
         Hide information
         <el-icon><el-icon-arrow-up /></el-icon>
@@ -30,7 +30,7 @@
         Show information
         <el-icon><el-icon-arrow-down /></el-icon>
       </div>
-      
+
       <el-popover
         placement="bottom"
         :teleported="false"
@@ -42,13 +42,13 @@
         :visible="contextCardVisible"
       >
         <template #default v-if="contextCardEntry">
-          <flatmap-context-card 
+          <flatmap-context-card
             class="flatmap-context-card"
-            v-if="(contextCardEntry.type == 'Flatmap' || 
-                  contextCardEntry.type == 'MultiFlatmap')" 
+            v-if="(contextCardEntry.type == 'Flatmap' ||
+                  contextCardEntry.type == 'MultiFlatmap')"
             :mapImpProv="contextCardEntry.mapImpProv"
           />
-          <context-card 
+          <context-card
             v-if="contextCardEntry.type.toLowerCase() == 'scaffold'"
             :entry="contextCardEntry"
             :envVars="envVars"
@@ -152,8 +152,8 @@ export default {
         ROOT_URL: this.settingsStore.rootUrl,
       };
     },
-    popperOptions: function() { 
-      return { 
+    popperOptions: function() {
+      return {
         preventOverflow: {
           enabled: true,
           boundary: this.boundariesElement,
@@ -245,7 +245,7 @@ export default {
   font-size: 14px;
   font-weight: normal;
   line-height: 20px;
-  margin-left: 11px;
+  margin-left: 1rem;
   margin-top: 4px;
 }
 
@@ -278,7 +278,7 @@ export default {
         color: $app-primary-color;
       }
     }
-    
+
     :deep(.el-input__icon) {
       line-height: 24px;
       color: $lightGrey;
@@ -322,21 +322,24 @@ export default {
   color: $app-primary-color;
   cursor: pointer;
   margin-right: 6px;
-  margin-top: 3px;
+  margin-top: 8px;
 }
 
 .icon-group {
+  position: relative;
+  top: auto;
   font-size: 12px;
 }
 
 .info-icon {
+  margin-top: 2px;
   margin-right: 8px;
   font-size: 28px;
   color: $app-primary-color;
   cursor: pointer;
   &::before { // since the icon is a font, we need to adjust the vertical alignment
     position: relative;
-    top: -2px; 
+    top: -2px;
   }
 }
 

package/src/components/ContentVuer.vue

@@ -87,7 +87,7 @@ export default {
     },
     getState: function () {
       return this.$refs.viewer.getState();
-    },       
+    },
     resourceSelected: function (payload) {
       this.$emit("resource-selected", payload);
     },
@@ -169,6 +169,10 @@ export default {
   height: 32px;
   border-bottom: 1px solid rgb(220, 223, 230);
   z-index: 7;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
 }
 
 .component-container {
@@ -177,6 +181,7 @@ export default {
   bottom: 0px;
   position: absolute;
   z-index:6;
+  overflow: hidden;
 }
 
 .dataset-header {

package/src/components/ResizeSensor.vue

@@ -19,16 +19,18 @@ export default {
       }
     },
     deactivate: function() {
-      this._sensor.detach(this.$refs.display, this.displayResize);
-      delete this._sensor;
-      this._sensor = undefined;
-      this.displayResize();
+      if (this._sensor) {
+        this._sensor.detach(this.$refs.display, this.displayResize);
+        delete this._sensor;
+        this._sensor = undefined;
+        this.displayResize();
+      }
     },
     displayResize: function() {
       this.$emit("resize");
     },
   },
-  beforeDestroy() {
+  unmounted() {
     this.deactivate();
   },
   activated() {

package/src/components/SearchControls.vue

@@ -22,7 +22,7 @@
 <script>
 /* eslint-disable no-alert, no-console */
 import { MapSvgIcon } from '@abi-software/svg-sprite';
-import { 
+import {
   ElAutocomplete as Autocomplete
 } from "element-plus";
 
@@ -80,16 +80,14 @@ export default {
     font-size: 0.8rem;
     margin-left: 0.5rem;
   }
-  .search-box {
+  :deep(.search-box) {
     margin-top: 2px;
     margin-left:0.5rem;
     height:28px;
     width:137px;
-    :deep(.el-input__inner) {
-      background-color: $background;
-      height:28px;
+    .el-input__inner {
+      height:26px;
       line-height:28px;
-      border: 1px solid rgb(144, 147, 153);
       border-radius: 4px;
       &:focus {
         border-color: $app-primary-color;