@abi-software/flatmapvuer 1.12.0 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "license": "Apache-2.0",
   "files": [
     "dist/*",

package/src/components/FlatmapError.vue

@@ -11,7 +11,7 @@
     </div>
     <div class="flatmap-error-message" v-if="flatmapError.messages">
       <div v-for="(message, index) in flatmapError.messages" :key="index">
-        {{ message }}
+        <div v-html="message"></div>
       </div>
     </div>
     <div v-if="flatmapError.button">

package/src/components/FlatmapVuer.vue

@@ -3034,7 +3034,11 @@ export default {
       this.lastViewport = markRaw(this.mapImp.getState())
       this.flatmapError = {};
       this.flatmapError['title'] = 'GL context lost!'
-      this.flatmapError['messages'] = [`GL context is lost due to too many concurrent GL contexts. Please try using the Restore Context button.`]
+      this.flatmapError['messages'] = [`A display issue has occurred due
+      to a limit on available WebGL contexts. You can restore the display
+      using the Restore Context button. Please see the
+      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview#limit-on-available-webgl-contexts" target='_blank'>documentation</a>
+      for more details.`]
       this.flatmapError['button'] = {
         text: 'Restore Context',
         callback: () => {

package/src/components/legends/LegendItem.vue

@@ -70,6 +70,7 @@ export default {
       const specifiedColour = this.item["color"] ? this.item["color"] : this.item["colour"];
       let colour = specifiedColour ? specifiedColour : "transparent";
       let borderColour = this.item.border ? this.item.border : "black";
+      let borderStyle = this.item.borderStyle ? this.item.borderStyle : "default";
       if (specifiedColour && !this.item.border) {
         borderColour = colour;
       }
@@ -82,7 +83,7 @@ export default {
       } else if (this.item[this.styleKey] === 'line') {
         return {'color': colour};
       } else {
-        return { 'background-color': colour, 'border-color': borderColour};
+        return { 'background-color': colour, 'border-color': borderColour, 'border-style': borderStyle};
       }
     },
   },

package/src/services/flatmapLoader.js

@@ -1,6 +1,6 @@
 /**
  * a single source for the flatmap-viewer library import
  */
-import * as flatmap from 'https://cdn.jsdelivr.net/npm/@abi-software/flatmap-viewer@4.4.1/+esm';
+import * as flatmap from 'https://cdn.jsdelivr.net/npm/@abi-software/flatmap-viewer@4.4.3/+esm';
 
 export default flatmap;