@abi-software/flatmapvuer 0.4.1-beta.0 → 0.4.1-beta.1

package/dist/flatmapvuer.common.js

@@ -87,6 +87,17 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "0676":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("dc50");
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "06b8":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -255,6 +266,24 @@ row.install = function (Vue) {
 
 /***/ }),
 
+/***/ "11b0":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("4362");
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "12f2":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -761,17 +790,21 @@ module.exports = require("core-js/modules/es.string.search.js");
 
 /***/ }),
 
-/***/ "1f48":
-/***/ (function(module, exports) {
+/***/ "222e":
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("core-js/modules/es.date.to-primitive.js");
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "222e":
+/***/ "2236":
 /***/ (function(module, exports, __webpack_require__) {
 
-// extracted by mini-css-extract-plugin
+var arrayLikeToArray = __webpack_require__("5a43");
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
 
@@ -931,6 +964,388 @@ module.exports = require("core-js/modules/es.object.get-prototype-of.js");
 
 /***/ }),
 
+/***/ "3630":
+/***/ (function(module, exports, __webpack_require__) {
+
+var _regeneratorRuntime = __webpack_require__("7ec2").default;
+var _asyncToGenerator = __webpack_require__("c973").default;
+var _toConsumableArray = __webpack_require__("448a").default;
+__webpack_require__("4391");
+__webpack_require__("4ccb");
+__webpack_require__("97d3");
+__webpack_require__("8535");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("a9ee");
+__webpack_require__("ec71");
+__webpack_require__("13e3");
+__webpack_require__("ccb0");
+__webpack_require__("da6e");
+__webpack_require__("722b");
+__webpack_require__("2439");
+__webpack_require__("1a89");
+__webpack_require__("712c");
+__webpack_require__("30df");
+/* eslint-disable no-alert, no-console */
+// remove duplicates by stringifying the objects
+var removeDuplicates = function removeDuplicates(arrayOfAnything) {
+  return _toConsumableArray(new Set(arrayOfAnything.map(function (e) {
+    return JSON.stringify(e);
+  }))).map(function (e) {
+    return JSON.parse(e);
+  });
+};
+var inArray = function inArray(ar1, ar2) {
+  var as1 = JSON.stringify(ar1);
+  var as2 = JSON.stringify(ar2);
+  return as1.indexOf(as2) !== -1;
+};
+exports.FlatmapQueries = function (sparcApi, flatmapApi) {
+  var _this = this;
+  this.sparcApi = sparcApi;
+  this.flatmapApi = flatmapApi;
+  this.destinations = [];
+  this.origins = [];
+  this.components = [];
+  this.uberons = [];
+  this.urls = [];
+  this.controller = undefined;
+  this.createTooltipData = function (eventData) {
+    var tooltipData = {
+      destinations: _this.destinations,
+      origins: _this.origins,
+      components: _this.components,
+      destinationsWithDatasets: _this.destinationsWithDatasets,
+      originsWithDatasets: _this.originsWithDatasets,
+      componentsWithDatasets: _this.componentsWithDatasets,
+      title: eventData.label,
+      featureId: eventData.resource,
+      hyperlinks: eventData.feature.hyperlinks ? eventData.feature.hyperlinks : _this.urls.map(function (url) {
+        return {
+          url: url,
+          id: "pubmed"
+        };
+      })
+    };
+    return tooltipData;
+  };
+  var getOrganCuries = function getOrganCuries() {
+    return new Promise(function (resolve) {
+      fetch("".concat(_this.sparcAPI, "get-organ-curies/")).then(function (response) {
+        return response.json();
+      }).then(function (data) {
+        resolve(data.uberon.array);
+      });
+    });
+  };
+  var createLabelLookup = function createLabelLookup(uberons) {
+    return new Promise(function (resolve) {
+      var uberonMap = {};
+      var data = {
+        sql: buildLabelSqlStatement(uberons)
+      };
+      fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+      }).then(function (response) {
+        return response.json();
+      }).then(function (payload) {
+        var entity = payload.keys.indexOf("entity");
+        var label = payload.keys.indexOf("label");
+        if (entity > -1 && label > -1) {
+          payload.values.forEach(function (pair) {
+            uberonMap[pair[entity]] = pair[label];
+          });
+        }
+        resolve(uberonMap);
+      });
+    });
+  };
+  getOrganCuries().then(function (uberons) {
+    _this.uberons = uberons;
+    createLabelLookup(uberons).then(function (lookUp) {
+      _this.lookUp = lookUp;
+    });
+  });
+  var buildConnectivitySqlStatement = function buildConnectivitySqlStatement(keastIds) {
+    var sql = 'select knowledge from knowledge where entity in (';
+    if (keastIds.length === 1) {
+      sql += "'".concat(keastIds[0], "')");
+    } else if (keastIds.length > 1) {
+      for (var i in keastIds) {
+        sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var buildLabelSqlStatement = function buildLabelSqlStatement(uberons) {
+    var sql = 'select entity, label from labels where entity in (';
+    if (uberons.length === 1) {
+      sql += "'".concat(uberons[0], "')");
+    } else if (uberons.length > 1) {
+      for (var i in uberons) {
+        sql += "'".concat(uberons[i], "'").concat(i >= uberons.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var findAllIdsFromConnectivity = function findAllIdsFromConnectivity(connectivity) {
+    var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
+    var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+    var found = [];
+    nodes.forEach(function (n) {
+      if (Array.isArray(n)) {
+        found.push(n.flat());
+      } else {
+        found.push(n);
+      }
+    });
+    return _toConsumableArray(new Set(found.flat()));
+  };
+  this.retrieveFlatmapKnowledgeForEvent = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventData) {
+      var signal, keastIds, data, prom1, prom2;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              // check if there is an existing query
+              if (_this.controller) _this.controller.abort();
+
+              // set up the abort controller
+              _this.controller = new AbortController();
+              signal = _this.controller.signal;
+              keastIds = eventData.resource;
+              _this.destinations = [];
+              _this.origins = [];
+              _this.components = [];
+              if (!(!keastIds || keastIds.length == 0)) {
+                _context.next = 9;
+                break;
+              }
+              return _context.abrupt("return");
+            case 9:
+              data = {
+                sql: buildConnectivitySqlStatement(keastIds)
+              };
+              prom1 = new Promise(function (resolve) {
+                fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json'
+                  },
+                  body: JSON.stringify(data),
+                  signal: signal
+                }).then(function (response) {
+                  return response.json();
+                }).then(function (data) {
+                  if (connectivityExists(data)) {
+                    var connectivity = JSON.parse(data.values[0][0]);
+                    processConnectivity(connectivity).then(function () {
+                      resolve(true);
+                    });
+                  } else {
+                    console.log('No connectivity data found');
+                    resolve(true);
+                  }
+                }).catch(function (error) {
+                  console.error('Error:', error);
+                  resolve(false);
+                });
+              });
+              prom2 = pubmedQueryOnIds(eventData);
+              _context.next = 14;
+              return Promise.all([prom1, prom2]);
+            case 14:
+              return _context.abrupt("return", _context.sent);
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var connectivityExists = function connectivityExists(data) {
+    if (data.values && data.values.length > 0 && JSON.parse(data.values[0][0]).connectivity && JSON.parse(data.values[0][0]).connectivity.length > 0) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+  var createLabelFromNeuralNode = function createLabelFromNeuralNode(node, lookUp) {
+    var label = lookUp[node[0]];
+    if (node.length === 2 && node[1].length > 0) {
+      node[1].forEach(function (n) {
+        if (lookUp[n] == undefined) {
+          label += ", ".concat(n);
+        } else {
+          label += ", ".concat(lookUp[n]);
+        }
+      });
+    }
+    return label;
+  };
+  var flattenAndFindDatasets = function flattenAndFindDatasets(components, axons, dendrites) {
+    // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
+    var componentsFlat = flattenConntectivity(components);
+    var axonsFlat = flattenConntectivity(axons);
+    var dendritesFlat = flattenConntectivity(dendrites);
+
+    // Filter for the anatomy which is annotated on datasets
+    _this.destinationsWithDatasets = _this.uberons.filter(function (ub) {
+      return axonsFlat.indexOf(ub.id) !== -1;
+    });
+    _this.originsWithDatasets = _this.uberons.filter(function (ub) {
+      return dendritesFlat.indexOf(ub.id) !== -1;
+    });
+    _this.componentsWithDatasets = _this.uberons.filter(function (ub) {
+      return componentsFlat.indexOf(ub.id) !== -1;
+    });
+  };
+  var processConnectivity = function processConnectivity(connectivity) {
+    return new Promise(function (resolve) {
+      // Filter the origin and destinations from components
+      var components = findComponents(connectivity);
+
+      // Remove duplicates
+      var axons = removeDuplicates(connectivity.axons);
+      var dendrites = removeDuplicates(connectivity.dendrites);
+
+      // Create list of ids to get labels for
+      var conIds = findAllIdsFromConnectivity(connectivity);
+
+      // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
+      createLabelLookup(conIds).then(function (lookUp) {
+        _this.destinations = axons.map(function (a) {
+          return createLabelFromNeuralNode(a, lookUp);
+        });
+        _this.origins = dendrites.map(function (d) {
+          return createLabelFromNeuralNode(d, lookUp);
+        });
+        _this.components = components.map(function (c) {
+          return createLabelFromNeuralNode(c, lookUp);
+        });
+        flattenAndFindDatasets(components, axons, dendrites);
+        resolve(true);
+      });
+    });
+  };
+  var flattenConntectivity = function flattenConntectivity(connectivity) {
+    var dnodes = connectivity.flat(); // get nodes from edgelist
+    var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
+    var found = [];
+    nodes.forEach(function (n) {
+      if (Array.isArray(n)) {
+        found.push(n.flat());
+      } else {
+        found.push(n);
+      }
+    });
+    return found.flat();
+  };
+  var findComponents = function findComponents(connectivity) {
+    var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
+    var nodes = removeDuplicates(dnodes);
+    var found = [];
+    var terminal = false;
+    nodes.forEach(function (node) {
+      terminal = false;
+      // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
+      if (inArray(connectivity.axons, node)) {
+        terminal = true;
+      }
+      if (inArray(connectivity.dendrites, node)) {
+        terminal = true;
+      }
+      if (!terminal) {
+        found.push(node);
+      }
+    });
+    return found;
+  };
+  var stripPMIDPrefix = function stripPMIDPrefix(pubmedId) {
+    return pubmedId.split(':')[1];
+  };
+  var buildPubmedSqlStatement = function buildPubmedSqlStatement(keastIds) {
+    var sql = 'select distinct publication from publications where entity in (';
+    if (keastIds.length === 1) {
+      sql += "'".concat(keastIds[0], "')");
+    } else if (keastIds.length > 1) {
+      for (var i in keastIds) {
+        sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
+      }
+    }
+    return sql;
+  };
+  var buildPubmedSqlStatementForModels = function buildPubmedSqlStatementForModels(model) {
+    return "select distinct publication from publications where entity = '".concat(model, "'");
+  };
+  var flatmapQuery = function flatmapQuery(sql) {
+    var data = {
+      sql: sql
+    };
+    return fetch("".concat(_this.flatmapApi, "knowledge/query/"), {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(data)
+    }).then(function (response) {
+      return response.json();
+    }).catch(function (error) {
+      console.error('Error:', error);
+    });
+  };
+  var pubmedQueryOnIds = function pubmedQueryOnIds(eventData) {
+    var keastIds = eventData.resource;
+    var source = eventData.feature.source;
+    if (!keastIds || keastIds.length === 0) return;
+    var sql = buildPubmedSqlStatement(keastIds);
+    return flatmapQuery(sql).then(function (data) {
+      // Create pubmed url on paths if we have them
+      if (data.values.length > 0) {
+        _this.urls = [pubmedSearchUrl(data.values.map(function (id) {
+          return stripPMIDPrefix(id[0]);
+        }))];
+        return true;
+      } else {
+        // Create pubmed url on models
+        pubmedQueryOnModels(source).then(function () {
+          return true;
+        });
+      }
+    });
+  };
+  var pubmedQueryOnModels = function pubmedQueryOnModels(source) {
+    return flatmapQuery(buildPubmedSqlStatementForModels(source)).then(function (data) {
+      if (Array.isArray(data.values) && data.values.length > 0) {
+        _this.urls = [pubmedSearchUrl(data.values.map(function (id) {
+          return stripPMIDPrefix(id[0]);
+        }))];
+      } else {
+        _this.urls = []; // Clears the pubmed search button 
+      }
+
+      return;
+    });
+  };
+  var pubmedSearchUrl = function pubmedSearchUrl(ids) {
+    var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
+    var params = new URLSearchParams();
+    params.append('term', ids);
+    return url + params.toString();
+  };
+};
+
+/***/ }),
+
 /***/ "3d2d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1392,17 +1807,6 @@ exports.default = {
   }
 };
 
-/***/ }),
-
-/***/ "4217":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_3bcd7b15_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ee41");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_3bcd7b15_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_3bcd7b15_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "429c":
@@ -1426,6 +1830,20 @@ module.exports = require("core-js/modules/es.array.map.js");
 
 /***/ }),
 
