{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/ImageGallery.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/map-side-bar/src/components/ImageGallery.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmNvbnN0IGJhc2VOYW1lID0gKHN0cikgPT4gewogIHJldHVybiBzdHIuc3BsaXQoIlxcIikucG9wKCkuc3BsaXQoIi8iKS5wb3AoKTsKfTsKCmNvbnN0IGNhcGl0YWxpc2UgPSBmdW5jdGlvbiAoc3RyaW5nKSB7CiAgcmV0dXJuIHN0cmluZy5yZXBsYWNlKC9cYlx3L2csICh2KSA9PiB2LnRvVXBwZXJDYXNlKCkpOwp9OwoKaW1wb3J0IEdhbGxlcnlIZWxwZXIgZnJvbSAiQGFiaS1zb2Z0d2FyZS9nYWxsZXJ5L3NyYy9taXhpbnMvR2FsbGVyeUhlbHBlcnMiOwppbXBvcnQgR2FsbGVyeSBmcm9tICJAYWJpLXNvZnR3YXJlL2dhbGxlcnkvc3JjL21haW4tYnVuZGxlLmpzIjsKLy9wcm92aWRlIHRoZSBzM0J1Y2tldCByZWxhdGVkIG1ldGhvZHMgYW5kIGRhdGEuCmltcG9ydCBTM0J1Y2tldCBmcm9tICIuLi9taXhpbnMvUzNCdWNrZXQiOwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJJbWFnZUdhbGxlcnkiLAogIGNvbXBvbmVudHM6IHsgR2FsbGVyeSB9LAogIG1peGluczogW0dhbGxlcnlIZWxwZXIsIFMzQnVja2V0XSwKICBwcm9wczogewogICAgZGF0YXNldEJpb2x1Y2lkYTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0sCiAgICB9LAogICAgZW52VmFyczogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHt9LAogICAgfSwKICAgIGxhYmVsOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIsCiAgICB9LAogICAgcGxvdHM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0sCiAgICB9LAogICAgZGF0YXNldElkOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogLTEsCiAgICB9LAogICAgZGF0YXNldFZlcnNpb246IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAtMSwKICAgIH0sCiAgICBkYXRhc2V0VGh1bWJuYWlsOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIsCiAgICB9LAogICAgY2F0ZWdvcnk6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAiQWxsIiwKICAgIH0sCiAgICBlbnRyeTogIHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9LAogICAgfSwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjdXJyZW50SW5kZXg6IDAsCiAgICAgIHJvOiBudWxsLAogICAgICBtYXhXaWR0aDogMywKICAgICAgaXRlbXM6IHsKICAgICAgICAvL1VzZSB0aGUgSW1hZ2VzIGluc3RlYWQgZm9yIEJpb2x1Y2lkYSBJbWFnZXMKICAgICAgICAvLyJCaW9sdWNpZGEgSW1hZ2VzIjogW10sCiAgICAgICAgJ0RhdGFzZXQnOiBbXSwKICAgICAgICAnSW1hZ2VzJzogW10sCiAgICAgICAgJ1NjYWZmb2xkcyc6IFtdLAogICAgICAgICdTZWdtZW50YXRpb25zJzogW10sCiAgICAgICAgJ1NpbXVsYXRpb25zJzogW10sCiAgICAgICAgJ1ZpZGVvcyc6IFtdLAogICAgICAgICdQbG90cyc6IFtdLAogICAgICB9LAogICAgICBib2R5U3R5bGU6IHsgcGFkZGluZzogJzBweCcsIGJhY2tncm91bmQ6ICcjZmZmZmZmJyB9LAogICAgICBpbWFnZUNvbnRhaW5lclN0eWxlOiB7CiAgICAgICAgd2lkdGg6ICcxNjBweCcsCiAgICAgICAgaGVpZ2h0OiAnMTYwcHgnLAogICAgICAgIGRpc3BsYXk6ICdmbGV4JywKICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJywKICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsCiAgICAgIH0sCiAgICAgIGltYWdlU3R5bGU6IHsgbWF4V2lkdGg6ICcxNjBweCcsIG1heEhlaWdodDogJzE2MHB4J30sCiAgICAgIHNoYWRvdzogIm5ldmVyIiwKICAgICAgYm90dG9tU3BhY2VyOiB7IG1pbkhlaWdodDogJzByZW0nIH0sCiAgICAgIHJlc2V0SW5kZXg6IGZhbHNlLAogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGNhcmRDbGlja2VkOiBmdW5jdGlvbihwYXlsb2FkKSB7CiAgICAgIHRoaXMuJGVtaXQoJ2NhcmQtY2xpY2tlZCcsIHBheWxvYWQpOwogICAgfSwKICAgIGNyZWF0ZVNjaUN1cm5jaEl0ZW1zOiBmdW5jdGlvbiAoKSB7CiAgICAgIHRoaXMudXBkYXRlUzNCdWNrZXQodGhpcy5lbnRyeS5zM3VyaSk7CiAgICAgIHRoaXMuY3JlYXRlRGF0YXNldEl0ZW0oKTsKICAgICAgdGhpcy5jcmVhdGVTY2FmZm9sZEl0ZW1zKCk7CiAgICAgIHRoaXMuY3JlYXRlU2ltdWxhdGlvbkl0ZW1zKCk7CiAgICAgIHRoaXMuY3JlYXRlUGxvdEl0ZW1zKCk7CiAgICAgIHRoaXMuY3JlYXRlU2VnbWVudGF0aW9uSXRlbXMoKTsKICAgICAgLyogRGlzYWJsZSB0aGVzZSB0d28KICAgICAgdGhpcy5jcmVhdGVJbWFnZUl0ZW1zKCk7CiAgICAgIHRoaXMuY3JlYXRlVmlkZW9JdGVtcygpOwogICAgICAqLwogICAgfSwKICAgIGNyZWF0ZURhdGFzZXRJdGVtOiBmdW5jdGlvbiAoKSB7CiAgICAgIGNvbnN0IGxpbmsgPSBgJHt0aGlzLmVudlZhcnMuUk9PVF9VUkx9L2RhdGFzZXRzLyR7dGhpcy5kYXRhc2V0SWR9P3R5cGU9ZGF0YXNldGAKICAgICAgaWYgKHRoaXMuZGF0YXNldFRodW1ibmFpbCkgewogICAgICAgIHRoaXMuaXRlbXNbJ0RhdGFzZXQnXS5wdXNoKHsKICAgICAgICAgIGlkOiAtMSwKICAgICAgICAgIC8vV29yayBhcm91bmQgZ2FsbGVyeSByZXF1aXJlcyBhIHRydXRoeSBzdHJpbmcKICAgICAgICAgIHRpdGxlOiAiICIsCiAgICAgICAgICB0eXBlOiBgRGF0YXNldCAke3RoaXMuZGF0YXNldElkfWAsCiAgICAgICAgICB0aHVtYm5haWw6IHRoaXMuZGF0YXNldFRodW1ibmFpbCwKICAgICAgICAgIGxpbmssCiAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgIGhpZGVUaXRsZTogdHJ1ZSwKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZUltYWdlSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkuaW1hZ2VzKSB7CiAgICAgICAgdGhpcy5lbnRyeS5pbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gaW1hZ2UuZGF0YXNldC5wYXRoOwogICAgICAgICAgY29uc3QgaWQgPSBpbWFnZS5pZGVudGlmaWVyOwogICAgICAgICAgY29uc3QgbGlua1VybCA9IGAke3RoaXMuZW52VmFycy5ST09UX1VSTH0vZGF0YXNldHMvaW1hZ2V2aWV3ZXI/ZGF0YXNldF9pZD0ke3RoaXMuZGF0YXNldElkfSZkYXRhc2V0X3ZlcnNpb249JHt0aGlzLmRhdGFzZXRWZXJzaW9ufSZmaWxlX3BhdGg9JHtmaWxlUGF0aH0mbWltZXR5cGU9JHtpbWFnZS5taW1ldHlwZS5uYW1lfWA7CiAgICAgICAgICB0aGlzLml0ZW1zWydJbWFnZXMnXS5wdXNoKHsKICAgICAgICAgICAgaWQsCiAgICAgICAgICAgIHRpdGxlOiBiYXNlTmFtZShmaWxlUGF0aCksCiAgICAgICAgICAgIHR5cGU6ICJJbWFnZSIsCiAgICAgICAgICAgIGxpbms6IGxpbmtVcmwsCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVQbG90SXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkucGxvdHMpIHsKICAgICAgICB0aGlzLmVudHJ5LnBsb3RzLmZvckVhY2goKHBsb3QpID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gcGxvdC5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBjb25zdCBpZCA9IHBsb3QuaWRlbnRpZmllcjsKICAgICAgICAgIGNvbnN0IHRodW1ibmFpbCA9IHRoaXMuZ2V0VGh1bWJuYWlsRm9yUGxvdChwbG90LCB0aGlzLmVudHJ5LnRodW1ibmFpbHMpOwogICAgICAgICAgbGV0IHRodW1ibmFpbFVSTCA9IHVuZGVmaW5lZDsKICAgICAgICAgIGxldCBtaW1ldHlwZSA9ICcnOwogICAgICAgICAgaWYgKHRodW1ibmFpbCkgewogICAgICAgICAgICAKICAgICAgICAgICAgdGh1bWJuYWlsVVJMID0gdGhpcy5nZXRJbWFnZVVSTCh0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLCB7CiAgICAgICAgICAgICAgaWQsCiAgICAgICAgICAgICAgcHJlZml4OiB0aGlzLmdldFMzUHJlZml4KCksCiAgICAgICAgICAgICAgZmlsZV9wYXRoOiB0aHVtYm5haWwuZGF0YXNldC5wYXRoLAogICAgICAgICAgICAgIHMzQnVja2V0OiB0aGlzLnMzQnVja2V0LAogICAgICAgICAgICB9KTsKICAgICAgICAgICAgbWltZXR5cGUgPSB0aHVtYm5haWwubWltZXR5cGUubmFtZTsKICAgICAgICAgIH0KICAgICAgICAgIGNvbnN0IHBsb3RBbm5vdGF0aW9uID0gcGxvdC5kYXRhY2l0ZTsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoUHJlZml4ID0gYCR7dGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTn0vczMtcmVzb3VyY2UvJHt0aGlzLmdldFMzUHJlZml4KCl9ZmlsZXMvYDsKICAgICAgICAgIGNvbnN0IHNvdXJjZVVybCA9IGZpbGVQYXRoUHJlZml4ICsgcGxvdC5kYXRhc2V0LnBhdGggKyB0aGlzLmdldFMzQXJncygpOwoKICAgICAgICAgIC8vcGxvdEFubm90YXRpb24uc3VwcGxlbWVudGFsX2pzb25fbWV0YWRhdGEuZGVzY3JpcHRpb24gY2FuIGJlIHVuZGVmaW5lZCBvcgogICAgICAgICAgLy9jb250YWluIGFuIGVtcHR5IHN0cmluZyBjYXVzaW5nIGFuIGVycm9yIHdpdGggSlNPTi5wYXJzZQogICAgICAgICAgbGV0IG1ldGFkYXRhID0ge307CiAgICAgICAgICB0cnkgeyAKICAgICAgICAgICAgbWV0YWRhdGEgPSBKU09OLnBhcnNlKAogICAgICAgICAgICAgIHBsb3RBbm5vdGF0aW9uLnN1cHBsZW1lbnRhbF9qc29uX21ldGFkYXRhLmRlc2NyaXB0aW9uCiAgICAgICAgICAgICk7CiAgICAgICAgICB9IGNhdGNoIChlcnJvcikgewogICAgICAgICAgICBjb25zb2xlLndhcm4oZXJyb3IpOwogICAgICAgICAgfQoKICAgICAgICAgIGxldCBzdXBwbGVtZW50YWxEYXRhID0gW107CiAgICAgICAgICBpZiAocGxvdEFubm90YXRpb24uaXNEZXNjcmliZWRCeSkgewogICAgICAgICAgICBzdXBwbGVtZW50YWxEYXRhLnB1c2goewogICAgICAgICAgICAgIHVybDogZmlsZVBhdGhQcmVmaXggKyBwbG90QW5ub3RhdGlvbi5pc0Rlc2NyaWJlZEJ5LnBhdGgKICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CgogICAgICAgICAgY29uc3QgcmVzb3VyY2UgPSB7CiAgICAgICAgICAgIGRhdGFTb3VyY2U6IHt1cmw6IHNvdXJjZVVybH0sCiAgICAgICAgICAgIG1ldGFkYXRhLAogICAgICAgICAgICBzdXBwbGVtZW50YWxEYXRhCiAgICAgICAgICB9CgogICAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgICAgbGFiZWw6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgIHJlc291cmNlOiByZXNvdXJjZSwKICAgICAgICAgICAgczN1cmk6IHRoaXMuZW50cnkuczN1cmksCiAgICAgICAgICAgIHRpdGxlOiAiVmlldyBwbG90IiwKICAgICAgICAgICAgdHlwZTogIlBsb3QiLAogICAgICAgICAgICBkaXNjb3ZlcklkOiB0aGlzLmRpc2NvdmVySWQsCiAgICAgICAgICAgIHZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICB9OwogICAgICAgICAgdGhpcy5pdGVtc1snUGxvdHMnXS5wdXNoKHsKICAgICAgICAgICAgaWQsCiAgICAgICAgICAgIHRpdGxlOiBiYXNlTmFtZShmaWxlUGF0aCksCiAgICAgICAgICAgIHR5cGU6ICJQbG90IiwKICAgICAgICAgICAgdGh1bWJuYWlsOiB0aHVtYm5haWxVUkwsCiAgICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBtaW1ldHlwZQogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVTY2FmZm9sZEl0ZW1zOiBmdW5jdGlvbiAoKSB7CiAgICAgIGlmICh0aGlzLmVudHJ5LnNjYWZmb2xkcykgewogICAgICAgIGxldCBpbmRleCA9IDA7CiAgICAgICAgdGhpcy5lbnRyeS5zY2FmZm9sZHMuZm9yRWFjaCgoc2NhZmZvbGQsIGkpID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gc2NhZmZvbGQuZGF0YXNldC5wYXRoOwogICAgICAgICAgY29uc3QgaWQgPSBzY2FmZm9sZC5pZGVudGlmaWVyOwogICAgICAgICAgY29uc3QgdGh1bWJuYWlsID0gdGhpcy5nZXRUaHVtYm5haWxGb3JTY2FmZm9sZCgKICAgICAgICAgICAgc2NhZmZvbGQsCiAgICAgICAgICAgIHRoaXMuZW50cnkuc2NhZmZvbGRWaWV3cywKICAgICAgICAgICAgdGhpcy5lbnRyeS50aHVtYm5haWxzLAogICAgICAgICAgICBpbmRleAogICAgICAgICAgKTsKICAgICAgICAgIGxldCBtaW1ldHlwZSA9ICcnOwogICAgICAgICAgbGV0IHRodW1ibmFpbFVSTCA9IHVuZGVmaW5lZDsKICAgICAgICAgIGlmICh0aHVtYm5haWwpIHsKICAgICAgICAgICAgdGh1bWJuYWlsVVJMID0gdGhpcy5nZXRJbWFnZVVSTCh0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLCB7CiAgICAgICAgICAgICAgaWQsCiAgICAgICAgICAgICAgcHJlZml4OiB0aGlzLmdldFMzUHJlZml4KCksCiAgICAgICAgICAgICAgZmlsZV9wYXRoOiB0aHVtYm5haWwuZGF0YXNldC5wYXRoLAogICAgICAgICAgICAgIHMzQnVja2V0OiB0aGlzLnMzQnVja2V0LAogICAgICAgICAgICB9KTsKICAgICAgICAgICAgbWltZXR5cGUgPSB0aHVtYm5haWwubWltZXR5cGUubmFtZTsKICAgICAgICAgIH0KICAgICAgICAgIGxldCBhY3Rpb24gPSB7CiAgICAgICAgICAgIGxhYmVsOiBjYXBpdGFsaXNlKHRoaXMubGFiZWwpLAogICAgICAgICAgICByZXNvdXJjZTogYCR7dGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTn1zMy1yZXNvdXJjZS8ke3RoaXMuZ2V0UzNQcmVmaXgoKX1maWxlcy8ke2ZpbGVQYXRofSR7dGhpcy5nZXRTM0FyZ3MoKX1gLAogICAgICAgICAgICB0aXRsZTogIlZpZXcgM0Qgc2NhZmZvbGQiLAogICAgICAgICAgICB0eXBlOiAiU2NhZmZvbGQiLAogICAgICAgICAgICBkaXNjb3ZlcklkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgYXBpTG9jYXRpb246IHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sCiAgICAgICAgICAgIHZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICAgIGJhbm5lcjogdGhpcy5kYXRhc2V0VGh1bWJuYWlsLAogICAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgICAgY29udGV4dENhcmRVcmw6IHRoaXMuZ2V0Q29udGV4dENhcmRVcmwoaSkKICAgICAgICAgIH07CiAgICAgICAgICB0aGlzLml0ZW1zWydTY2FmZm9sZHMnXS5wdXNoKHsKICAgICAgICAgICAgaWQsCiAgICAgICAgICAgIHRpdGxlOiBiYXNlTmFtZShmaWxlUGF0aCksCiAgICAgICAgICAgIHR5cGU6ICJTY2FmZm9sZCIsCiAgICAgICAgICAgIHRodW1ibmFpbDogdGh1bWJuYWlsVVJMLAogICAgICAgICAgICB1c2VyRGF0YTogYWN0aW9uLAogICAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgICAgbWltZXR5cGUKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgY3JlYXRlU2VnbWVudGF0aW9uSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkuc2VnbWVudGF0aW9uKSB7CiAgICAgICAgdGhpcy5lbnRyeS5zZWdtZW50YXRpb24uZm9yRWFjaCgoc2VnbWVudGF0aW9uKSA9PiB7CiAgICAgICAgICBjb25zdCBpZCA9IHNlZ21lbnRhdGlvbi5pZDsKICAgICAgICAgIGxldCBmaWxlUGF0aCA9IHNlZ21lbnRhdGlvbi5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBmaWxlUGF0aCA9IGZpbGVQYXRoLnJlcGxhY2VBbGwoIiAiLCAiXyIpOwogICAgICAgICAgZmlsZVBhdGggPSBmaWxlUGF0aC5yZXBsYWNlQWxsKCIsIiwgIl8iKTsKICAgICAgICAgIGNvbnN0IHByZWZpeCA9IHRoaXMuZW52VmFycy5OTF9MSU5LX1BSRUZJWDsKICAgICAgICAgIGNvbnN0IHJlc291cmNlID0gewogICAgICAgICAgICBzaGFyZV9saW5rOiBgJHtwcmVmaXh9L2RhdGF2aWV3ZXI/ZGF0YXNldElkPSR7dGhpcy5kYXRhc2V0SWR9JnZlcnNpb249JHt0aGlzLmRhdGFzZXRWZXJzaW9ufSZwYXRoPWZpbGVzLyR7ZmlsZVBhdGh9YCwKICAgICAgICAgIH07CiAgICAgICAgICBsZXQgYWN0aW9uID0gewogICAgICAgICAgICBsYWJlbDogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgcmVzb3VyY2U6IHJlc291cmNlLAogICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgICAgdGl0bGU6ICJWaWV3IHNlZ21lbnRhdGlvbiIsCiAgICAgICAgICAgIHR5cGU6ICJTZWdtZW50YXRpb24iLAogICAgICAgICAgfTsKICAgICAgICAgIGNvbnN0IHRodW1ibmFpbFVSTCA9IHRoaXMuZ2V0U2VnbWVudGF0aW9uVGh1bWJuYWlsVVJMKAogICAgICAgICAgICB0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgaWQsCiAgICAgICAgICAgICAgZGF0YXNldElkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgICBkYXRhc2V0VmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgICAgICBzZWdtZW50YXRpb25GaWxlUGF0aDogZmlsZVBhdGgsCiAgICAgICAgICAgICAgczNCdWNrZXQ6IHRoaXMuczNCdWNrZXQsCiAgICAgICAgICAgIH0KICAgICAgICAgICk7CiAgICAgICAgICB0aGlzLml0ZW1zWydTZWdtZW50YXRpb25zJ10ucHVzaCh7CiAgICAgICAgICAgIGlkLAogICAgICAgICAgICB0aXRsZTogYmFzZU5hbWUoZmlsZVBhdGgpLAogICAgICAgICAgICB0eXBlOiAiU2VnbWVudGF0aW9uIiwKICAgICAgICAgICAgdGh1bWJuYWlsOiB0aHVtYm5haWxVUkwsCiAgICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBtaW1ldHlwZTogJ2ltYWdlL3BuZycsCiAgICAgICAgICB9KTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVNpbXVsYXRpb25JdGVtczogZnVuY3Rpb24gKCkgewogICAgICBpZiAodGhpcy5lbnRyeS5zaW11bGF0aW9uICYmIHRoaXMuZW50cnkuc2ltdWxhdGlvbi5sZW5ndGggPiAwKSB7CiAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgIGxhYmVsOiB1bmRlZmluZWQsCiAgICAgICAgICBhcGlMb2NhdGlvbjogdGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTiwKICAgICAgICAgIHMzdXJpOiB0aGlzLmVudHJ5LnMzdXJpLAogICAgICAgICAgdmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgIHRpdGxlOiAiVmlldyBzaW11bGF0aW9uIiwKICAgICAgICAgIHR5cGU6ICJTaW11bGF0aW9uIiwKICAgICAgICAgIG5hbWU6IHRoaXMuZW50cnkubmFtZSwKICAgICAgICAgIGRlc2NyaXB0aW9uOiB0aGlzLmVudHJ5LmRlc2NyaXB0aW9uLAogICAgICAgICAgZGlzY292ZXJJZDogdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICBkYXRhc2V0OiBgJHt0aGlzLmVudlZhcnMuUk9PVF9VUkx9L2RhdGFzZXRzLyR7dGhpcy5kYXRhc2V0SWR9P3R5cGU9ZGF0YXNldGAKICAgICAgICB9OwogICAgICAgIHRoaXMuaXRlbXNbJ1NpbXVsYXRpb25zJ10ucHVzaCh7CiAgICAgICAgICBpZDogInNpbXVsYXRpb24iLAogICAgICAgICAgdGl0bGU6ICIgIiwKICAgICAgICAgIHR5cGU6ICJTaW11bGF0aW9uIiwKICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgaGlkZVRpdGxlOiB0cnVlLAogICAgICAgICAgdXNlckRhdGE6IGFjdGlvbiwKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVZpZGVvSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkudmlkZW9zKSB7CiAgICAgICAgdGhpcy5lbnRyeS52aWRlb3MuZm9yRWFjaCgodmlkZW8pID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gdGhpcy5nZXRTM0ZpbGVQYXRoKAogICAgICAgICAgICB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgICAgdmlkZW8uZGF0YXNldC5wYXRoCiAgICAgICAgICApOwogICAgICAgICAgY29uc3QgbGlua1VybCA9IGAke3RoaXMuZW52VmFycy5ST09UX1VSTH0vZGF0YXNldHMvdmlkZW92aWV3ZXI/ZGF0YXNldF92ZXJzaW9uPSR7dGhpcy5kYXRhc2V0VmVyc2lvbn0mZGF0YXNldF9pZD0ke3RoaXMuZGF0YXNldElkfSZmaWxlX3BhdGg9JHtmaWxlUGF0aH0mbWltZXR5cGU9JHt2aWRlby5taW1ldHlwZS5uYW1lfWA7CiAgICAgICAgICB0aGlzLml0ZW1zWydWaWRlb3MnXS5wdXNoKHsKICAgICAgICAgICAgdGl0bGU6IHZpZGVvLm5hbWUsCiAgICAgICAgICAgIHR5cGU6ICJWaWRlbyIsCiAgICAgICAgICAgIHRodW1ibmFpbDogdGhpcy5kZWZhdWx0VmlkZW9JbWcsCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBsaW5rOiBsaW5rVXJsLAogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBvblJlc2l6ZTogZnVuY3Rpb24gKCkgewogICAgICB0aGlzLm1heFdpZHRoID0gdGhpcy4kZWwuY2xpZW50V2lkdGg7CiAgICAgIC8vIHRoaXMuJGVtaXQoJ3Jlc2l6ZScsIHRoaXMuJGVsLmNsaWVudFdpZHRoKQogICAgfSwKICAgIGdldENvbnRleHRDYXJkVXJsOiBmdW5jdGlvbihzY2FmZm9sZEluZGV4KXsKICAgICAgaWYoIXRoaXMuZW50cnkuY29udGV4dHVhbEluZm9ybWF0aW9uIHx8IHRoaXMuZW50cnkuY29udGV4dHVhbEluZm9ybWF0aW9uLmxlbmd0aCA9PSAwKXsKICAgICAgICByZXR1cm4gdW5kZWZpbmVkCiAgICAgIH0gZWxzZSB7CiAgICAgICAgLy8gVGhlIGxpbmUgYmVsb3cgY2hlY2tzIGlmIHRoZXJlIGlzIGEgY29udGV4dCBmaWxlIGZvciBlYWNoIHNjYWZmb2xkLiBJZiB0aGVyZSBpcyBub3QsIHdlIHVzZSB0aGUgZmlyc3QgY29udGV4dCBjYXJkIGZvciBlYWNoIHNjYWZmb2xkLgogICAgICAgIGxldCBjb250ZXh0SW5kZXggPSB0aGlzLmVudHJ5WydhYmktY29udGV4dHVhbC1pbmZvcm1hdGlvbiddLmxlbmd0aCA9PSB0aGlzLmVudHJ5LnNjYWZmb2xkcy5sZW5ndGggPyBzY2FmZm9sZEluZGV4IDogMAogICAgICAgIHJldHVybiBgJHt0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OfXMzLXJlc291cmNlLyR7dGhpcy5nZXRTM1ByZWZpeCgpfWZpbGVzLyR7dGhpcy5lbnRyeS5jb250ZXh0dWFsSW5mb3JtYXRpb25bY29udGV4dEluZGV4XX0ke3RoaXMuZ2V0UzNBcmdzKCl9YAogICAgICB9CiAgICB9LAogICAgZ2V0SW1hZ2VVUkw6IGZ1bmN0aW9uKGFwaUVuZHBvaW50LCBpbmZvKSB7CiAgICAgIGxldCB1cmwgPSBgJHthcGlFbmRwb2ludH0vczMtcmVzb3VyY2UvJHtpbmZvLnByZWZpeH1maWxlcy8ke2luZm8uZmlsZV9wYXRofT9lbmNvZGVCYXNlNjQ9dHJ1ZWAKICAgICAgaWYgKGluZm8uczNCdWNrZXQpIHsKICAgICAgICB1cmwgPSB1cmwgKyBgJnMzQnVja2V0TmFtZT0ke2luZm8uczNCdWNrZXR9YAogICAgICB9CiAgICAgIHJldHVybiB1cmwKICAgIH0sCiAgfSwKICBjb21wdXRlZDogewogICAgZ2FsbGVyeUl0ZW1zKCkgewogICAgICBpZiAodGhpcy5yZXNldEluZGV4KSB7CiAgICAgICAgdGhpcy4kcmVmcy5nYWxsZXJ5LmluZGljYXRvckNsaWNrZWQoMCk7CiAgICAgIH0KICAgICAgbGV0IGl0ZW1zID0gWy4uLnRoaXMuaXRlbXNbIkRhdGFzZXQiXV07CiAgICAgIGlmICh0aGlzLmNhdGVnb3J5ID09PSAiQWxsIikgewogICAgICAgIGZvciAoY29uc3QgW2tleSwgdmFsdWVdIG9mIE9iamVjdC5lbnRyaWVzKHRoaXMuaXRlbXMpKSB7CiAgICAgICAgICBpZiAoa2V5ICE9PSAiRGF0YXNldCIpCiAgICAgICAgICAgIGl0ZW1zID0gaXRlbXMuY29uY2F0KHZhbHVlKTsKICAgICAgICB9CiAgICAgICAgcmV0dXJuIGl0ZW1zOwogICAgICB9CiAgICAgIGVsc2UKICAgICAgICByZXR1cm4gdGhpcy5pdGVtc1t0aGlzLmNhdGVnb3J5XTsKICAgIH0sCiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiAoKSB7CiAgICB0aGlzLmNyZWF0ZVNjaUN1cm5jaEl0ZW1zKCk7CiAgfSwKICB3YXRjaDogewogICAgY2F0ZWdvcnk6IGZ1bmN0aW9uKCkgewogICAgICB0aGlzLnJlc2V0SW5kZXggPSB0cnVlOwogICAgfSwKICAgIGdhbGxlcnlJdGVtczogZnVuY3Rpb24oKSB7CiAgICAgIHRoaXMucmVzZXRJbmRleCA9IGZhbHNlOwogICAgfSwKICAgIGRhdGFzZXRCaW9sdWNpZGE6IHsKICAgICAgZGVlcDogdHJ1ZSwKICAgICAgaW1tZWRpYXRlOiB0cnVlLAogICAgICBoYW5kbGVyOiBmdW5jdGlvbiAoYmlvbHVjaWRhRGF0YSkgewogICAgICAgIGxldCBpdGVtcyA9IFtdOwogICAgICAgIGlmICgiZGF0YXNldF9pbWFnZXMiIGluIGJpb2x1Y2lkYURhdGEpIHsKICAgICAgICAgIGl0ZW1zLnB1c2goCiAgICAgICAgICAgIC4uLkFycmF5LmZyb20oYmlvbHVjaWRhRGF0YS5kYXRhc2V0X2ltYWdlcywgKGRhdGFzZXRfaW1hZ2UpID0+IHsKICAgICAgICAgICAgICBjb25zdCB0aHVtYm5haWxVUkwgPSB0aGlzLmdldFRodW1ibmFpbFVSTEZyb21CaW9sdWNpZGEoCiAgICAgICAgICAgICAgICB0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICBpZDogZGF0YXNldF9pbWFnZS5pbWFnZV9pZCwKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICApOwogICAgICAgICAgICAgIGNvbnN0IHJlc291cmNlID0gewogICAgICAgICAgICAgICAgc2hhcmVfbGluazogZGF0YXNldF9pbWFnZS5zaGFyZV9saW5rLAogICAgICAgICAgICAgICAgaWQ6IGRhdGFzZXRfaW1hZ2UuaW1hZ2VfaWQsCiAgICAgICAgICAgICAgICBpdGVtSWQ6IGRhdGFzZXRfaW1hZ2Uuc291cmNlcGtnX2lkLAogICAgICAgICAgICAgIH07CiAgICAgICAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgICAgICAgIGxhYmVsOiBjYXBpdGFsaXNlKHRoaXMubGFiZWwpLAogICAgICAgICAgICAgICAgcmVzb3VyY2U6IHJlc291cmNlLAogICAgICAgICAgICAgICAgZGF0YXNldElkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgICAgIHRpdGxlOiAiVmlldyBpbWFnZSIsCiAgICAgICAgICAgICAgICBuYW1lOiBjYXBpdGFsaXNlKHRoaXMubGFiZWwpLAogICAgICAgICAgICAgICAgdHlwZTogIkJpb2x1Y2lkYSIsCiAgICAgICAgICAgICAgfTsKICAgICAgICAgICAgICByZXR1cm4gewogICAgICAgICAgICAgICAgaWQ6IGRhdGFzZXRfaW1hZ2UuaW1hZ2VfaWQsCiAgICAgICAgICAgICAgICB0aXRsZTogYEltYWdlYCwKICAgICAgICAgICAgICAgIHR5cGU6ICJJbWFnZSIsCiAgICAgICAgICAgICAgICB0aHVtYm5haWw6IHRodW1ibmFpbFVSTCwKICAgICAgICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgICAgICAgICBtaW1ldHlwZTogJ2ltYWdlL3BuZycsCiAgICAgICAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgICAgICB9OwogICAgICAgICAgICB9KQogICAgICAgICAgKTsKICAgICAgICB9CiAgICAgICAgdGhpcy5pdGVtc1snSW1hZ2VzJ10gPSBpdGVtczsKICAgICAgfSwKICAgIH0sCiAgfSwKICBtb3VudGVkKCkgewogICAgdGhpcy5ybyA9IG5ldyBSZXNpemVPYnNlcnZlcih0aGlzLm9uUmVzaXplKS5vYnNlcnZlKHRoaXMuJGVsKTsKICB9LAogIGRlc3Ryb3llZCgpIHsKICAgIGRlbGV0ZSB0aGlzLnJvOwogIH0sCn07Cg=="},{"version":3,"sources":["ImageGallery.vue"],"names":[],"mappings":";AAqBA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ImageGallery.vue","sourceRoot":"node_modules/@abi-software/map-side-bar/src/components","sourcesContent":["<template>\n  <div class=\"full-size\">\n    <gallery\n      :bottomSpacer=\"bottomSpacer\"\n      :cardWidth=\"10\"\n      :items=\"galleryItems\"\n      :max-width=\"maxWidth\"\n      :show-indicator-bar=\"false\"\n      :show-card-details=\"true\"\n      :highlight-active=\"false\"\n      :image-style=\"imageStyle\"\n      :image-container-style=\"imageContainerStyle\"\n      :body-style=\"bodyStyle\"\n      :shadow=\"shadow\"\n      @card-clicked=\"cardClicked\"\n      ref=\"gallery\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nconst baseName = (str) => {\n  return str.split(\"\\\\\").pop().split(\"/\").pop();\n};\n\nconst capitalise = function (string) {\n  return string.replace(/\\b\\w/g, (v) => v.toUpperCase());\n};\n\nimport GalleryHelper from \"@abi-software/gallery/src/mixins/GalleryHelpers\";\nimport Gallery from \"@abi-software/gallery/src/main-bundle.js\";\n//provide the s3Bucket related methods and data.\nimport S3Bucket from \"../mixins/S3Bucket\";\n\nexport default {\n  name: \"ImageGallery\",\n  components: { Gallery },\n  mixins: [GalleryHelper, S3Bucket],\n  props: {\n    datasetBiolucida: {\n      type: Object,\n      default: () => {\n        return {};\n      },\n    },\n    envVars: {\n      type: Object,\n      default: () => {},\n    },\n    label: {\n      type: String,\n      default: \"\",\n    },\n    plots: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n    datasetId: {\n      type: Number,\n      default: -1,\n    },\n    datasetVersion: {\n      type: Number,\n      default: -1,\n    },\n    datasetThumbnail: {\n      type: String,\n      default: \"\",\n    },\n    category: {\n      type: String,\n      default: \"All\",\n    },\n    entry:  {\n      type: Object,\n      default: () => {\n        return {};\n      },\n    },\n  },\n  data() {\n    return {\n      currentIndex: 0,\n      ro: null,\n      maxWidth: 3,\n      items: {\n        //Use the Images instead for Biolucida Images\n        //\"Biolucida Images\": [],\n        'Dataset': [],\n        'Images': [],\n        'Scaffolds': [],\n        'Segmentations': [],\n        'Simulations': [],\n        'Videos': [],\n        'Plots': [],\n      },\n      bodyStyle: { padding: '0px', background: '#ffffff' },\n      imageContainerStyle: {\n        width: '160px',\n        height: '160px',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      },\n      imageStyle: { maxWidth: '160px', maxHeight: '160px'},\n      shadow: \"never\",\n      bottomSpacer: { minHeight: '0rem' },\n      resetIndex: false,\n    };\n  },\n  methods: {\n    cardClicked: function(payload) {\n      this.$emit('card-clicked', payload);\n    },\n    createSciCurnchItems: function () {\n      this.updateS3Bucket(this.entry.s3uri);\n      this.createDatasetItem();\n      this.createScaffoldItems();\n      this.createSimulationItems();\n      this.createPlotItems();\n      this.createSegmentationItems();\n      /* Disable these two\n      this.createImageItems();\n      this.createVideoItems();\n      */\n    },\n    createDatasetItem: function () {\n      const link = `${this.envVars.ROOT_URL}/datasets/${this.datasetId}?type=dataset`\n      if (this.datasetThumbnail) {\n        this.items['Dataset'].push({\n          id: -1,\n          //Work around gallery requires a truthy string\n          title: \" \",\n          type: `Dataset ${this.datasetId}`,\n          thumbnail: this.datasetThumbnail,\n          link,\n          hideType: true,\n          hideTitle: true,\n        });\n      }\n    },\n    createImageItems: function () {\n      if (this.entry.images) {\n        this.entry.images.forEach((image) => {\n          const filePath = image.dataset.path;\n          const id = image.identifier;\n          const linkUrl = `${this.envVars.ROOT_URL}/datasets/imageviewer?dataset_id=${this.datasetId}&dataset_version=${this.datasetVersion}&file_path=${filePath}&mimetype=${image.mimetype.name}`;\n          this.items['Images'].push({\n            id,\n            title: baseName(filePath),\n            type: \"Image\",\n            link: linkUrl,\n            hideType: true,\n          });\n        });\n      }\n    },\n    createPlotItems: function () {\n      if (this.entry.plots) {\n        this.entry.plots.forEach((plot) => {\n          const filePath = plot.dataset.path;\n          const id = plot.identifier;\n          const thumbnail = this.getThumbnailForPlot(plot, this.entry.thumbnails);\n          let thumbnailURL = undefined;\n          let mimetype = '';\n          if (thumbnail) {\n            \n            thumbnailURL = this.getImageURL(this.envVars.API_LOCATION, {\n              id,\n              prefix: this.getS3Prefix(),\n              file_path: thumbnail.dataset.path,\n              s3Bucket: this.s3Bucket,\n            });\n            mimetype = thumbnail.mimetype.name;\n          }\n          const plotAnnotation = plot.datacite;\n          const filePathPrefix = `${this.envVars.API_LOCATION}/s3-resource/${this.getS3Prefix()}files/`;\n          const sourceUrl = filePathPrefix + plot.dataset.path + this.getS3Args();\n\n          //plotAnnotation.supplemental_json_metadata.description can be undefined or\n          //contain an empty string causing an error with JSON.parse\n          let metadata = {};\n          try { \n            metadata = JSON.parse(\n              plotAnnotation.supplemental_json_metadata.description\n            );\n          } catch (error) {\n            console.warn(error);\n          }\n\n          let supplementalData = [];\n          if (plotAnnotation.isDescribedBy) {\n            supplementalData.push({\n              url: filePathPrefix + plotAnnotation.isDescribedBy.path\n            });\n          }\n\n          const resource = {\n            dataSource: {url: sourceUrl},\n            metadata,\n            supplementalData\n          }\n\n          let action = {\n            label: capitalise(this.label),\n            resource: resource,\n            s3uri: this.entry.s3uri,\n            title: \"View plot\",\n            type: \"Plot\",\n            discoverId: this.discoverId,\n            version: this.datasetVersion,\n          };\n          this.items['Plots'].push({\n            id,\n            title: baseName(filePath),\n            type: \"Plot\",\n            thumbnail: thumbnailURL,\n            userData: action,\n            hideType: true,\n            mimetype\n          });\n        });\n      }\n    },\n    createScaffoldItems: function () {\n      if (this.entry.scaffolds) {\n        let index = 0;\n        this.entry.scaffolds.forEach((scaffold, i) => {\n          const filePath = scaffold.dataset.path;\n          const id = scaffold.identifier;\n          const thumbnail = this.getThumbnailForScaffold(\n            scaffold,\n            this.entry.scaffoldViews,\n            this.entry.thumbnails,\n            index\n          );\n          let mimetype = '';\n          let thumbnailURL = undefined;\n          if (thumbnail) {\n            thumbnailURL = this.getImageURL(this.envVars.API_LOCATION, {\n              id,\n              prefix: this.getS3Prefix(),\n              file_path: thumbnail.dataset.path,\n              s3Bucket: this.s3Bucket,\n            });\n            mimetype = thumbnail.mimetype.name;\n          }\n          let action = {\n            label: capitalise(this.label),\n            resource: `${this.envVars.API_LOCATION}s3-resource/${this.getS3Prefix()}files/${filePath}${this.getS3Args()}`,\n            title: \"View 3D scaffold\",\n            type: \"Scaffold\",\n            discoverId: this.datasetId,\n            apiLocation: this.envVars.API_LOCATION,\n            version: this.datasetVersion,\n            banner: this.datasetThumbnail,\n            s3uri: this.entry.s3uri,\n            contextCardUrl: this.getContextCardUrl(i)\n          };\n          this.items['Scaffolds'].push({\n            id,\n            title: baseName(filePath),\n            type: \"Scaffold\",\n            thumbnail: thumbnailURL,\n            userData: action,\n            hideType: true,\n            mimetype\n          });\n        });\n      }\n    },\n    createSegmentationItems: function () {\n      if (this.entry.segmentation) {\n        this.entry.segmentation.forEach((segmentation) => {\n          const id = segmentation.id;\n          let filePath = segmentation.dataset.path;\n          filePath = filePath.replaceAll(\" \", \"_\");\n          filePath = filePath.replaceAll(\",\", \"_\");\n          const prefix = this.envVars.NL_LINK_PREFIX;\n          const resource = {\n            share_link: `${prefix}/dataviewer?datasetId=${this.datasetId}&version=${this.datasetVersion}&path=files/${filePath}`,\n          };\n          let action = {\n            label: capitalise(this.label),\n            resource: resource,\n            datasetId: this.datasetId,\n            s3uri: this.entry.s3uri,\n            title: \"View segmentation\",\n            type: \"Segmentation\",\n          };\n          const thumbnailURL = this.getSegmentationThumbnailURL(\n            this.envVars.API_LOCATION,\n            {\n              id,\n              datasetId: this.datasetId,\n              datasetVersion: this.datasetVersion,\n              segmentationFilePath: filePath,\n              s3Bucket: this.s3Bucket,\n            }\n          );\n          this.items['Segmentations'].push({\n            id,\n            title: baseName(filePath),\n            type: \"Segmentation\",\n            thumbnail: thumbnailURL,\n            userData: action,\n            hideType: true,\n            mimetype: 'image/png',\n          });\n        });\n      }\n    },\n    createSimulationItems: function () {\n      if (this.entry.simulation && this.entry.simulation.length > 0) {\n        let action = {\n          label: undefined,\n          apiLocation: this.envVars.API_LOCATION,\n          s3uri: this.entry.s3uri,\n          version: this.datasetVersion,\n          title: \"View simulation\",\n          type: \"Simulation\",\n          name: this.entry.name,\n          description: this.entry.description,\n          discoverId: this.datasetId,\n          dataset: `${this.envVars.ROOT_URL}/datasets/${this.datasetId}?type=dataset`\n        };\n        this.items['Simulations'].push({\n          id: \"simulation\",\n          title: \" \",\n          type: \"Simulation\",\n          hideType: true,\n          hideTitle: true,\n          userData: action,\n        });\n      }\n    },\n    createVideoItems: function () {\n      if (this.entry.videos) {\n        this.entry.videos.forEach((video) => {\n          const filePath = this.getS3FilePath(\n            this.datasetId,\n            this.datasetVersion,\n            video.dataset.path\n          );\n          const linkUrl = `${this.envVars.ROOT_URL}/datasets/videoviewer?dataset_version=${this.datasetVersion}&dataset_id=${this.datasetId}&file_path=${filePath}&mimetype=${video.mimetype.name}`;\n          this.items['Videos'].push({\n            title: video.name,\n            type: \"Video\",\n            thumbnail: this.defaultVideoImg,\n            hideType: true,\n            link: linkUrl,\n          });\n        });\n      }\n    },\n    onResize: function () {\n      this.maxWidth = this.$el.clientWidth;\n      // this.$emit('resize', this.$el.clientWidth)\n    },\n    getContextCardUrl: function(scaffoldIndex){\n      if(!this.entry.contextualInformation || this.entry.contextualInformation.length == 0){\n        return undefined\n      } else {\n        // The line below checks if there is a context file for each scaffold. If there is not, we use the first context card for each scaffold.\n        let contextIndex = this.entry['abi-contextual-information'].length == this.entry.scaffolds.length ? scaffoldIndex : 0\n        return `${this.envVars.API_LOCATION}s3-resource/${this.getS3Prefix()}files/${this.entry.contextualInformation[contextIndex]}${this.getS3Args()}`\n      }\n    },\n    getImageURL: function(apiEndpoint, info) {\n      let url = `${apiEndpoint}/s3-resource/${info.prefix}files/${info.file_path}?encodeBase64=true`\n      if (info.s3Bucket) {\n        url = url + `&s3BucketName=${info.s3Bucket}`\n      }\n      return url\n    },\n  },\n  computed: {\n    galleryItems() {\n      if (this.resetIndex) {\n        this.$refs.gallery.indicatorClicked(0);\n      }\n      let items = [...this.items[\"Dataset\"]];\n      if (this.category === \"All\") {\n        for (const [key, value] of Object.entries(this.items)) {\n          if (key !== \"Dataset\")\n            items = items.concat(value);\n        }\n        return items;\n      }\n      else\n        return this.items[this.category];\n    },\n  },\n  created: function () {\n    this.createSciCurnchItems();\n  },\n  watch: {\n    category: function() {\n      this.resetIndex = true;\n    },\n    galleryItems: function() {\n      this.resetIndex = false;\n    },\n    datasetBiolucida: {\n      deep: true,\n      immediate: true,\n      handler: function (biolucidaData) {\n        let items = [];\n        if (\"dataset_images\" in biolucidaData) {\n          items.push(\n            ...Array.from(biolucidaData.dataset_images, (dataset_image) => {\n              const thumbnailURL = this.getThumbnailURLFromBiolucida(\n                this.envVars.API_LOCATION,\n                {\n                  id: dataset_image.image_id,\n                }\n              );\n              const resource = {\n                share_link: dataset_image.share_link,\n                id: dataset_image.image_id,\n                itemId: dataset_image.sourcepkg_id,\n              };\n              let action = {\n                label: capitalise(this.label),\n                resource: resource,\n                datasetId: this.datasetId,\n                title: \"View image\",\n                name: capitalise(this.label),\n                type: \"Biolucida\",\n              };\n              return {\n                id: dataset_image.image_id,\n                title: `Image`,\n                type: \"Image\",\n                thumbnail: thumbnailURL,\n                userData: action,\n                mimetype: 'image/png',\n                hideType: true,\n              };\n            })\n          );\n        }\n        this.items['Images'] = items;\n      },\n    },\n  },\n  mounted() {\n    this.ro = new ResizeObserver(this.onResize).observe(this.$el);\n  },\n  destroyed() {\n    delete this.ro;\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.full-size {\n  height: 100%;\n  width: 244px;\n}\n\n.key-image-span.active {\n  transform: scale(1.16);\n  border: 4px $app-primary-color solid;\n}\n\n.key-image-span {\n  display: flex;\n  position: relative;\n}\n\n.overlay {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  width: 1.61em;\n  height: 1em;\n  border-radius: 3px;\n  opacity: 0.8;\n}\n\nimg {\n  vertical-align: bottom;\n}\n\na.prev,\na.next {\n  display: flex;\n  font-size: 3em;\n}\n\na.prev:not(.underline),\na.next:not(.underline) {\n  text-decoration: none;\n}\n\na.prev {\n  justify-content: flex-start;\n}\n\na.next {\n  justify-content: flex-end;\n}\n\n.standard-gallery {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.image-line {\n  display: flex;\n  margin-top: 1%;\n  margin-bottom: 1%;\n  flex-grow: 1;\n  justify-content: space-between;\n}\n.disabled {\n  opacity: 0.2;\n  cursor: default;\n}\n\n.rectangle {\n  height: 1em;\n  width: 2em;\n  border-radius: 3px;\n  background-color: #555;\n}\n\n.full-size ::v-deep .el-card {\n  border: 0px;\n}\n</style>\n"]}]}