{"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/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+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gcGxvdC5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBjb25zdCBpZCA9IHBsb3QuaWRlbnRpZmllcjsKICAgICAgICAgIGNvbnN0IHRodW1ibmFpbCA9IHRoaXMuZ2V0VGh1bWJuYWlsRm9yUGxvdChwbG90LCB0aGlzLmVudHJ5LnRodW1ibmFpbHMpOwogICAgICAgICAgbGV0IHRodW1ibmFpbFVSTCA9IHVuZGVmaW5lZDsKICAgICAgICAgIGxldCBtaW1ldHlwZSA9ICcnOwogICAgICAgICAgaWYgKHRodW1ibmFpbCkgewogICAgICAgICAgICB0aHVtYm5haWxVUkwgPSB0aGlzLmdldEltYWdlVVJMRnJvbVMzKHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sIHsKICAgICAgICAgICAgICBpZCwKICAgICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICAgIGRhdGFzZXRWZXJzaW9uOiB0aGlzLmRhdGFzZXRWZXJzaW9uLAogICAgICAgICAgICAgIGZpbGVfcGF0aDogdGh1bWJuYWlsLmRhdGFzZXQucGF0aCwKICAgICAgICAgICAgICBzM0J1Y2tldDogdGhpcy5zM0J1Y2tldCwKICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIG1pbWV0eXBlID0gdGh1bWJuYWlsLm1pbWV0eXBlLm5hbWU7CiAgICAgICAgICB9CiAgICAgICAgICBjb25zdCBwbG90QW5ub3RhdGlvbiA9IHBsb3QuZGF0YWNpdGU7CiAgICAgICAgICBjb25zdCBmaWxlUGF0aFByZWZpeCA9IGAke3RoaXMuZW52VmFycy5BUElfTE9DQVRJT059L3MzLXJlc291cmNlLyR7dGhpcy5kYXRhc2V0SWR9LyR7dGhpcy5kYXRhc2V0VmVyc2lvbn0vZmlsZXMvYDsKICAgICAgICAgIGNvbnN0IHNvdXJjZVVybCA9IGZpbGVQYXRoUHJlZml4ICsgcGxvdC5kYXRhc2V0LnBhdGggKyB0aGlzLmdldFMzQXJncygpOwoKICAgICAgICAgIGNvbnN0IG1ldGFkYXRhID0gSlNPTi5wYXJzZSgKICAgICAgICAgICAgcGxvdEFubm90YXRpb24uc3VwcGxlbWVudGFsX2pzb25fbWV0YWRhdGEuZGVzY3JpcHRpb24KICAgICAgICAgICk7CgogICAgICAgICAgbGV0IHN1cHBsZW1lbnRhbERhdGEgPSBbXTsKICAgICAgICAgIGlmIChwbG90QW5ub3RhdGlvbi5pc0Rlc2NyaWJlZEJ5KSB7CiAgICAgICAgICAgIHN1cHBsZW1lbnRhbERhdGEucHVzaCh7CiAgICAgICAgICAgICAgdXJsOiBmaWxlUGF0aFByZWZpeCArIHBsb3RBbm5vdGF0aW9uLmlzRGVzY3JpYmVkQnkucGF0aAogICAgICAgICAgICB9KTsKICAgICAgICAgIH0KCiAgICAgICAgICBjb25zdCByZXNvdXJjZSA9IHsKICAgICAgICAgICAgZGF0YVNvdXJjZToge3VybDogc291cmNlVXJsfSwKICAgICAgICAgICAgbWV0YWRhdGEsCiAgICAgICAgICAgIHN1cHBsZW1lbnRhbERhdGEKICAgICAgICAgIH0KCiAgICAgICAgICBsZXQgYWN0aW9uID0gewogICAgICAgICAgICBsYWJlbDogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgcmVzb3VyY2U6IHJlc291cmNlLAogICAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgICAgdGl0bGU6ICJWaWV3IHBsb3QiLAogICAgICAgICAgICB0eXBlOiAiUGxvdCIsCiAgICAgICAgICAgIGRpc2NvdmVySWQ6IHRoaXMuZGlzY292ZXJJZCwKICAgICAgICAgICAgdmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgIH07CiAgICAgICAgICB0aGlzLml0ZW1zWydQbG90cyddLnB1c2goewogICAgICAgICAgICBpZCwKICAgICAgICAgICAgdGl0bGU6IGJhc2VOYW1lKGZpbGVQYXRoKSwKICAgICAgICAgICAgdHlwZTogIlBsb3QiLAogICAgICAgICAgICB0aHVtYm5haWw6IHRodW1ibmFpbFVSTCwKICAgICAgICAgICAgdXNlckRhdGE6IGFjdGlvbiwKICAgICAgICAgICAgaGlkZVR5cGU6IHRydWUsCiAgICAgICAgICAgIG1pbWV0eXBlCiAgICAgICAgICB9KTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVNjYWZmb2xkSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkuc2NhZmZvbGRzKSB7CiAgICAgICAgbGV0IGluZGV4ID0gMDsKICAgICAgICB0aGlzLmVudHJ5LnNjYWZmb2xkcy5mb3JFYWNoKChzY2FmZm9sZCwgaSkgPT4gewogICAgICAgICAgY29uc3QgZmlsZVBhdGggPSBzY2FmZm9sZC5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBjb25zdCBpZCA9IHNjYWZmb2xkLmlkZW50aWZpZXI7CiAgICAgICAgICBjb25zdCB0aHVtYm5haWwgPSB0aGlzLmdldFRodW1ibmFpbEZvclNjYWZmb2xkKAogICAgICAgICAgICBzY2FmZm9sZCwKICAgICAgICAgICAgdGhpcy5lbnRyeS5zY2FmZm9sZFZpZXdzLAogICAgICAgICAgICB0aGlzLmVudHJ5LnRodW1ibmFpbHMsCiAgICAgICAgICAgIGluZGV4CiAgICAgICAgICApOwogICAgICAgICAgbGV0IG1pbWV0eXBlID0gJyc7CiAgICAgICAgICBsZXQgdGh1bWJuYWlsVVJMID0gdW5kZWZpbmVkOwogICAgICAgICAgaWYgKHRodW1ibmFpbCkgewogICAgICAgICAgICB0aHVtYm5haWxVUkwgPSB0aGlzLmdldEltYWdlVVJMRnJvbVMzKHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sIHsKICAgICAgICAgICAgICBpZCwKICAgICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICAgIGRhdGFzZXRWZXJzaW9uOiB0aGlzLmRhdGFzZXRWZXJzaW9uLAogICAgICAgICAgICAgIGZpbGVfcGF0aDogdGh1bWJuYWlsLmRhdGFzZXQucGF0aCwKICAgICAgICAgICAgICBzM0J1Y2tldDogdGhpcy5zM0J1Y2tldCwKICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIG1pbWV0eXBlID0gdGh1bWJuYWlsLm1pbWV0eXBlLm5hbWU7CiAgICAgICAgICB9CiAgICAgICAgICBsZXQgYWN0aW9uID0gewogICAgICAgICAgICBsYWJlbDogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgcmVzb3VyY2U6IGAke3RoaXMuZW52VmFycy5BUElfTE9DQVRJT059czMtcmVzb3VyY2UvJHt0aGlzLmRhdGFzZXRJZH0vJHt0aGlzLmRhdGFzZXRWZXJzaW9ufS9maWxlcy8ke2ZpbGVQYXRofSR7dGhpcy5nZXRTM0FyZ3MoKX1gLAogICAgICAgICAgICB0aXRsZTogIlZpZXcgM0Qgc2NhZmZvbGQiLAogICAgICAgICAgICB0eXBlOiAiU2NhZmZvbGQiLAogICAgICAgICAgICBkaXNjb3ZlcklkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgYXBpTG9jYXRpb246IHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sCiAgICAgICAgICAgIHZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICAgIGJhbm5lcjogdGhpcy5kYXRhc2V0VGh1bWJuYWlsLAogICAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgICAgY29udGV4dENhcmRVcmw6IHRoaXMuZ2V0Q29udGV4dENhcmRVcmwoaSkKICAgICAgICAgIH07CiAgICAgICAgICB0aGlzLml0ZW1zWydTY2FmZm9sZHMnXS5wdXNoKHsKICAgICAgICAgICAgaWQsCiAgICAgICAgICAgIHRpdGxlOiBiYXNlTmFtZShmaWxlUGF0aCksCiAgICAgICAgICAgIHR5cGU6ICJTY2FmZm9sZCIsCiAgICAgICAgICAgIHRodW1ibmFpbDogdGh1bWJuYWlsVVJMLAogICAgICAgICAgICB1c2VyRGF0YTogYWN0aW9uLAogICAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgICAgbWltZXR5cGUKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgY3JlYXRlU2VnbWVudGF0aW9uSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkuc2VnbWVudGF0aW9uKSB7CiAgICAgICAgdGhpcy5lbnRyeS5zZWdtZW50YXRpb24uZm9yRWFjaCgoc2VnbWVudGF0aW9uKSA9PiB7CiAgICAgICAgICBjb25zdCBpZCA9IHNlZ21lbnRhdGlvbi5pZDsKICAgICAgICAgIGxldCBmaWxlUGF0aCA9IHNlZ21lbnRhdGlvbi5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBmaWxlUGF0aCA9IGZpbGVQYXRoLnJlcGxhY2VBbGwoIiAiLCAiXyIpOwogICAgICAgICAgZmlsZVBhdGggPSBmaWxlUGF0aC5yZXBsYWNlQWxsKCIsIiwgIl8iKTsKICAgICAgICAgIGNvbnN0IHByZWZpeCA9IHRoaXMuZW52VmFycy5OTF9MSU5LX1BSRUZJWDsKICAgICAgICAgIGNvbnN0IHJlc291cmNlID0gewogICAgICAgICAgICBzaGFyZV9saW5rOiBgJHtwcmVmaXh9L2RhdGF2aWV3ZXI/ZGF0YXNldElkPSR7dGhpcy5kYXRhc2V0SWR9JnZlcnNpb249JHt0aGlzLmRhdGFzZXRWZXJzaW9ufSZwYXRoPWZpbGVzLyR7ZmlsZVBhdGh9YCwKICAgICAgICAgIH07CiAgICAgICAgICBsZXQgYWN0aW9uID0gewogICAgICAgICAgICBsYWJlbDogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgcmVzb3VyY2U6IHJlc291cmNlLAogICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgICAgdGl0bGU6ICJWaWV3IHNlZ21lbnRhdGlvbiIsCiAgICAgICAgICAgIHR5cGU6ICJTZWdtZW50YXRpb24iLAogICAgICAgICAgfTsKICAgICAgICAgIGNvbnN0IHRodW1ibmFpbFVSTCA9IHRoaXMuZ2V0U2VnbWVudGF0aW9uVGh1bWJuYWlsVVJMKAogICAgICAgICAgICB0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLAogICAgICAgICAgICB7CiAgICAgICAgICAgICAgaWQsCiAgICAgICAgICAgICAgZGF0YXNldElkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgICBkYXRhc2V0VmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgICAgICBzZWdtZW50YXRpb25GaWxlUGF0aDogZmlsZVBhdGgsCiAgICAgICAgICAgICAgczNCdWNrZXQ6IHRoaXMuczNCdWNrZXQsCiAgICAgICAgICAgIH0KICAgICAgICAgICk7CiAgICAgICAgICB0aGlzLml0ZW1zWydTZWdtZW50YXRpb25zJ10ucHVzaCh7CiAgICAgICAgICAgIGlkLAogICAgICAgICAgICB0aXRsZTogYmFzZU5hbWUoZmlsZVBhdGgpLAogICAgICAgICAgICB0eXBlOiAiU2VnbWVudGF0aW9uIiwKICAgICAgICAgICAgdGh1bWJuYWlsOiB0aHVtYm5haWxVUkwsCiAgICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBtaW1ldHlwZTogJ2ltYWdlL3BuZycsCiAgICAgICAgICB9KTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVNpbXVsYXRpb25JdGVtczogZnVuY3Rpb24gKCkgewogICAgICBpZiAodGhpcy5lbnRyeS5zaW11bGF0aW9uICYmIHRoaXMuZW50cnkuc2ltdWxhdGlvbi5sZW5ndGggPiAwKSB7CiAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgIGxhYmVsOiB1bmRlZmluZWQsCiAgICAgICAgICBhcGlMb2NhdGlvbjogdGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTiwKICAgICAgICAgIHMzdXJpOiB0aGlzLmVudHJ5LnMzdXJpLAogICAgICAgICAgdmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgIHRpdGxlOiAiVmlldyBzaW11bGF0aW9uIiwKICAgICAgICAgIHR5cGU6ICJTaW11bGF0aW9uIiwKICAgICAgICAgIG5hbWU6IHRoaXMuZW50cnkubmFtZSwKICAgICAgICAgIGRlc2NyaXB0aW9uOiB0aGlzLmVudHJ5LmRlc2NyaXB0aW9uLAogICAgICAgICAgZGlzY292ZXJJZDogdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICBkYXRhc2V0OiBgJHt0aGlzLmVudlZhcnMuUk9PVF9VUkx9L2RhdGFzZXRzLyR7dGhpcy5kYXRhc2V0SWR9P3R5cGU9ZGF0YXNldGAKICAgICAgICB9OwogICAgICAgIHRoaXMuaXRlbXNbJ1NpbXVsYXRpb25zJ10ucHVzaCh7CiAgICAgICAgICBpZDogInNpbXVsYXRpb24iLAogICAgICAgICAgdGl0bGU6ICIgIiwKICAgICAgICAgIHR5cGU6ICJTaW11bGF0aW9uIiwKICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgaGlkZVRpdGxlOiB0cnVlLAogICAgICAgICAgdXNlckRhdGE6IGFjdGlvbiwKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVZpZGVvSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkudmlkZW9zKSB7CiAgICAgICAgdGhpcy5lbnRyeS52aWRlb3MuZm9yRWFjaCgodmlkZW8pID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gdGhpcy5nZXRTM0ZpbGVQYXRoKAogICAgICAgICAgICB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgICAgdmlkZW8uZGF0YXNldC5wYXRoCiAgICAgICAgICApOwogICAgICAgICAgY29uc3QgbGlua1VybCA9IGAke3RoaXMuZW52VmFycy5ST09UX1VSTH0vZGF0YXNldHMvdmlkZW92aWV3ZXI/ZGF0YXNldF92ZXJzaW9uPSR7dGhpcy5kYXRhc2V0VmVyc2lvbn0mZGF0YXNldF9pZD0ke3RoaXMuZGF0YXNldElkfSZmaWxlX3BhdGg9JHtmaWxlUGF0aH0mbWltZXR5cGU9JHt2aWRlby5taW1ldHlwZS5uYW1lfWA7CiAgICAgICAgICB0aGlzLml0ZW1zWydWaWRlb3MnXS5wdXNoKHsKICAgICAgICAgICAgdGl0bGU6IHZpZGVvLm5hbWUsCiAgICAgICAgICAgIHR5cGU6ICJWaWRlbyIsCiAgICAgICAgICAgIHRodW1ibmFpbDogdGhpcy5kZWZhdWx0VmlkZW9JbWcsCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBsaW5rOiBsaW5rVXJsLAogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBvblJlc2l6ZTogZnVuY3Rpb24gKCkgewogICAgICB0aGlzLm1heFdpZHRoID0gdGhpcy4kZWwuY2xpZW50V2lkdGg7CiAgICAgIC8vIHRoaXMuJGVtaXQoJ3Jlc2l6ZScsIHRoaXMuJGVsLmNsaWVudFdpZHRoKQogICAgfSwKICAgIGdldENvbnRleHRDYXJkVXJsKHNjYWZmb2xkSW5kZXgpewogICAgICBpZighdGhpcy5lbnRyeS5jb250ZXh0dWFsSW5mb3JtYXRpb24gfHwgdGhpcy5lbnRyeS5jb250ZXh0dWFsSW5mb3JtYXRpb24ubGVuZ3RoID09IDApewogICAgICAgIHJldHVybiB1bmRlZmluZWQKICAgICAgfSBlbHNlIHsKICAgICAgICAvLyBUaGUgbGluZSBiZWxvdyBjaGVja3MgaWYgdGhlcmUgaXMgYSBjb250ZXh0IGZpbGUgZm9yIGVhY2ggc2NhZmZvbGQuIElmIHRoZXJlIGlzIG5vdCwgd2UgdXNlIHRoZSBmaXJzdCBjb250ZXh0IGNhcmQgZm9yIGVhY2ggc2NhZmZvbGQuCiAgICAgICAgbGV0IGNvbnRleHRJbmRleCA9IHRoaXMuZW50cnlbJ2FiaS1jb250ZXh0dWFsLWluZm9ybWF0aW9uJ10ubGVuZ3RoID09IHRoaXMuZW50cnkuc2NhZmZvbGRzLmxlbmd0aCA/IHNjYWZmb2xkSW5kZXggOiAwCiAgICAgICAgcmV0dXJuIGAke3RoaXMuZW52VmFycy5BUElfTE9DQVRJT059czMtcmVzb3VyY2UvJHt0aGlzLmRhdGFzZXRJZH0vJHt0aGlzLmRhdGFzZXRWZXJzaW9ufS9maWxlcy8ke3RoaXMuZW50cnkuY29udGV4dHVhbEluZm9ybWF0aW9uW2NvbnRleHRJbmRleF19JHt0aGlzLmdldFMzQXJncygpfWAKICAgICAgfQogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGdhbGxlcnlJdGVtcygpIHsKICAgICAgaWYgKHRoaXMucmVzZXRJbmRleCkgewogICAgICAgIHRoaXMuJHJlZnMuZ2FsbGVyeS5pbmRpY2F0b3JDbGlja2VkKDApOwogICAgICB9CiAgICAgIGxldCBpdGVtcyA9IFsuLi50aGlzLml0ZW1zWyJEYXRhc2V0Il1dOwogICAgICBpZiAodGhpcy5jYXRlZ29yeSA9PT0gIkFsbCIpIHsKICAgICAgICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBPYmplY3QuZW50cmllcyh0aGlzLml0ZW1zKSkgewogICAgICAgICAgaWYgKGtleSAhPT0gIkRhdGFzZXQiKQogICAgICAgICAgICBpdGVtcyA9IGl0ZW1zLmNvbmNhdCh2YWx1ZSk7CiAgICAgICAgfQogICAgICAgIHJldHVybiBpdGVtczsKICAgICAgfQogICAgICBlbHNlCiAgICAgICAgcmV0dXJuIHRoaXMuaXRlbXNbdGhpcy5jYXRlZ29yeV07CiAgICB9LAogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gKCkgewogICAgdGhpcy5jcmVhdGVTY2lDdXJuY2hJdGVtcygpOwogIH0sCiAgd2F0Y2g6IHsKICAgIGNhdGVnb3J5OiBmdW5jdGlvbigpIHsKICAgICAgdGhpcy5yZXNldEluZGV4ID0gdHJ1ZTsKICAgIH0sCiAgICBnYWxsZXJ5SXRlbXM6IGZ1bmN0aW9uKCkgewogICAgICB0aGlzLnJlc2V0SW5kZXggPSBmYWxzZTsKICAgIH0sCiAgICBkYXRhc2V0QmlvbHVjaWRhOiB7CiAgICAgIGRlZXA6IHRydWUsCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gKGJpb2x1Y2lkYURhdGEpIHsKICAgICAgICBsZXQgaXRlbXMgPSBbXTsKICAgICAgICBpZiAoImRhdGFzZXRfaW1hZ2VzIiBpbiBiaW9sdWNpZGFEYXRhKSB7CiAgICAgICAgICBpdGVtcy5wdXNoKAogICAgICAgICAgICAuLi5BcnJheS5mcm9tKGJpb2x1Y2lkYURhdGEuZGF0YXNldF9pbWFnZXMsIChkYXRhc2V0X2ltYWdlKSA9PiB7CiAgICAgICAgICAgICAgY29uc3QgdGh1bWJuYWlsVVJMID0gdGhpcy5nZXRUaHVtYm5haWxVUkxGcm9tQmlvbHVjaWRhKAogICAgICAgICAgICAgICAgdGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTiwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgaWQ6IGRhdGFzZXRfaW1hZ2UuaW1hZ2VfaWQsCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgKTsKICAgICAgICAgICAgICBjb25zdCByZXNvdXJjZSA9IHsKICAgICAgICAgICAgICAgIHNoYXJlX2xpbms6IGRhdGFzZXRfaW1hZ2Uuc2hhcmVfbGluaywKICAgICAgICAgICAgICAgIGlkOiBkYXRhc2V0X2ltYWdlLmltYWdlX2lkLAogICAgICAgICAgICAgICAgaXRlbUlkOiBkYXRhc2V0X2ltYWdlLnNvdXJjZXBrZ19pZCwKICAgICAgICAgICAgICB9OwogICAgICAgICAgICAgIGxldCBhY3Rpb24gPSB7CiAgICAgICAgICAgICAgICBsYWJlbDogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgICAgIHJlc291cmNlOiByZXNvdXJjZSwKICAgICAgICAgICAgICAgIGRhdGFzZXRJZDogdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICAgICAgICB0aXRsZTogIlZpZXcgaW1hZ2UiLAogICAgICAgICAgICAgICAgbmFtZTogY2FwaXRhbGlzZSh0aGlzLmxhYmVsKSwKICAgICAgICAgICAgICAgIHR5cGU6ICJCaW9sdWNpZGEiLAogICAgICAgICAgICAgIH07CiAgICAgICAgICAgICAgcmV0dXJuIHsKICAgICAgICAgICAgICAgIGlkOiBkYXRhc2V0X2ltYWdlLmltYWdlX2lkLAogICAgICAgICAgICAgICAgdGl0bGU6IGBJbWFnZWAsCiAgICAgICAgICAgICAgICB0eXBlOiAiSW1hZ2UiLAogICAgICAgICAgICAgICAgdGh1bWJuYWlsOiB0aHVtYm5haWxVUkwsCiAgICAgICAgICAgICAgICB1c2VyRGF0YTogYWN0aW9uLAogICAgICAgICAgICAgICAgbWltZXR5cGU6ICdpbWFnZS9wbmcnLAogICAgICAgICAgICAgICAgaGlkZVR5cGU6IHRydWUsCiAgICAgICAgICAgICAgfTsKICAgICAgICAgICAgfSkKICAgICAgICAgICk7CiAgICAgICAgfQogICAgICAgIHRoaXMuaXRlbXNbJ0ltYWdlcyddID0gaXRlbXM7CiAgICAgIH0sCiAgICB9LAogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMucm8gPSBuZXcgUmVzaXplT2JzZXJ2ZXIodGhpcy5vblJlc2l6ZSkub2JzZXJ2ZSh0aGlzLiRlbCk7CiAgfSwKICBkZXN0cm95ZWQoKSB7CiAgICBkZWxldGUgdGhpcy5ybzsKICB9LAp9Owo="},{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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","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            thumbnailURL = this.getImageURLFromS3(this.envVars.API_LOCATION, {\n              id,\n              datasetId: this.datasetId,\n              datasetVersion: this.datasetVersion,\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.datasetId}/${this.datasetVersion}/files/`;\n          const sourceUrl = filePathPrefix + plot.dataset.path + this.getS3Args();\n\n          const metadata = JSON.parse(\n            plotAnnotation.supplemental_json_metadata.description\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.getImageURLFromS3(this.envVars.API_LOCATION, {\n              id,\n              datasetId: this.datasetId,\n              datasetVersion: this.datasetVersion,\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.datasetId}/${this.datasetVersion}/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(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.datasetId}/${this.datasetVersion}/files/${this.entry.contextualInformation[contextIndex]}${this.getS3Args()}`\n      }\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"]}]}