+/***/ "448a":
+/***/ (function(module, exports, __webpack_require__) {
+
+var arrayWithoutHoles = __webpack_require__("2236");
+var iterableToArray = __webpack_require__("11b0");
+var unsupportedIterableToArray = __webpack_require__("6613");
+var nonIterableSpread = __webpack_require__("0676");
+function _toConsumableArray(arr) {
+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+}
+module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "450d":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3921,6 +4339,13 @@ src_select.install = function (Vue) {
 
 /***/ }),
 
+/***/ "4fdd":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "5128":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4416,6 +4841,20 @@ module.exports = require("core-js/modules/es.regexp.test.js");
 
 /***/ }),
 
+/***/ "5a43":
+/***/ (function(module, exports) {
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "6167":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5694,6 +6133,29 @@ module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
+/***/ "6613":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("ea12");
+__webpack_require__("97d3");
+__webpack_require__("db0a");
+__webpack_require__("4362");
+__webpack_require__("9bb5");
+__webpack_require__("c8a6");
+__webpack_require__("5a3b");
+var arrayLikeToArray = __webpack_require__("5a43");
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "6ac5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6736,6 +7198,29 @@ exports.default = {
 
 /***/ }),
 
+/***/ "7037":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "712c":
 /***/ (function(module, exports) {
 
@@ -7071,51 +7556,389 @@ main.install = function (Vue) {
 
 /***/ }),
 
-/***/ "7f4d":
+/***/ "7ec2":
 /***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-
-exports.__esModule = true;
+__webpack_require__("9b22");
+__webpack_require__("4933");
+__webpack_require__("97d3");
+__webpack_require__("2ff9");
+__webpack_require__("4ccb");
+__webpack_require__("9bb5");
+__webpack_require__("1a25");
+__webpack_require__("a52a");
+__webpack_require__("14f0");
+__webpack_require__("12fb");
+__webpack_require__("7267");
+__webpack_require__("362b");
+__webpack_require__("dc50");
+__webpack_require__("2439");
+__webpack_require__("13e3");
+__webpack_require__("db0a");
+__webpack_require__("4086");
+__webpack_require__("7949");
+__webpack_require__("ec71");
+__webpack_require__("ea12");
+var _typeof = __webpack_require__("7037")["default"];
+function _regeneratorRuntime() {
+  "use strict";
 
-exports.default = function (target) {
-  for (var i = 1, j = arguments.length; i < j; i++) {
-    var source = arguments[i] || {};
-    for (var prop in source) {
-      if (source.hasOwnProperty(prop)) {
-        var value = source[prop];
-        if (value !== undefined) {
-          target[prop] = value;
-        }
-      }
-    }
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+    return exports;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
   }
-
-  return target;
-};
-
-;
-
-/***/ }),
-
-/***/ "7fc1":
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function define(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal", delete record.arg, entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) {
+              if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            }
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function reset(skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+      }
+    },
+    stop: function stop() {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function dispatchException(exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function abrupt(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function complete(record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function finish(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    "catch": function _catch(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
+module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ "7f4d":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+exports.default = function (target) {
+  for (var i = 1, j = arguments.length; i < j; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+};
+
+;
+
+/***/ }),
+
+/***/ "7fc1":
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
 /******/ 			i: moduleId,
 /******/ 			l: false,
 /******/ 			exports: {}
@@ -8790,6 +9613,17 @@ var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
 
 module.exports = require("resize-observer-polyfill");
 
+/***/ }),
+
+/***/ "a47e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4fdd");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a52a":
@@ -9821,6 +10655,45 @@ module.exports = require("core-js/modules/es.regexp.exec.js");
 
 /***/ }),
 
