@abi-software/flatmapvuer 1.4.1 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "license": "Apache-2.0",
   "files": [
     "dist/*",
@@ -43,7 +43,7 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/flatmap-viewer": "3.1.4",
+    "@abi-software/flatmap-viewer": "3.1.7",
     "@abi-software/map-utilities": "1.1.0",
     "@abi-software/sparc-annotation": "0.3.1",
     "@abi-software/svg-sprite": "1.0.0",

package/src/components/FlatmapVuer.vue

@@ -176,13 +176,17 @@ Please use `const` to assign meaningful names to them...
           ref="zoomInPopover"
         >
           <template #reference>
-            <map-svg-icon
-              icon="zoomIn"
-              class="icon-button zoomIn"
+            <div
+              class="icon-button-container"
               @click="zoomIn()"
               @mouseover="showTooltip(1)"
               @mouseout="hideTooltip(1)"
-            />
+            >
+              <map-svg-icon
+                class="icon-button zoomIn"
+                icon="zoomIn"
+              />
+            </div>
           </template>
         </el-popover>
         <el-popover
@@ -196,13 +200,17 @@ Please use `const` to assign meaningful names to them...
           ref="zoomOutPopover"
         >
           <template #reference>
-            <map-svg-icon
-              icon="zoomOut"
-              class="icon-button zoomOut"
+            <div
+              class="icon-button-container"
               @click="zoomOut()"
               @mouseover="showTooltip(2)"
               @mouseout="hideTooltip(2)"
-            />
+            >
+              <map-svg-icon
+                class="icon-button zoomOut"
+                icon="zoomOut"
+              />
+            </div>
           </template>
         </el-popover>
         <el-popover
@@ -221,13 +229,17 @@ Please use `const` to assign meaningful names to them...
             window
           </div>
           <template #reference>
-            <map-svg-icon
-              icon="fitWindow"
-              class="icon-button fitWindow"
+            <div
+              class="icon-button-container"
               @click="resetView()"
               @mouseover="showTooltip(3)"
               @mouseout="hideTooltip(3)"
-            />
+            >
+              <map-svg-icon
+                class="icon-button fitWindow"
+                icon="fitWindow"
+              />
+            </div>
           </template>
         </el-popover>
       </div>
@@ -285,7 +297,7 @@ Please use `const` to assign meaningful names to them...
                 width="200"
                 trigger="manual"
                 popper-class="flatmap-popper flatmap-marker-popper"
-                :visible="hoverVisibilities[5].value"
+                :visible="hoverVisibilities[0].value"
                 ref="markerPopover"
               >
                 <template #reference>
@@ -565,14 +577,18 @@ Please use `const` to assign meaningful names to them...
             ref="openMapPopover"
           >
             <template #reference>
-              <map-svg-icon
+              <div
                 v-if="enableOpenMapUI && openMapOptions.length > 0"
                 ref="openMapRef"
-                icon="openMap"
-                class="icon-button open-map-button"
+                class="icon-button-container"
                 @mouseover="showTooltip(4)"
                 @mouseout="hideTooltip(4)"
-              />
+              >
+                <map-svg-icon
+                  icon="openMap"
+                  class="icon-button open-map-button"
+                />
+              </div>
             </template>
           </el-popover>
         </el-row>
@@ -587,13 +603,17 @@ Please use `const` to assign meaningful names to them...
             ref="settingsPopover"
           >
             <template #reference>
-              <map-svg-icon
+              <div
                 ref="backgroundIconRef"
-                icon="changeBckgd"
-                class="icon-button"
+                class="icon-button-container"
                 @mouseover="showTooltip(5)"
                 @mouseout="hideTooltip(5)"
-              />
+              >
+                <map-svg-icon
+                  icon="changeBckgd"
+                  class="icon-button"
+                />
+              </div>
             </template>
           </el-popover>
         </el-row>
@@ -1494,7 +1514,7 @@ export default {
           this.mapImp.zoomToGeoJSONFeatures(gid, {noZoomIn: true})
         } else {
           // reset visibility of paths
-          this.mapImp.selectGeoJSONFeatures("-1")
+          this.mapImp.unselectGeoJSONFeatures()
           payload.selections.forEach((item) => {
             let show = payload.checked.includes(item.taxon)
             this.mapImp.enableConnectivityByTaxonIds(item.taxon, show)
@@ -2334,7 +2354,7 @@ export default {
       this.addResizeButtonToMinimap()
       this.loading = false
       this.computePathControlsMaximumHeight()
-      this.drawerOpen = !this.isCentreLine      
+      this.drawerOpen = !this.isCentreLine
       this.mapResize()
       this.handleMapClick();
       /**
@@ -3251,6 +3271,10 @@ export default {
   }
 }
 
+.icon-button-container {
+  display: inline-block;
+}
+
 .icon-button {
   height: 24px !important;
   width: 24px !important;

package/src/services/flatmapQueries.js

@@ -256,7 +256,11 @@ let FlatmapQueries = function () {
           }
         })
         .catch((error) => {
-          console.error('Error:', error)
+          if (error.name === 'AbortError') {
+            // This error is from AbortController's abort method.
+          } else {
+            console.error('Error:', error)
+          }
           resolve(false)
         })
     })