Update to the latest version of abi svg icon which changes the compon…

…ent name to be more specific.

package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@abi-software/flatmap-viewer": "^2.1.0-beta.14",
-    "@abi-software/svg-sprite": "^0.1.11",
+    "@abi-software/svg-sprite": "^0.1.14",
     "core-js": "^3.3.2",
     "css-element-queries": "^1.2.2",
     "current-script-polyfill": "^1.0.0",

src/components/FlatmapVuer.vue

@@ -6,7 +6,7 @@
     element-loading-spinner="el-icon-loading"
     element-loading-background="rgba(0, 0, 0, 0.3)"
   >
-    <SvgSpriteColor />
+    <map-svg-sprite-color />
     <div style="height:100%;width:100%;position:relative;overflow-y:none">
       <div style="height:100%;width:100%;" ref="display"></div>
       <el-popover
@@ -37,7 +37,7 @@
           popper-class="flatmap-popper left-popper"
           v-model="hoverVisibilities[0].value"
         >
-          <SvgIcon
+          <map-svg-icon
             icon="zoomIn"
             class="icon-button zoomIn"
             slot="reference"
@@ -54,7 +54,7 @@
           popper-class="flatmap-popper popper-zoomout"
           v-model="hoverVisibilities[1].value"
         >
-          <SvgIcon
+          <map-svg-icon
             icon="zoomOut"
             class="icon-button zoomOut"
             slot="reference"
@@ -71,7 +71,7 @@
           popper-class="flatmap-popper"
           v-model="hoverVisibilities[2].value"
         >
-          <SvgIcon
+          <map-svg-icon
             icon="resetZoom"
             class="icon-button resetView"
             slot="reference"
@@ -197,7 +197,7 @@
         trigger="manual"
         popper-class="flatmap-popper right-popper"
       >
-        <SvgIcon
+        <map-svg-icon
           v-popover:backgroundPopover
           icon="changeBckgd"
           class="icon-button background-colour"
@@ -222,7 +222,7 @@
 /* eslint-disable no-alert, no-console */
 import Vue from "vue";
 import Tooltip from "./Tooltip";
-import { SvgIcon, SvgSpriteColor } from "@abi-software/svg-sprite";
+import { MapSvgIcon, MapSvgSpriteColor } from "@abi-software/svg-sprite";
 import {
   Checkbox,
   CheckboxGroup,
@@ -254,8 +254,8 @@ const mapResize = map => {
 export default {
   name: "FlatmapVuer",
   components: {
-    SvgIcon,
-    SvgSpriteColor,
+    MapSvgIcon,
+    MapSvgSpriteColor,
     Tooltip
   },
   beforeCreate: function() {