+/***/ "c973":
+/***/ (function(module, exports, __webpack_require__) {
+
+__webpack_require__("97d3");
+__webpack_require__("ec71");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
 /***/ "ccb0":
 /***/ (function(module, exports) {
 
@@ -11320,13 +12193,6 @@ module.exports = require("core-js/modules/es.promise.js");
 
 /***/ }),
 
-/***/ "ee41":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "eedf":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -13376,7 +14242,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=3bcd7b15&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e4b77ee-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=template&id=1f482509&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -13868,7 +14734,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=3bcd7b15&scoped=true&
+// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=1f482509&scoped=true&
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
@@ -15404,570 +16270,9 @@ var SvgLegends_component = normalizeComponent(
 /* harmony default export */ var SvgLegends = (SvgLegends_component.exports);
 // CONCATENATED MODULE: ./src/icons/flatmap-marker.js
 /* harmony default export */ var flatmap_marker = ('<div class="flatmap-marker"><svg display="block" height="41px" width="27px" viewBox="0 0 27 41"><g fill-rule="nonzero"><g transform="translate(3.0, 29.0)" fill="#000000"><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="10.5" ry="5.25002273"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="9.5" ry="4.77275007"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="8.5" ry="4.29549936"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="7.5" ry="3.81822308"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="6.5" ry="3.34094679"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="5.5" ry="2.86367051"></ellipse><ellipse opacity="0.04" cx="10.5" cy="5.80029008" rx="4.5" ry="2.38636864"></ellipse></g><g fill="#005974"><path d="M27,13.5 C27,19.074644 20.250001,27.000002 14.75,34.500002 C14.016665,35.500004 12.983335,35.500004 12.25,34.500002 C6.7499993,27.000002 0,19.222562 0,13.5 C0,6.0441559 6.0441559,0 13.5,0 C20.955844,0 27,6.0441559 27,13.5 Z"></path></g><g opacity="0.25" fill="#000000"><path d="M13.5,0 C6.0441559,0 0,6.0441559 0,13.5 C0,19.222562 6.7499993,27 12.25,34.5 C13,35.522727 14.016664,35.500004 14.75,34.5 C20.250001,27 27,19.074644 27,13.5 C27,6.0441559 20.955844,0 13.5,0 Z M13.5,1 C20.415404,1 26,6.584596 26,13.5 C26,15.898657 24.495584,19.181431 22.220703,22.738281 C19.945823,26.295132 16.705119,30.142167 13.943359,33.908203 C13.743445,34.180814 13.612715,34.322738 13.5,34.441406 C13.387285,34.322738 13.256555,34.180814 13.056641,33.908203 C10.284481,30.127985 7.4148684,26.314159 5.015625,22.773438 C2.6163816,19.232715 1,15.953538 1,13.5 C1,6.584596 6.584596,1 13.5,1 Z"></path></g><g transform="translate(6.0, 7.0)" fill="#FFFFFF"></g><g transform="translate(8.0, 8.0)"><circle fill="#000000" opacity="0.25" cx="5.5" cy="5.5" r="5.4999962"></circle><circle fill="#FFFFFF" cx="5.5" cy="5.5" r="5.4999962"></circle></g></g></svg></div>');
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-// EXTERNAL MODULE: external "core-js/modules/es.symbol.to-primitive.js"
-var es_symbol_to_primitive_js_ = __webpack_require__("fb89");
-
-// EXTERNAL MODULE: external "core-js/modules/es.date.to-primitive.js"
-var es_date_to_primitive_js_ = __webpack_require__("1f48");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-
-
-
-
-
-
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-
-
-
-
-
-
-
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-// EXTERNAL MODULE: external "core-js/modules/es.json.stringify.js"
-var es_json_stringify_js_ = __webpack_require__("a9ee");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.flat.js"
-var es_array_flat_js_ = __webpack_require__("da6e");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.unscopables.flat.js"
-var es_array_unscopables_flat_js_ = __webpack_require__("722b");
-
-// EXTERNAL MODULE: external "core-js/modules/web.url-search-params.js"
-var web_url_search_params_js_ = __webpack_require__("712c");
-
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string.js"
-var es_regexp_to_string_js_ = __webpack_require__("30df");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.filter.js"
-var es_array_filter_js_ = __webpack_require__("1a89");
-
-// CONCATENATED MODULE: ./src/services/flatmapQueries.js
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* eslint-disable no-alert, no-console */
-// remove duplicates by stringifying the objects
-var flatmapQueries_removeDuplicates = function removeDuplicates(arrayOfAnything) {
-  return _toConsumableArray(new Set(arrayOfAnything.map(function (e) {
-    return JSON.stringify(e);
-  }))).map(function (e) {
-    return JSON.parse(e);
-  });
-};
-var inArray = function inArray(ar1, ar2) {
-  var as1 = JSON.stringify(ar1);
-  var as2 = JSON.stringify(ar2);
-  return as1.indexOf(as2) !== -1;
-};
-var flatmapQueries_FlatmapQueries = /*#__PURE__*/function () {
-  function FlatmapQueries(sparcApi, flatmapApi) {
-    var _this7 = this;
-    _classCallCheck(this, FlatmapQueries);
-    _defineProperty(this, "createTooltipData", function (eventData) {
-      var tooltipData = {
-        destinations: this.destinations,
-        origins: this.origins,
-        components: this.components,
-        destinationsWithDatasets: this.destinationsWithDatasets,
-        originsWithDatasets: this.originsWithDatasets,
-        componentsWithDatasets: this.componentsWithDatasets,
-        title: eventData.label,
-        featureId: eventData.resource,
-        hyperlinks: eventData.feature.hyperlinks ? eventData.feature.hyperlinks : this.urls.map(function (url) {
-          return {
-            url: url,
-            id: "pubmed"
-          };
-        })
-      };
-      return tooltipData;
-    });
-    _defineProperty(this, "getOrganCuries", function () {
-      var _this = this;
-      return new Promise(function (resolve) {
-        fetch("".concat(_this.sparcAPI, "get-organ-curies/")).then(function (response) {
-          return response.json();
-        }).then(function (data) {
-          resolve(data.uberon.array);
-        });
-      });
-    });
-    _defineProperty(this, "createComponentsLabelList", function (components, lookUp) {
-      var _this2 = this;
-      var labelList = [];
-      components.forEach(function (n) {
-        labelList.push(_this2.createLabelFromNeuralNode(n[0]), lookUp);
-        if (n.length === 2) {
-          labelList.push(_this2.createLabelFromNeuralNode(n[1]), lookUp);
-        }
-      });
-      return labelList;
-    });
-    _defineProperty(this, "createLabelLookup", function (uberons) {
-      var _this3 = this;
-      return new Promise(function (resolve) {
-        var uberonMap = {};
-        var data = {
-          sql: _this3.buildLabelSqlStatement(uberons)
-        };
-        fetch("".concat(_this3.flatmapApi, "knowledge/query/"), {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify(data)
-        }).then(function (response) {
-          return response.json();
-        }).then(function (payload) {
-          var entity = payload.keys.indexOf("entity");
-          var label = payload.keys.indexOf("label");
-          if (entity > -1 && label > -1) {
-            payload.values.forEach(function (pair) {
-              uberonMap[pair[entity]] = pair[label];
-            });
-          }
-          resolve(uberonMap);
-        });
-      });
-    });
-    _defineProperty(this, "buildConnectivitySqlStatement", function (keastIds) {
-      var sql = 'select knowledge from knowledge where entity in (';
-      if (keastIds.length === 1) {
-        sql += "'".concat(keastIds[0], "')");
-      } else if (keastIds.length > 1) {
-        for (var i in keastIds) {
-          sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    });
-    _defineProperty(this, "buildLabelSqlStatement", function (uberons) {
-      var sql = 'select entity, label from labels where entity in (';
-      if (uberons.length === 1) {
-        sql += "'".concat(uberons[0], "')");
-      } else if (uberons.length > 1) {
-        for (var i in uberons) {
-          sql += "'".concat(uberons[i], "'").concat(i >= uberons.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    });
-    _defineProperty(this, "findAllIdsFromConnectivity", function (connectivity) {
-      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
-      var found = [];
-      nodes.forEach(function (n) {
-        if (Array.isArray(n)) {
-          found.push(n.flat());
-        } else {
-          found.push(n);
-        }
-      });
-      return _toConsumableArray(new Set(found.flat()));
-    });
-    _defineProperty(this, "flattenConntectivity", function (connectivity) {
-      var dnodes = connectivity.flat(); // get nodes from edgelist
-      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
-      var found = [];
-      nodes.forEach(function (n) {
-        if (Array.isArray(n)) {
-          found.push(n.flat());
-        } else {
-          found.push(n);
-        }
-      });
-      return found.flat();
-    });
-    _defineProperty(this, "findComponents", function (connectivity) {
-      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-      var nodes = flatmapQueries_removeDuplicates(dnodes);
-      var found = [];
-      var terminal = false;
-      nodes.forEach(function (node) {
-        terminal = false;
-        // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
-        if (inArray(connectivity.axons, node)) {
-          terminal = true;
-        }
-        if (inArray(connectivity.dendrites, node)) {
-          terminal = true;
-        }
-        if (!terminal) {
-          found.push(node);
-        }
-      });
-      return found;
-    });
-    _defineProperty(this, "retrieveFlatmapKnowledgeForEvent", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventData) {
-        var _this4 = this;
-        var signal, keastIds, data, prom1, prom2;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                // check if there is an existing query
-                if (this.controller) this.controller.abort();
-
-                // set up the abort controller
-                this.controller = new AbortController();
-                signal = this.controller.signal;
-                keastIds = eventData.resource;
-                this.destinations = [];
-                this.origins = [];
-                this.components = [];
-                if (!(!keastIds || keastIds.length == 0)) {
-                  _context.next = 9;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 9:
-                data = {
-                  sql: this.buildConnectivitySqlStatement(keastIds)
-                };
-                prom1 = new Promise(function (resolve) {
-                  fetch("".concat(_this4.flatmapApi, "knowledge/query/"), {
-                    method: 'POST',
-                    headers: {
-                      'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(data),
-                    signal: signal
-                  }).then(function (response) {
-                    return response.json();
-                  }).then(function (data) {
-                    if (_this4.connectivityExists(data)) {
-                      var connectivity = JSON.parse(data.values[0][0]);
-                      _this4.processConnectivity(connectivity).then(function () {
-                        resolve(true);
-                      });
-                    } else {
-                      console.log('No connectivity data found');
-                      resolve(true);
-                    }
-                  }).catch(function (error) {
-                    console.error('Error:', error);
-                    resolve(false);
-                  });
-                });
-                prom2 = this.pubmedQueryOnIds(eventData);
-                _context.next = 14;
-                return Promise.all([prom1, prom2]);
-              case 14:
-                return _context.abrupt("return", _context.sent);
-              case 15:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    _defineProperty(this, "connectivityExists", function (data) {
-      if (data.values && data.values.length > 0 && JSON.parse(data.values[0][0]).connectivity && JSON.parse(data.values[0][0]).connectivity.length > 0) {
-        return true;
-      } else {
-        return false;
-      }
-    });
-    _defineProperty(this, "createLabelFromNeuralNode", function (node, lookUp) {
-      var label = lookUp[node[0]];
-      if (node.length === 2 && node[1].length > 0) {
-        node[1].forEach(function (n) {
-          if (lookUp[n] == undefined) {
-            label += ", ".concat(n);
-          } else {
-            label += ", ".concat(lookUp[n]);
-          }
-        });
-      }
-      return label;
-    });
-    _defineProperty(this, "findComponents", function (connectivity) {
-      var dnodes = connectivity.connectivity.flat(); // get nodes from edgelist
-      var nodes = flatmapQueries_removeDuplicates(dnodes);
-      var found = [];
-      var terminal = false;
-      nodes.forEach(function (node) {
-        terminal = false;
-        // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
-        if (inArray(connectivity.axons, node)) {
-          terminal = true;
-        }
-        if (inArray(connectivity.dendrites, node)) {
-          terminal = true;
-        }
-        if (!terminal) {
-          found.push(node);
-        }
-      });
-      return found;
-    });
-    _defineProperty(this, "stripPMIDPrefix", function (pubmedId) {
-      return pubmedId.split(':')[1];
-    });
-    _defineProperty(this, "buildPubmedSqlStatement", function (keastIds) {
-      var sql = 'select distinct publication from publications where entity in (';
-      if (keastIds.length === 1) {
-        sql += "'".concat(keastIds[0], "')");
-      } else if (keastIds.length > 1) {
-        for (var i in keastIds) {
-          sql += "'".concat(keastIds[i], "'").concat(i >= keastIds.length - 1 ? ')' : ',', " ");
-        }
-      }
-      return sql;
-    });
-    _defineProperty(this, "buildPubmedSqlStatementForModels", function (model) {
-      return "select distinct publication from publications where entity = '".concat(model, "'");
-    });
-    _defineProperty(this, "flatmapQuery", function (sql) {
-      var data = {
-        sql: sql
-      };
-      return fetch("".concat(this.flatmapApi, "knowledge/query/"), {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-      }).then(function (response) {
-        return response.json();
-      }).catch(function (error) {
-        console.error('Error:', error);
-      });
-    });
-    _defineProperty(this, "pubmedQueryOnIds", function (eventData) {
-      var _this5 = this;
-      var keastIds = eventData.resource;
-      var source = eventData.feature.source;
-      if (!keastIds || keastIds.length === 0) return;
-      var sql = this.buildPubmedSqlStatement(keastIds);
-      return this.flatmapQuery(sql).then(function (data) {
-        // Create pubmed url on paths if we have them
-        if (data.values.length > 0) {
-          _this5.urls = [_this5.pubmedSearchUrl(data.values.map(function (id) {
-            return _this5.stripPMIDPrefix(id[0]);
-          }))];
-          return true;
-        } else {
-          // Create pubmed url on models
-          _this5.pubmedQueryOnModels(source).then(function () {
-            return true;
-          });
-        }
-      });
-    });
-    _defineProperty(this, "pubmedQueryOnModels", function (source) {
-      var _this6 = this;
-      return this.flatmapQuery(this.buildPubmedSqlStatementForModels(source)).then(function (data) {
-        if (Array.isArray(data.values) && data.values.length > 0) {
-          _this6.urls = [_this6.pubmedSearchUrl(data.values.map(function (id) {
-            return _this6.stripPMIDPrefix(id[0]);
-          }))];
-        } else {
-          _this6.urls = []; // Clears the pubmed search button 
-        }
-
-        return;
-      });
-    });
-    _defineProperty(this, "pubmedSearchUrl", function (ids) {
-      var url = 'https://pubmed.ncbi.nlm.nih.gov/?';
-      var params = new URLSearchParams();
-      params.append('term', ids);
-      return url + params.toString();
-    });
-    this.sparcApi = sparcApi;
-    this.flatmapApi = flatmapApi;
-    this.destinations = [];
-    this.origins = [];
-    this.components = [];
-    this.uberons = [];
-    this.urls = [];
-    this.controller = undefined;
-    this.getOrganCuries().then(function (uberons) {
-      _this7.uberons = uberons;
-      _this7.createLabelLookup(uberons).then(function (lookUp) {
-        _this7.lookUp = lookUp;
-      });
-    });
-  }
-  _createClass(FlatmapQueries, [{
-    key: "flattenAndFindDatasets",
-    value: function flattenAndFindDatasets(components, axons, dendrites) {
-      // process the nodes for finding datasets (Note this is not critical to the tooltip, only for the 'search on components' button)
-      var componentsFlat = this.flattenConntectivity(components);
-      var axonsFlat = this.flattenConntectivity(axons);
-      var dendritesFlat = this.flattenConntectivity(dendrites);
-
-      // Filter for the anatomy which is annotated on datasets
-      this.destinationsWithDatasets = this.uberons.filter(function (ub) {
-        return axonsFlat.indexOf(ub.id) !== -1;
-      });
-      this.originsWithDatasets = this.uberons.filter(function (ub) {
-        return dendritesFlat.indexOf(ub.id) !== -1;
-      });
-      this.componentsWithDatasets = this.uberons.filter(function (ub) {
-        return componentsFlat.indexOf(ub.id) !== -1;
-      });
-    }
-  }, {
-    key: "processConnectivity",
-    value: function processConnectivity(connectivity) {
-      var _this8 = this;
-      return new Promise(function (resolve) {
-        // Filter the origin and destinations from components
-        var components = _this8.findComponents(connectivity);
-
-        // Remove duplicates
-        var axons = flatmapQueries_removeDuplicates(connectivity.axons);
-        var dendrites = flatmapQueries_removeDuplicates(connectivity.dendrites);
+// EXTERNAL MODULE: ./src/services/flatmapQueries.js
+var flatmapQueries = __webpack_require__("3630");
 
-        // Create list of ids to get labels for
-        var conIds = _this8.findAllIdsFromConnectivity(connectivity);
-
-        // Create readable labels from the nodes. Setting this to 'this.origins' updates the display
-        _this8.createLabelLookup(conIds).then(function (lookUp) {
-          _this8.destinations = axons.map(function (a) {
-            return _this8.createLabelFromNeuralNode(a, lookUp);
-          });
-          _this8.origins = dendrites.map(function (d) {
-            return _this8.createLabelFromNeuralNode(d, lookUp);
-          });
-          _this8.components = components.map(function (c) {
-            return _this8.createLabelFromNeuralNode(c, lookUp);
-          });
-          _this8.flattenAndFindDatasets(components, axons, dendrites);
-          resolve(true);
-        });
-      });
-    }
-  }, {
-    key: "flattenConntectivity",
-    value: function flattenConntectivity(connectivity) {
-      var dnodes = connectivity.flat(); // get nodes from edgelist
-      var nodes = _toConsumableArray(new Set(dnodes)); // remove duplicates
-      var found = [];
-      nodes.forEach(function (n) {
-        if (Array.isArray(n)) {
-          found.push(n.flat());
-        } else {
-          found.push(n);
-        }
-      });
-      return found.flat();
-    }
-  }]);
-  return FlatmapQueries;
-}();
-/* harmony default export */ var flatmapQueries = (flatmapQueries_FlatmapQueries);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
 
 
@@ -16497,10 +16802,18 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       }
     },
     mapResize: function mapResize() {
-      if (this.mapImp) {
-        this.mapImp.resize();
+      try {
+        if (this.mapImp) {
+          this.mapImp.resize();
+          this.showMinimap(this.displayMinimap);
+          if (this.mapImp._minimap) {
+            this.mapImp._minimap.resize();
+          }
+        }
+        this.computePathControlsMaximumHeight();
+      } catch (_unused) {
+        console.error("Map resize error");
       }
-      this.computePathControlsMaximumHeight();
     },
     onFlatmapReady: function onFlatmapReady() {
       // onFlatmapReady is used for functions that need to run immediately after the flatmap is loaded
@@ -16518,6 +16831,7 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
       this.loading = false;
       this.computePathControlsMaximumHeight();
       this.drawerOpen = true;
+      this.mapResize();
       this.$emit("ready", this);
     },
     showMinimap: function showMinimap(flag) {
@@ -16712,13 +17026,13 @@ var createUnfilledTooltipData = function createUnfilledTooltipData() {
     var flatmap = __webpack_require__("4979");
     this.mapManager = new flatmap.MapManager(this.flatmapAPI);
     if (this.renderAtMounted) this.createFlatmap();
-    this.flatmapQueries = new flatmapQueries_FlatmapQueries(this.sparcAPI, this.flatmapAPI);
+    this.flatmapQueries = new flatmapQueries["FlatmapQueries"](this.sparcAPI, this.flatmapAPI);
   }
 });
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=3bcd7b15&prod&scoped=true&lang=scss&
-var FlatmapVuervue_type_style_index_0_id_3bcd7b15_prod_scoped_true_lang_scss_ = __webpack_require__("4217");
+// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=1f482509&prod&scoped=true&lang=scss&
+var FlatmapVuervue_type_style_index_0_id_1f482509_prod_scoped_true_lang_scss_ = __webpack_require__("a47e");
 
 // CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
 
@@ -16735,7 +17049,7 @@ var FlatmapVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3bcd7b15",
+  "1f482509",
   null
   
 )
@@ -17334,13 +17648,6 @@ var MultiFlatmapVuer_component = normalizeComponent(
 
 
 
-/***/ }),
-
-/***/ "fb89":
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.symbol.to-primitive.js");
-
 /***/ }),
 
 /***/ "fd22":