{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/viewers/MultiFlatmap.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/viewers/MultiFlatmap.vue","mtime":1684565818325},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCB7IGF2YWlsYWJsZVNwZWNpZXMgfSBmcm9tICIuLi9zY3JpcHRzL3V0aWxpdGllcy5qcyI7CmltcG9ydCB7IE11bHRpRmxhdG1hcFZ1ZXIgfSBmcm9tICJAYWJpLXNvZnR3YXJlL2ZsYXRtYXB2dWVyL3NyYy9jb21wb25lbnRzL2luZGV4LmpzIjsKaW1wb3J0IENvbnRlbnRNaXhpbiBmcm9tICIuLi8uLi9taXhpbnMvQ29udGVudE1peGluIjsKaW1wb3J0IEV2ZW50QnVzIGZyb20gIi4uL0V2ZW50QnVzIjsKaW1wb3J0IHN0b3JlIGZyb20gIi4uLy4uL3N0b3JlIjsKaW1wb3J0IG1hcmtlclpvb21MZXZlbHMgZnJvbSAiLi4vbWFya2VyWm9vbUxldmVscyI7CgppbXBvcnQgWWVsbG93U3RhciBmcm9tICIuLi8uLi9pY29ucy95ZWxsb3dzdGFyIjsKCi8qCiAqIEZ1bmN0aW9uIHRvIGNoZWNrIG1hcmtlcnMgdmlzaWJpbGl0eSBhdCB0aGUgZ2l2ZW4gem9vbSBsZXZlbC4KICogSSBoYXZlIG1vZGlmaWVkIGl0IHRvIG1ha2Ugc3VyZSB0aGUgbWFya2VyIGlzIGRpc3BsYXllZAogKiBpZiB0aGUgdWJlcm9uIGlzIG5vdCBwcmVzZW50IGluIHRoZSBoYXJkY29kZWQgem9vbS1sZXZlbCBsaXN0LgogKi8KY29uc3QgY2hlY2tNYXJrZXJzQXRab29tTGV2ZWwgPSAoZmxhdG1hcEltcCwgbWFya2Vycywgem9vbUxldmVsKSA9PiB7CiAgaWYgKG1hcmtlcnMpIHsKICAgIG1hcmtlcnMuZm9yRWFjaChpZCA9PiB7CiAgICAgIGxldCBmb3VuZEluQXJyYXkgPSBmYWxzZTsKICAgICAgLy8gRmlyc3QgY2hlY2sgaWYgdWJlcm9uIGlzIGluIHRoZSBsaXN0LCBjaGVjayBmb3Igem9vbSBsZXZlbAogICAgICAvLyBpZiB0cnVlLiBOb3RlOiBtYXJrZXJab29tTGV2ZWxzIGlzIGltcG9ydGVkLgogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IG1hcmtlclpvb21MZXZlbHMubGVuZ3RoOyBpKyspIHsKICAgICAgICBpZiAobWFya2VyWm9vbUxldmVsc1tpXS5pZCA9PT0gaWQpIHsKICAgICAgICAgIGZvdW5kSW5BcnJheSA9IHRydWU7CiAgICAgICAgICBpZiAoem9vbUxldmVsID49IG1hcmtlclpvb21MZXZlbHNbaV0uc2hvd0F0Wm9vbSkgewogICAgICAgICAgICBmbGF0bWFwSW1wLmFkZE1hcmtlcihpZCk7CiAgICAgICAgICB9CiAgICAgICAgICBicmVhazsKICAgICAgICB9CiAgICAgIH0KICAgICAgLy8gRGlkIG5vdCBtYXRjaCwgYWRkIGl0IHJlZ2FyZGxlc3Mgc28gd2UgZG8gbm90IGxvc2UgYW55CiAgICAgIC8vIG1hcmtlcnMuCiAgICAgIGlmICghZm91bmRJbkFycmF5KSBmbGF0bWFwSW1wLmFkZE1hcmtlcihpZCk7CiAgICB9KTsKICB9Cn07CgovKgpjb25zdCBleHRyYWN0UzNCdWNrZXROYW1lID0gdXJpID0+IHsKICBpZiAodXJpKSB7CiAgICBjb25zdCBzdWJzdHJpbmcgPSB1cmkuc3BsaXQoIi8vIilbMV0KICAgIGlmIChzdWJzdHJpbmcpIHsKICAgICAgcmV0dXJuIHN1YnN0cmluZy5zcGxpdCgiLyIpWzBdCiAgICB9CiAgfQogIHJldHVybiB1bmRlZmluZWQKfQoqLwoKY29uc3QgZ2V0Qm9keVNjYWZmb2xkID0gYXN5bmMoc3BhcmNBcGksIHNwZWNpZXMpID0+IHsKICBpZiAoc3BlY2llcyA9PT0gInJhdCIpIHsKICAgIHJldHVybiAiaHR0cHM6Ly9tYXBjb3JlLWJ1Y2tldDEuczMudXMtd2VzdC0yLmFtYXpvbmF3cy5jb20vV2hvbGVCb2R5LzMxLU1heS0yMDIxL3JhdEJvZHkvcmF0Qm9keV9zeW5jbWFwX21ldGFkYXRhLmpzb24iOwogIH0gZWxzZSBpZiAoc3BlY2llcyA9PT0gImh1bWFuIikgewogICAgcmV0dXJuICJodHRwczovL21hcGNvcmUtYnVja2V0MS5zMy51cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9XaG9sZUJvZHkvMjctNC0yMy1odW1hbi9odW1hbl9ib2R5X21ldGFkYXRhLmpzb24iOwogIH0KICAvL0dldCBib2R5IHNjYWZmb2xkIGluZm9ybWF0aW9uCiAgLyoKICBjb25zdCByZXNwb25zZSA9IGF3YWl0IGZldGNoKGAke3NwYXJjQXBpfWdldF9ib2R5X3NjYWZmb2xkX2luZm8vJHtzcGVjaWVzfWApOwogIGlmIChyZXNwb25zZS5vaykgewogICAgY29uc3QgZGF0YSA9IGF3YWl0IHJlc3BvbnNlLmpzb24oKTsKICAgIC8vQ29uc3RydWN0IHRoZSB1cmwgZW5kcG9pbnQgZm9yIGRvd25sb2FkaW5nIHRoZSBzY2FmZm9sZAogICAgY29uc3QgYnVja2V0ID0gZXh0cmFjdFMzQnVja2V0TmFtZShkYXRhLnMzdXJpKTsKICAgIHJldHVybiBgJHtzcGFyY0FwaX1zMy1yZXNvdXJjZS8ke2RhdGEuaWR9LyR7ZGF0YS52ZXJzaW9ufS9maWxlcy8ke2RhdGEucGF0aH0/czNCdWNrZXROYW1lPSR7YnVja2V0fWA7CiAgfSBlbHNlIHsKICAgIC8vVXNlIGRlZmF1bHQgdXJsIGlmIGRhdGEgaXMgbm90IGZvdW5kIGZvciBhbnkgcmVhc29uCiAgICBpZiAoc3BlY2llcyA9PT0gInJhdCIpIHsKICAgICAgcmV0dXJuICJodHRwczovL21hcGNvcmUtYnVja2V0MS5zMy51cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9XaG9sZUJvZHkvMzEtTWF5LTIwMjEvcmF0Qm9keS9yYXRCb2R5X3N5bmNtYXBfbWV0YWRhdGEuanNvbiI7CiAgICB9IGVsc2UgaWYgKHNwZWNpZXMgPT09ICJodW1hbiIpIHsKICAgICAgcmV0dXJuICJodHRwczovL21hcGNvcmUtYnVja2V0MS5zMy51cy13ZXN0LTIuYW1hem9uYXdzLmNvbS9XaG9sZUJvZHkvMjctNC0yMy1odW1hbi9odW1hbl9ib2R5X21ldGFkYXRhLmpzb24iOwogICAgfQogIH0KICAqLwp9CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk11bHRpRmxhdG1hcCIsCiAgbWl4aW5zOiBbQ29udGVudE1peGluXSwKICBjb21wb25lbnRzOiB7CiAgICBNdWx0aUZsYXRtYXBWdWVyLAogIH0sCiAgZGF0YTogZnVuY3Rpb24gKCkgewogICAgcmV0dXJuIHsKICAgICAgem9vbUxldmVsOiA2LAogICAgICBmbGF0bWFwUmVhZHk6IGZhbHNlLAogICAgICBhdmFpbGFibGVTcGVjaWVzOiBhdmFpbGFibGVTcGVjaWVzKCksCiAgICAgIHNjYWZmb2xkUmVzb3VyY2U6IHsgfSwKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8qKgogICAgICogVG9nZ2xlIHN5bmMgbW9kZSBvbi9vZmYgZGVwZW5kaW5nIG9uIHNwZWNpZXMgYW5kIGN1cnJlbnQgc3RhdGUKICAgICAqLwogICAgdG9nZ2xlU3luY01vZGU6IGFzeW5jIGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuc3luY01vZGUgPT0gZmFsc2UpIHsKICAgICAgICBsZXQgYWN0aW9uID0gdW5kZWZpbmVkOwogICAgICAgIGlmICh0aGlzLmFjdGl2ZVNwZWNpZXMgPT09ICJSYXQiKSB7CiAgICAgICAgICBhY3Rpb24gPSB7CiAgICAgICAgICAgIGNvbnRleHRDYXJkOiB1bmRlZmluZWQsCiAgICAgICAgICAgIGRpc2NvdmVySWQ6IHVuZGVmaW5lZCwKICAgICAgICAgICAgbGFiZWw6ICJSYXQgQm9keSIsCiAgICAgICAgICAgIHJlc291cmNlOiAiaHR0cHM6Ly9tYXBjb3JlLWJ1Y2tldDEuczMudXMtd2VzdC0yLmFtYXpvbmF3cy5jb20vV2hvbGVCb2R5LzMxLU1heS0yMDIxL3JhdEJvZHkvcmF0Qm9keV9zeW5jbWFwX21ldGFkYXRhLmpzb24iLAogICAgICAgICAgICB0aXRsZTogIlZpZXcgM0Qgc2NhZmZvbGQiLAogICAgICAgICAgICBsYXlvdXQ6ICIyaG9ycGFuZWwiLAogICAgICAgICAgICB0eXBlOiAiU3luY01hcCIsCiAgICAgICAgICB9OwogICAgICAgIH0gZWxzZSBpZiAoKHRoaXMuYWN0aXZlU3BlY2llcyA9PT0gIkh1bWFuIE1hbGUiKSB8fCAodGhpcy5hY3RpdmVTcGVjaWVzID09PSAiSHVtYW4gRmVtYWxlIikpIHsKICAgICAgICAgIC8vRHluYW1pY2FsbHkgY29uc3RydWN0IHRoZSB3aG9sZSBib2R5IHNjYWZmb2xkIGZvciBodW1hbiBhbmQgc3RvcmUgaXQKICAgICAgICAgIGlmICghKCJodW1hbiIgaW4gdGhpcy5zY2FmZm9sZFJlc291cmNlKSkgewogICAgICAgICAgICB0aGlzLnNjYWZmb2xkUmVzb3VyY2VbImh1bWFuIl0gPSBhd2FpdCBnZXRCb2R5U2NhZmZvbGQoc3RvcmUuc3RhdGUuc2V0dGluZ3Muc3BhcmNBcGksICJodW1hbiIpOwogICAgICAgICAgfQogICAgICAgICAgYWN0aW9uID0gewogICAgICAgICAgICBjb250ZXh0Q2FyZDogdW5kZWZpbmVkLAogICAgICAgICAgICBkaXNjb3ZlcklkOiB1bmRlZmluZWQsCiAgICAgICAgICAgIGxhYmVsOiAiSHVtYW4gQm9keSIsCiAgICAgICAgICAgIHJlc291cmNlOiB0aGlzLnNjYWZmb2xkUmVzb3VyY2VbImh1bWFuIl0sCiAgICAgICAgICAgIHRpdGxlOiAiVmlldyAzRCBzY2FmZm9sZCIsCiAgICAgICAgICAgIGxheW91dDogIjJ2ZXJ0cGFuZWwiLAogICAgICAgICAgICB0eXBlOiAiU3luY01hcCIsCiAgICAgICAgICB9OwogICAgICAgIH0KICAgICAgICBpZiAoYWN0aW9uKQogICAgICAgICAgRXZlbnRCdXMuJGVtaXQoIlN5bmNNb2RlUmVxdWVzdCIsIHsgZmxhZzogdHJ1ZSwgYWN0aW9uOiBhY3Rpb24gfSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgRXZlbnRCdXMuJGVtaXQoIlN5bmNNb2RlUmVxdWVzdCIsIHsgZmxhZzogZmFsc2UgfSk7CiAgICAgIH0KICAgIH0sCiAgICBnZXRTdGF0ZTogZnVuY3Rpb24gKCkgewogICAgICBpZiAodGhpcy5mbGF0bWFwUmVhZHkpIHJldHVybiB0aGlzLiRyZWZzLm11bHRpZmxhdG1hcC5nZXRTdGF0ZSgpOwogICAgICBlbHNlIHJldHVybiB1bmRlZmluZWQ7CiAgICB9LAogICAgZmxhdG1hcFBhblpvb21DYWxsYmFjazogZnVuY3Rpb24gKHBheWxvYWQpIHsKICAgICAgaWYgKHRoaXMubW91c2VIb3ZlcmVkKSB7CiAgICAgICAgY29uc3QgcmVzdWx0ID0gewogICAgICAgICAgcGFuZUluZGV4OiB0aGlzLmVudHJ5LmlkLAogICAgICAgICAgZXZlbnRUeXBlOiAicGFuWm9vbSIsCiAgICAgICAgICBwYXlsb2FkOiBwYXlsb2FkLAogICAgICAgICAgdHlwZTogdGhpcy5lbnRyeS50eXBlLAogICAgICAgIH07CiAgICAgICAgdGhpcy5mbGF0bWFwTWFya2VyWm9vbVVwZGF0ZShmYWxzZSk7CiAgICAgICAgdGhpcy4kZW1pdCgicmVzb3VyY2Utc2VsZWN0ZWQiLCByZXN1bHQpOwogICAgICB9CiAgICB9LAogICAgLyoqCiAgICAgKiBQZXJmb3JtIGEgbG9jYWwgc2VhcmNoIG9uIHRoaXMgY29udGVudHZ1ZXIKICAgICAqLwogICAgc2VhcmNoOiBmdW5jdGlvbiAodGVybSkgewogICAgICBjb25zdCBmbGF0bWFwID0gdGhpcy4kcmVmcy5tdWx0aWZsYXRtYXAuZ2V0Q3VycmVudEZsYXRtYXAoKTsKICAgICAgLy9GaXJzdCBzZWFyY2ggYW5kIHNob3cgdGhlIHJlc3VsdAogICAgICByZXR1cm4gZmxhdG1hcC5zZWFyY2hBbmRTaG93UmVzdWx0KHRlcm0sIHRydWUpOwogICAgfSwKICAgIC8qKgogICAgICogQXBwZW5kIHRoZSBsaXN0IG9mIHN1Z2dlc3RlZCB0ZXJtcyB0byBzdWdnZXN0aW9ucwogICAgICovCiAgICBzZWFyY2hTdWdnZXN0aW9uczogZnVuY3Rpb24gKHRlcm0sIHN1Z2dlc3Rpb25zKSB7CiAgICAgIGNvbnN0IGZsYXRtYXAgPSB0aGlzLiRyZWZzLm11bHRpZmxhdG1hcC5nZXRDdXJyZW50RmxhdG1hcCgpOwogICAgICBpZiAodGVybSAmJiBmbGF0bWFwLm1hcEltcCkgewogICAgICAgIGNvbnN0IHJlc3VsdHMgPSBmbGF0bWFwLm1hcEltcC5zZWFyY2godGVybSk7CiAgICAgICAgcmVzdWx0cy5fX2ZlYXR1cmVJZHMuZm9yRWFjaChpZCA9PiB7CiAgICAgICAgICBjb25zdCBhbm5vdGF0aW9uID0gZmxhdG1hcC5tYXBJbXAuYW5ub3RhdGlvbihpZCk7CiAgICAgICAgICBpZiAoYW5ub3RhdGlvbiAmJiBhbm5vdGF0aW9uLmxhYmVsKQogICAgICAgICAgICBzdWdnZXN0aW9ucy5wdXNoKGFubm90YXRpb24ubGFiZWwpOwogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgLyoqCiAgICAgKiBIYW5kbGUgc3luYyBwYW4gem9vbSBldmVudAogICAgICovCiAgICBoYW5kbGVTeW5jUGFuWm9vbUV2ZW50OiBmdW5jdGlvbiAoZGF0YSkgewogICAgICAvL1ByZXZlbnQgcmVjdXJzaXZlIGNhbGxiYWNrCiAgICAgIGlmICghdGhpcy5tb3VzZUhvdmVyZWQpIHsKICAgICAgICBpZiAoZGF0YS50eXBlICE9PSB0aGlzLmVudHJ5LnR5cGUpIHsKICAgICAgICAgIGNvbnN0IHpvb20gPSBkYXRhLnBheWxvYWQuem9vbTsKICAgICAgICAgIGNvbnN0IGNlbnRlciA9IGRhdGEucGF5bG9hZC50YXJnZXQ7CiAgICAgICAgICBjb25zdCBoZWlnaHQgPSB0aGlzLiRlbC5jbGllbnRIZWlnaHQ7CiAgICAgICAgICBjb25zdCB3aWR0aCA9IHRoaXMuJGVsLmNsaWVudFdpZHRoOwogICAgICAgICAgY29uc3QgbWF4ID0gTWF0aC5tYXgod2lkdGgsIGhlaWdodCk7CiAgICAgICAgICBsZXQgc1cgPSB3aWR0aCAvIG1heCAvIHpvb207CiAgICAgICAgICBjb25zdCBzSCA9IGhlaWdodCAvIG1heCAvIHpvb207CiAgICAgICAgICBjb25zdCBvcmlnaW4gPSBbCiAgICAgICAgICAgIGNlbnRlclswXSAvIDIgKyAwLjUgLSBzVyAvIDIsCiAgICAgICAgICAgIDAuNSAtIGNlbnRlclsxXSAvIDIgLSBzSCAvIDIsCiAgICAgICAgICBdOwogICAgICAgICAgdGhpcy4kcmVmcy5tdWx0aWZsYXRtYXAKICAgICAgICAgICAgLmdldEN1cnJlbnRGbGF0bWFwKCkKICAgICAgICAgICAgLm1hcEltcC5wYW5ab29tVG8ob3JpZ2luLCBbc1csIHNIXSk7CiAgICAgICAgICB0aGlzLmZsYXRtYXBNYXJrZXJab29tVXBkYXRlKGZhbHNlKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICBkaXNwbGF5VG9vbHRpcDogZnVuY3Rpb24gKGluZm8pIHsKICAgICAgaWYgKGluZm8pIHsKICAgICAgICBsZXQgbmFtZSA9IGluZm8ubmFtZTsKICAgICAgICBpZiAobmFtZSkgewogICAgICAgICAgdGhpcy5zZWFyY2gobmFtZSk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIGNvbnN0IGZsYXRtYXAgPSB0aGlzLiRyZWZzLm11bHRpZmxhdG1hcC5nZXRDdXJyZW50RmxhdG1hcCgpOwogICAgICAgICAgZmxhdG1hcC5tYXBJbXAuY2xlYXJTZWFyY2hSZXN1bHRzKCk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgem9vbVRvRmVhdHVyZXM6IGZ1bmN0aW9uIChpbmZvLCBmb3JjZVNlbGVjdCkgewogICAgICBsZXQgbmFtZSA9IGluZm8ubmFtZTsKICAgICAgY29uc3QgZmxhdG1hcCA9IHRoaXMuJHJlZnMubXVsdGlmbGF0bWFwLmdldEN1cnJlbnRGbGF0bWFwKCkubWFwSW1wOwogICAgICBpZiAobmFtZSkgewogICAgICAgIGNvbnN0IHJlc3VsdHMgPSBmbGF0bWFwLnNlYXJjaChuYW1lKTsKICAgICAgICBpZiAocmVzdWx0cy5mZWF0dXJlSWRzLmxlbmd0aCkgewogICAgICAgICAgbGV0IGV4dGVybmFsSWQgPSBmbGF0bWFwLm1vZGVsRm9yRmVhdHVyZShyZXN1bHRzLmZlYXR1cmVJZHNbMF0pOwogICAgICAgICAgaWYgKGV4dGVybmFsSWQpIHsKICAgICAgICAgICAgaWYgKGZvcmNlU2VsZWN0KSB7CiAgICAgICAgICAgICAgZmxhdG1hcC5zZWxlY3RGZWF0dXJlcyhleHRlcm5hbElkKTsKICAgICAgICAgICAgfQogICAgICAgICAgICBmbGF0bWFwLnpvb21Ub0ZlYXR1cmVzKGV4dGVybmFsSWQpOwogICAgICAgICAgfSBlbHNlIGZsYXRtYXAuY2xlYXJTZWFyY2hSZXN1bHRzKCk7CiAgICAgICAgfQogICAgICB9IGVsc2UgewogICAgICAgIGZsYXRtYXAuY2xlYXJTZWFyY2hSZXN1bHRzKCk7CiAgICAgIH0KICAgIH0sCiAgICBoaWdobGlnaHRGZWF0dXJlczogZnVuY3Rpb24gKGluZm8pIHsKICAgICAgbGV0IG5hbWUgPSBpbmZvLm5hbWU7CiAgICAgIGNvbnN0IGZsYXRtYXAgPSB0aGlzLiRyZWZzLm11bHRpZmxhdG1hcC5nZXRDdXJyZW50RmxhdG1hcCgpLm1hcEltcDsKICAgICAgaWYgKG5hbWUpIHsKICAgICAgICBjb25zdCByZXN1bHRzID0gZmxhdG1hcC5zZWFyY2gobmFtZSk7CiAgICAgICAgaWYgKHJlc3VsdHMuZmVhdHVyZUlkc1swXSkgewogICAgICAgICAgZmxhdG1hcC5oaWdobGlnaHRGZWF0dXJlcyhbCiAgICAgICAgICAgIGZsYXRtYXAubW9kZWxGb3JGZWF0dXJlKHJlc3VsdHMuZmVhdHVyZUlkc1swXSksCiAgICAgICAgICBdKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICBmbGF0bWFwQ2hhbmdlZDogYXN5bmMgZnVuY3Rpb24gKGFjdGl2ZVNwZWNpZXMpIHsKICAgICAgdGhpcy5hY3RpdmVTcGVjaWVzID0gYWN0aXZlU3BlY2llczsKICAgICAgdGhpcy4kZW1pdCgic3BlY2llcy1jaGFuZ2VkIiwgYWN0aXZlU3BlY2llcyk7CiAgICAgIGlmICghKHRoaXMuZW50cnkuc3RhdGUgJiYgKHRoaXMuZW50cnkuc3RhdGUuc3BlY2llcyA9PT0gdGhpcy5hY3RpdmVTcGVjaWVzKSkpIHsKICAgICAgICBpZiAodGhpcy5zeW5jTW9kZSA9PSB0cnVlKQogICAgICAgICAgYXdhaXQgdGhpcy50b2dnbGVTeW5jTW9kZSgpOwogICAgICB9CiAgICB9LAogICAgbXVsdGlGbGF0bWFwUmVhZHk6IGZ1bmN0aW9uICgpIHsKICAgICAgdGhpcy4kcmVmcy5tdWx0aWZsYXRtYXAuZ2V0Q3VycmVudEZsYXRtYXAoKS5lbmFibGVQYW5ab29tRXZlbnRzKHRydWUpOyAvLyBVc2Ugem9vbSBldmVudHMgZm9yIGR5bmFtaWMgbWFya2VycwogICAgICB0aGlzLmZsYXRtYXBSZWFkeSA9IHRydWU7CiAgICAgIHRoaXMuZmxhdG1hcE1hcmtlclpvb21VcGRhdGUodHJ1ZSk7CiAgICB9LAogICAgLyoqCiAgICAgKiBGdW5jdGlvbiB1c2VkIGZvciB1cGRhdGluZyB0aGUgZmxhdG1hcCBtYXJrZXJzLgogICAgICogSXQgd2lsbCBvbmx5IHVwZGF0ZSB0aGUgbWFya2VycyBpZiB6b29tIGxldmVsIGhhcyBjaGFuZ2VkIG9yCiAgICAgKiB0aGUgZm9yY2UgZmxhZyBpcyB0cnVlLgogICAgICovCiAgICBmbGF0bWFwTWFya2VyWm9vbVVwZGF0ZShmb3JjZSkgewogICAgICBpZiAoIXRoaXMuZmxhdG1hcFJlYWR5KSByZXR1cm47CiAgICAgIGxldCBmbGF0bWFwSW1wID0gdGhpcy5nZXRGbGF0bWFwSW1wKCk7CiAgICAgIGxldCBjdXJyZW50Wm9vbSA9IGZsYXRtYXBJbXAuZ2V0Wm9vbSgpWyJ6b29tIl07CiAgICAgIGlmIChmb3JjZSB8fCB0aGlzLnpvb21MZXZlbCAhPT0gY3VycmVudFpvb20pIHsKICAgICAgICB0aGlzLnpvb21MZXZlbCA9IGN1cnJlbnRab29tOwogICAgICAgIGZsYXRtYXBJbXAuY2xlYXJNYXJrZXJzKCk7CiAgICAgICAgbGV0IG1hcmtlcnMgPSBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5tYXJrZXJzOwogICAgICAgIGNoZWNrTWFya2Vyc0F0Wm9vbUxldmVsKGZsYXRtYXBJbXAsIG1hcmtlcnMsIHRoaXMuem9vbUxldmVsKTsKICAgICAgICB0aGlzLnJlc3RvcmVGZWF0dXJlZE1hcmtlcnMoKTsKICAgICAgfQogICAgfSwKICAgIGdldEZsYXRtYXBJbXA6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkudHlwZSA9PT0gIkZsYXRtYXAiKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuJHJlZnMuZmxhdG1hcC5tYXBJbXA7CiAgICAgIH0gZWxzZSBpZiAodGhpcy5lbnRyeS50eXBlID09PSAiTXVsdGlGbGF0bWFwIikgewogICAgICAgIHJldHVybiB0aGlzLiRyZWZzLm11bHRpZmxhdG1hcC5nZXRDdXJyZW50RmxhdG1hcCgpWyJtYXBJbXAiXTsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gdW5kZWZpbmVkOwogICAgICB9CiAgICB9LAogICAgZmxhdG1hcEFyZWFTZWFyY2goKSB7CiAgICAgIHRoaXMuZmxhdG1hcEltcCA9IHRoaXMuZ2V0RmxhdG1hcEltcCgpOwogICAgICBsZXQgc2hvd25NYXJrZXJzID0gdGhpcy5mbGF0bWFwSW1wLnZpc2libGVNYXJrZXJBbmF0b21pY2FsSWRzKCk7CiAgICAgIGxldCByZXR1cm5lZEFjdGlvbiA9IHsKICAgICAgICB0eXBlOiAiRmFjZXRzIiwKICAgICAgICBsYWJlbDogIlVudXNlZCIsCiAgICAgICAgdmFsOiBzaG93bk1hcmtlcnMubWFwKG1hcmtlciA9PiB0aGlzLmlkTmFtZVBhaXJbbWFya2VyXSksCiAgICAgIH07CiAgICAgIEV2ZW50QnVzLiRlbWl0KCJQb3BvdmVyQWN0aW9uQ2xpY2siLCByZXR1cm5lZEFjdGlvbik7CiAgICB9LAogICAgcmVzdG9yZUZlYXR1cmVkTWFya2VyczogZnVuY3Rpb24gKCkgewogICAgICBzdG9yZS5jb21taXQoInNldHRpbmdzL3Jlc2V0RmVhdHVyZWRNYXJrZXJJZGVudGlmaWVyIik7CiAgICAgIGNvbnN0IG1hcmtlcnMgPSBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5mZWF0dXJlZE1hcmtlcnM7CiAgICAgIHRoaXMudXBkYXRlRmVhdHVyZU1hcmtlcnMobWFya2Vycyk7CiAgICB9LAogICAgdXBkYXRlRmVhdHVyZU1hcmtlcnM6IGZ1bmN0aW9uIChtYXJrZXJzKSB7CiAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCBtYXJrZXJzLmxlbmd0aDsgKytpbmRleCkgewogICAgICAgIGlmIChtYXJrZXJzW2luZGV4XSkgewogICAgICAgICAgY29uc3QgbWFya2VySWRlbnRpZmllciA9CiAgICAgICAgICAgIHN0b3JlLnN0YXRlLnNldHRpbmdzLmZlYXR1cmVkTWFya2VySWRlbnRpZmllcnNbaW5kZXhdOwogICAgICAgICAgaWYgKCFtYXJrZXJJZGVudGlmaWVyKSB7CiAgICAgICAgICAgIHRoaXMuYWRkRmVhdHVyZWRNYXJrZXIobWFya2Vyc1tpbmRleF0sIGluZGV4KTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICBhZGRGZWF0dXJlZE1hcmtlcjogZnVuY3Rpb24gKG1hcmtlciwgaW5kZXgpIHsKICAgICAgY29uc3QgbWFya2VyU3BlY2llcyA9CiAgICAgICAgc3RvcmUuZ2V0dGVyc1sic2V0dGluZ3MvZmVhdHVyZWRNYXJrZXJTcGVjaWVzIl0oaW5kZXgpOwogICAgICBpZiAobWFya2VyU3BlY2llcyAmJiAhdGhpcy5hY3RpdmVTcGVjaWVzLnN0YXJ0c1dpdGgobWFya2VyU3BlY2llcykpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIGNvbnN0IGZsYXRtYXBJbXAgPSB0aGlzLmdldEZsYXRtYXBJbXAoKTsKCiAgICAgIGxldCB3cmFwcGVyRWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRpdiIpOwogICAgICB3cmFwcGVyRWxlbWVudC5pbm5lckhUTUwgPSBZZWxsb3dTdGFyOwoKICAgICAgY29uc3QgbWFya2VySWRlbnRpZmllciA9IGZsYXRtYXBJbXAuYWRkTWFya2VyKG1hcmtlciwgewogICAgICAgIGVsZW1lbnQ6IHdyYXBwZXJFbGVtZW50LAogICAgICB9KTsKICAgICAgc3RvcmUuY29tbWl0KCJzZXR0aW5ncy91cGRhdGVGZWF0dXJlZE1hcmtlcklkZW50aWZpZXIiLCB7CiAgICAgICAgaW5kZXgsCiAgICAgICAgbWFya2VySWRlbnRpZmllciwKICAgICAgfSk7CiAgICB9LAogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGZhY2V0U3BlY2llcygpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNldHRpbmdzLmZhY2V0cy5zcGVjaWVzOwogICAgfSwKICAgIGZlYXR1cmVkTWFya2VycygpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNldHRpbmdzLmZlYXR1cmVkTWFya2VyczsKICAgIH0sCiAgfSwKICB3YXRjaDogewogICAgc3luY01vZGU6IGZ1bmN0aW9uICh2YWwpIHsKICAgICAgaWYgKHRoaXMuJHJlZnMubXVsdGlmbGF0bWFwLmdldEN1cnJlbnRGbGF0bWFwKCkpCiAgICAgICAgdGhpcy4kcmVmcy5tdWx0aWZsYXRtYXAuZ2V0Q3VycmVudEZsYXRtYXAoKS5lbmFibGVQYW5ab29tRXZlbnRzKHZhbCk7CiAgICB9LAogICAgZmVhdHVyZWRNYXJrZXJzOiBmdW5jdGlvbiAobWFya2VycykgewogICAgICBpZiAoIXRoaXMuZmxhdG1hcFJlYWR5KSB7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0aGlzLnVwZGF0ZUZlYXR1cmVNYXJrZXJzKG1hcmtlcnMpOwogICAgfSwKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uICgpIHsKICAgIHRoaXMuZ2V0QXZhaWxhYmxlVGVybXMoKTsKICAgIHRoaXMuZ2V0RmVhdHVyZWREYXRhc2V0cygpOwoKICAgIEV2ZW50QnVzLiRvbigibWFya2VyVXBkYXRlIiwgKCkgPT4gewogICAgICB0aGlzLmZsYXRtYXBNYXJrZXJab29tVXBkYXRlKHRydWUpOwogICAgfSk7CiAgfSwKfTsK"},{"version":3,"sources":["MultiFlatmap.vue"],"names":[],"mappings":";AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"MultiFlatmap.vue","sourceRoot":"src/components/viewers","sourcesContent":["<template>\n  <MultiFlatmapVuer\n    :availableSpecies=\"availableSpecies\"\n    @flatmapChanged=\"flatmapChanged\"\n    @ready=\"multiFlatmapReady\"\n    :state=\"entry.state\"\n    @resource-selected=\"resourceSelected(entry.type, $event)\"\n    style=\"height: 100%; width: 100%\"\n    :initial=\"entry.resource\"\n    :helpMode=\"helpMode\"\n    ref=\"multiflatmap\"\n    :displayMinimap=\"false\"\n    :flatmapAPI=\"flatmapAPI\"\n    @pan-zoom-callback=\"flatmapPanZoomCallback\"\n  />\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport { availableSpecies } from \"../scripts/utilities.js\";\nimport { MultiFlatmapVuer } from \"@abi-software/flatmapvuer/src/components/index.js\";\nimport ContentMixin from \"../../mixins/ContentMixin\";\nimport EventBus from \"../EventBus\";\nimport store from \"../../store\";\nimport markerZoomLevels from \"../markerZoomLevels\";\n\nimport YellowStar from \"../../icons/yellowstar\";\n\n/*\n * Function to check markers visibility at the given zoom level.\n * I have modified it to make sure the marker is displayed\n * if the uberon is not present in the hardcoded zoom-level list.\n */\nconst checkMarkersAtZoomLevel = (flatmapImp, markers, zoomLevel) => {\n  if (markers) {\n    markers.forEach(id => {\n      let foundInArray = false;\n      // First check if uberon is in the list, check for zoom level\n      // if true. Note: markerZoomLevels is imported.\n      for (let i = 0; i < markerZoomLevels.length; i++) {\n        if (markerZoomLevels[i].id === id) {\n          foundInArray = true;\n          if (zoomLevel >= markerZoomLevels[i].showAtZoom) {\n            flatmapImp.addMarker(id);\n          }\n          break;\n        }\n      }\n      // Did not match, add it regardless so we do not lose any\n      // markers.\n      if (!foundInArray) flatmapImp.addMarker(id);\n    });\n  }\n};\n\n/*\nconst extractS3BucketName = uri => {\n  if (uri) {\n    const substring = uri.split(\"//\")[1]\n    if (substring) {\n      return substring.split(\"/\")[0]\n    }\n  }\n  return undefined\n}\n*/\n\nconst getBodyScaffold = async(sparcApi, species) => {\n  if (species === \"rat\") {\n    return \"https://mapcore-bucket1.s3.us-west-2.amazonaws.com/WholeBody/31-May-2021/ratBody/ratBody_syncmap_metadata.json\";\n  } else if (species === \"human\") {\n    return \"https://mapcore-bucket1.s3.us-west-2.amazonaws.com/WholeBody/27-4-23-human/human_body_metadata.json\";\n  }\n  //Get body scaffold information\n  /*\n  const response = await fetch(`${sparcApi}get_body_scaffold_info/${species}`);\n  if (response.ok) {\n    const data = await response.json();\n    //Construct the url endpoint for downloading the scaffold\n    const bucket = extractS3BucketName(data.s3uri);\n    return `${sparcApi}s3-resource/${data.id}/${data.version}/files/${data.path}?s3BucketName=${bucket}`;\n  } else {\n    //Use default url if data is not found for any reason\n    if (species === \"rat\") {\n      return \"https://mapcore-bucket1.s3.us-west-2.amazonaws.com/WholeBody/31-May-2021/ratBody/ratBody_syncmap_metadata.json\";\n    } else if (species === \"human\") {\n      return \"https://mapcore-bucket1.s3.us-west-2.amazonaws.com/WholeBody/27-4-23-human/human_body_metadata.json\";\n    }\n  }\n  */\n}\n\nexport default {\n  name: \"MultiFlatmap\",\n  mixins: [ContentMixin],\n  components: {\n    MultiFlatmapVuer,\n  },\n  data: function () {\n    return {\n      zoomLevel: 6,\n      flatmapReady: false,\n      availableSpecies: availableSpecies(),\n      scaffoldResource: { },\n    }\n  },\n  methods: {\n    /**\n     * Toggle sync mode on/off depending on species and current state\n     */\n    toggleSyncMode: async function () {\n      if (this.syncMode == false) {\n        let action = undefined;\n        if (this.activeSpecies === \"Rat\") {\n          action = {\n            contextCard: undefined,\n            discoverId: undefined,\n            label: \"Rat Body\",\n            resource: \"https://mapcore-bucket1.s3.us-west-2.amazonaws.com/WholeBody/31-May-2021/ratBody/ratBody_syncmap_metadata.json\",\n            title: \"View 3D scaffold\",\n            layout: \"2horpanel\",\n            type: \"SyncMap\",\n          };\n        } else if ((this.activeSpecies === \"Human Male\") || (this.activeSpecies === \"Human Female\")) {\n          //Dynamically construct the whole body scaffold for human and store it\n          if (!(\"human\" in this.scaffoldResource)) {\n            this.scaffoldResource[\"human\"] = await getBodyScaffold(store.state.settings.sparcApi, \"human\");\n          }\n          action = {\n            contextCard: undefined,\n            discoverId: undefined,\n            label: \"Human Body\",\n            resource: this.scaffoldResource[\"human\"],\n            title: \"View 3D scaffold\",\n            layout: \"2vertpanel\",\n            type: \"SyncMap\",\n          };\n        }\n        if (action)\n          EventBus.$emit(\"SyncModeRequest\", { flag: true, action: action });\n      } else {\n        EventBus.$emit(\"SyncModeRequest\", { flag: false });\n      }\n    },\n    getState: function () {\n      if (this.flatmapReady) return this.$refs.multiflatmap.getState();\n      else return undefined;\n    },\n    flatmapPanZoomCallback: function (payload) {\n      if (this.mouseHovered) {\n        const result = {\n          paneIndex: this.entry.id,\n          eventType: \"panZoom\",\n          payload: payload,\n          type: this.entry.type,\n        };\n        this.flatmapMarkerZoomUpdate(false);\n        this.$emit(\"resource-selected\", result);\n      }\n    },\n    /**\n     * Perform a local search on this contentvuer\n     */\n    search: function (term) {\n      const flatmap = this.$refs.multiflatmap.getCurrentFlatmap();\n      //First search and show the result\n      return flatmap.searchAndShowResult(term, true);\n    },\n    /**\n     * Append the list of suggested terms to suggestions\n     */\n    searchSuggestions: function (term, suggestions) {\n      const flatmap = this.$refs.multiflatmap.getCurrentFlatmap();\n      if (term && flatmap.mapImp) {\n        const results = flatmap.mapImp.search(term);\n        results.__featureIds.forEach(id => {\n          const annotation = flatmap.mapImp.annotation(id);\n          if (annotation && annotation.label)\n            suggestions.push(annotation.label);\n        });\n      }\n    },\n    /**\n     * Handle sync pan zoom event\n     */\n    handleSyncPanZoomEvent: function (data) {\n      //Prevent recursive callback\n      if (!this.mouseHovered) {\n        if (data.type !== this.entry.type) {\n          const zoom = data.payload.zoom;\n          const center = data.payload.target;\n          const height = this.$el.clientHeight;\n          const width = this.$el.clientWidth;\n          const max = Math.max(width, height);\n          let sW = width / max / zoom;\n          const sH = height / max / zoom;\n          const origin = [\n            center[0] / 2 + 0.5 - sW / 2,\n            0.5 - center[1] / 2 - sH / 2,\n          ];\n          this.$refs.multiflatmap\n            .getCurrentFlatmap()\n            .mapImp.panZoomTo(origin, [sW, sH]);\n          this.flatmapMarkerZoomUpdate(false);\n        }\n      }\n    },\n    displayTooltip: function (info) {\n      if (info) {\n        let name = info.name;\n        if (name) {\n          this.search(name);\n        } else {\n          const flatmap = this.$refs.multiflatmap.getCurrentFlatmap();\n          flatmap.mapImp.clearSearchResults();\n        }\n      }\n    },\n    zoomToFeatures: function (info, forceSelect) {\n      let name = info.name;\n      const flatmap = this.$refs.multiflatmap.getCurrentFlatmap().mapImp;\n      if (name) {\n        const results = flatmap.search(name);\n        if (results.featureIds.length) {\n          let externalId = flatmap.modelForFeature(results.featureIds[0]);\n          if (externalId) {\n            if (forceSelect) {\n              flatmap.selectFeatures(externalId);\n            }\n            flatmap.zoomToFeatures(externalId);\n          } else flatmap.clearSearchResults();\n        }\n      } else {\n        flatmap.clearSearchResults();\n      }\n    },\n    highlightFeatures: function (info) {\n      let name = info.name;\n      const flatmap = this.$refs.multiflatmap.getCurrentFlatmap().mapImp;\n      if (name) {\n        const results = flatmap.search(name);\n        if (results.featureIds[0]) {\n          flatmap.highlightFeatures([\n            flatmap.modelForFeature(results.featureIds[0]),\n          ]);\n        }\n      }\n    },\n    flatmapChanged: async function (activeSpecies) {\n      this.activeSpecies = activeSpecies;\n      this.$emit(\"species-changed\", activeSpecies);\n      if (!(this.entry.state && (this.entry.state.species === this.activeSpecies))) {\n        if (this.syncMode == true)\n          await this.toggleSyncMode();\n      }\n    },\n    multiFlatmapReady: function () {\n      this.$refs.multiflatmap.getCurrentFlatmap().enablePanZoomEvents(true); // Use zoom events for dynamic markers\n      this.flatmapReady = true;\n      this.flatmapMarkerZoomUpdate(true);\n    },\n    /**\n     * Function used for updating the flatmap markers.\n     * It will only update the markers if zoom level has changed or\n     * the force flag is true.\n     */\n    flatmapMarkerZoomUpdate(force) {\n      if (!this.flatmapReady) return;\n      let flatmapImp = this.getFlatmapImp();\n      let currentZoom = flatmapImp.getZoom()[\"zoom\"];\n      if (force || this.zoomLevel !== currentZoom) {\n        this.zoomLevel = currentZoom;\n        flatmapImp.clearMarkers();\n        let markers = store.state.settings.markers;\n        checkMarkersAtZoomLevel(flatmapImp, markers, this.zoomLevel);\n        this.restoreFeaturedMarkers();\n      }\n    },\n    getFlatmapImp: function () {\n      if (this.entry.type === \"Flatmap\") {\n        return this.$refs.flatmap.mapImp;\n      } else if (this.entry.type === \"MultiFlatmap\") {\n        return this.$refs.multiflatmap.getCurrentFlatmap()[\"mapImp\"];\n      } else {\n        return undefined;\n      }\n    },\n    flatmapAreaSearch() {\n      this.flatmapImp = this.getFlatmapImp();\n      let shownMarkers = this.flatmapImp.visibleMarkerAnatomicalIds();\n      let returnedAction = {\n        type: \"Facets\",\n        label: \"Unused\",\n        val: shownMarkers.map(marker => this.idNamePair[marker]),\n      };\n      EventBus.$emit(\"PopoverActionClick\", returnedAction);\n    },\n    restoreFeaturedMarkers: function () {\n      store.commit(\"settings/resetFeaturedMarkerIdentifier\");\n      const markers = store.state.settings.featuredMarkers;\n      this.updateFeatureMarkers(markers);\n    },\n    updateFeatureMarkers: function (markers) {\n      for (let index = 0; index < markers.length; ++index) {\n        if (markers[index]) {\n          const markerIdentifier =\n            store.state.settings.featuredMarkerIdentifiers[index];\n          if (!markerIdentifier) {\n            this.addFeaturedMarker(markers[index], index);\n          }\n        }\n      }\n    },\n    addFeaturedMarker: function (marker, index) {\n      const markerSpecies =\n        store.getters[\"settings/featuredMarkerSpecies\"](index);\n      if (markerSpecies && !this.activeSpecies.startsWith(markerSpecies)) {\n        return;\n      }\n\n      const flatmapImp = this.getFlatmapImp();\n\n      let wrapperElement = document.createElement(\"div\");\n      wrapperElement.innerHTML = YellowStar;\n\n      const markerIdentifier = flatmapImp.addMarker(marker, {\n        element: wrapperElement,\n      });\n      store.commit(\"settings/updateFeaturedMarkerIdentifier\", {\n        index,\n        markerIdentifier,\n      });\n    },\n  },\n  computed: {\n    facetSpecies() {\n      return store.state.settings.facets.species;\n    },\n    featuredMarkers() {\n      return store.state.settings.featuredMarkers;\n    },\n  },\n  watch: {\n    syncMode: function (val) {\n      if (this.$refs.multiflatmap.getCurrentFlatmap())\n        this.$refs.multiflatmap.getCurrentFlatmap().enablePanZoomEvents(val);\n    },\n    featuredMarkers: function (markers) {\n      if (!this.flatmapReady) {\n        return;\n      }\n\n      this.updateFeatureMarkers(markers);\n    },\n  },\n  mounted: function () {\n    this.getAvailableTerms();\n    this.getFeaturedDatasets();\n\n    EventBus.$on(\"markerUpdate\", () => {\n      this.flatmapMarkerZoomUpdate(true);\n    });\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n</style>\n\n<style src=\"@/../assets/mapicon-species-style.css\"></style>\n"]}]}