{"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+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gcGxvdC5kYXRhc2V0LnBhdGg7CiAgICAgICAgICBjb25zdCBpZCA9IHBsb3QuaWRlbnRpZmllcjsKICAgICAgICAgIGNvbnN0IHRodW1ibmFpbCA9IHRoaXMuZ2V0VGh1bWJuYWlsRm9yUGxvdChwbG90LCB0aGlzLmVudHJ5LnRodW1ibmFpbHMpOwogICAgICAgICAgbGV0IHRodW1ibmFpbFVSTCA9IHVuZGVmaW5lZDsKICAgICAgICAgIGxldCBtaW1ldHlwZSA9ICcnOwogICAgICAgICAgaWYgKHRodW1ibmFpbCkgewogICAgICAgICAgICB0aHVtYm5haWxVUkwgPSB0aGlzLmdldEltYWdlVVJMRnJvbVMzKHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sIHsKICAgICAgICAgICAgICBpZCwKICAgICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICAgIGRhdGFzZXRWZXJzaW9uOiB0aGlzLmRhdGFzZXRWZXJzaW9uLAogICAgICAgICAgICAgIGZpbGVfcGF0aDogdGh1bWJuYWlsLmRhdGFzZXQucGF0aCwKICAgICAgICAgICAgICBzM0J1Y2tldDogdGhpcy5zM0J1Y2tldCwKICAgICAgICAgICAgfSk7CiAgICAgICAgICAgIG1pbWV0eXBlID0gdGh1bWJuYWlsLm1pbWV0eXBlLm5hbWU7CiAgICAgICAgICB9CiAgICAgICAgICBjb25zdCBwbG90QW5ub3RhdGlvbiA9IHBsb3QuZGF0YWNpdGU7CiAgICAgICAgICBjb25zdCBmaWxlUGF0aFByZWZpeCA9IGAke3RoaXMuZW52VmFycy5BUElfTE9DQVRJT059L3MzLXJlc291cmNlLyR7dGhpcy5kYXRhc2V0SWR9LyR7dGhpcy5kYXRhc2V0VmVyc2lvbn0vZmlsZXMvYDsKICAgICAgICAgIGNvbnN0IHNvdXJjZVVybCA9IGZpbGVQYXRoUHJlZml4ICsgcGxvdC5kYXRhc2V0LnBhdGggKyB0aGlzLmdldFMzQXJncygpOwoKICAgICAgICAgIC8vcGxvdEFubm90YXRpb24uc3VwcGxlbWVudGFsX2pzb25fbWV0YWRhdGEuZGVzY3JpcHRpb24gY2FuIGJlIHVuZGVmaW5lZCBvcgogICAgICAgICAgLy9jb250YWluIGFuIGVtcHR5IHN0cmluZyBjYXVzaW5nIGFuIGVycm9yIHdpdGggSlNPTi5wYXJzZQogICAgICAgICAgbGV0IG1ldGFkYXRhID0ge307CiAgICAgICAgICB0cnkgeyAKICAgICAgICAgICAgbWV0YWRhdGEgPSBKU09OLnBhcnNlKAogICAgICAgICAgICAgIHBsb3RBbm5vdGF0aW9uLnN1cHBsZW1lbnRhbF9qc29uX21ldGFkYXRhLmRlc2NyaXB0aW9uCiAgICAgICAgICAgICk7CiAgICAgICAgICB9IGNhdGNoIChlcnJvcikgewogICAgICAgICAgICBjb25zb2xlLndhcm4oZXJyb3IpOwogICAgICAgICAgfQoKICAgICAgICAgIGxldCBzdXBwbGVtZW50YWxEYXRhID0gW107CiAgICAgICAgICBpZiAocGxvdEFubm90YXRpb24uaXNEZXNjcmliZWRCeSkgewogICAgICAgICAgICBzdXBwbGVtZW50YWxEYXRhLnB1c2goewogICAgICAgICAgICAgIHVybDogZmlsZVBhdGhQcmVmaXggKyBwbG90QW5ub3RhdGlvbi5pc0Rlc2NyaWJlZEJ5LnBhdGgKICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CgogICAgICAgICAgY29uc3QgcmVzb3VyY2UgPSB7CiAgICAgICAgICAgIGRhdGFTb3VyY2U6IHt1cmw6IHNvdXJjZVVybH0sCiAgICAgICAgICAgIG1ldGFkYXRhLAogICAgICAgICAgICBzdXBwbGVtZW50YWxEYXRhCiAgICAgICAgICB9CgogICAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgICAgbGFiZWw6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgIHJlc291cmNlOiByZXNvdXJjZSwKICAgICAgICAgICAgczN1cmk6IHRoaXMuZW50cnkuczN1cmksCiAgICAgICAgICAgIHRpdGxlOiAiVmlldyBwbG90IiwKICAgICAgICAgICAgdHlwZTogIlBsb3QiLAogICAgICAgICAgICBkaXNjb3ZlcklkOiB0aGlzLmRpc2NvdmVySWQsCiAgICAgICAgICAgIHZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICB9OwogICAgICAgICAgdGhpcy5pdGVtc1snUGxvdHMnXS5wdXNoKHsKICAgICAgICAgICAgaWQsCiAgICAgICAgICAgIHRpdGxlOiBiYXNlTmFtZShmaWxlUGF0aCksCiAgICAgICAgICAgIHR5cGU6ICJQbG90IiwKICAgICAgICAgICAgdGh1bWJuYWlsOiB0aHVtYm5haWxVUkwsCiAgICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICBtaW1ldHlwZQogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVTY2FmZm9sZEl0ZW1zOiBmdW5jdGlvbiAoKSB7CiAgICAgIGlmICh0aGlzLmVudHJ5LnNjYWZmb2xkcykgewogICAgICAgIGxldCBpbmRleCA9IDA7CiAgICAgICAgdGhpcy5lbnRyeS5zY2FmZm9sZHMuZm9yRWFjaCgoc2NhZmZvbGQsIGkpID0+IHsKICAgICAgICAgIGNvbnN0IGZpbGVQYXRoID0gc2NhZmZvbGQuZGF0YXNldC5wYXRoOwogICAgICAgICAgY29uc3QgaWQgPSBzY2FmZm9sZC5pZGVudGlmaWVyOwogICAgICAgICAgY29uc3QgdGh1bWJuYWlsID0gdGhpcy5nZXRUaHVtYm5haWxGb3JTY2FmZm9sZCgKICAgICAgICAgICAgc2NhZmZvbGQsCiAgICAgICAgICAgIHRoaXMuZW50cnkuc2NhZmZvbGRWaWV3cywKICAgICAgICAgICAgdGhpcy5lbnRyeS50aHVtYm5haWxzLAogICAgICAgICAgICBpbmRleAogICAgICAgICAgKTsKICAgICAgICAgIGxldCBtaW1ldHlwZSA9ICcnOwogICAgICAgICAgbGV0IHRodW1ibmFpbFVSTCA9IHVuZGVmaW5lZDsKICAgICAgICAgIGlmICh0aHVtYm5haWwpIHsKICAgICAgICAgICAgdGh1bWJuYWlsVVJMID0gdGhpcy5nZXRJbWFnZVVSTEZyb21TMyh0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLCB7CiAgICAgICAgICAgICAgaWQsCiAgICAgICAgICAgICAgZGF0YXNldElkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgICBkYXRhc2V0VmVyc2lvbjogdGhpcy5kYXRhc2V0VmVyc2lvbiwKICAgICAgICAgICAgICBmaWxlX3BhdGg6IHRodW1ibmFpbC5kYXRhc2V0LnBhdGgsCiAgICAgICAgICAgICAgczNCdWNrZXQ6IHRoaXMuczNCdWNrZXQsCiAgICAgICAgICAgIH0pOwogICAgICAgICAgICBtaW1ldHlwZSA9IHRodW1ibmFpbC5taW1ldHlwZS5uYW1lOwogICAgICAgICAgfQogICAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgICAgbGFiZWw6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgIHJlc291cmNlOiBgJHt0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OfXMzLXJlc291cmNlLyR7dGhpcy5kYXRhc2V0SWR9LyR7dGhpcy5kYXRhc2V0VmVyc2lvbn0vZmlsZXMvJHtmaWxlUGF0aH0ke3RoaXMuZ2V0UzNBcmdzKCl9YCwKICAgICAgICAgICAgdGl0bGU6ICJWaWV3IDNEIHNjYWZmb2xkIiwKICAgICAgICAgICAgdHlwZTogIlNjYWZmb2xkIiwKICAgICAgICAgICAgZGlzY292ZXJJZDogdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICAgIGFwaUxvY2F0aW9uOiB0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OLAogICAgICAgICAgICB2ZXJzaW9uOiB0aGlzLmRhdGFzZXRWZXJzaW9uLAogICAgICAgICAgICBiYW5uZXI6IHRoaXMuZGF0YXNldFRodW1ibmFpbCwKICAgICAgICAgICAgczN1cmk6IHRoaXMuZW50cnkuczN1cmksCiAgICAgICAgICAgIGNvbnRleHRDYXJkVXJsOiB0aGlzLmdldENvbnRleHRDYXJkVXJsKGkpCiAgICAgICAgICB9OwogICAgICAgICAgdGhpcy5pdGVtc1snU2NhZmZvbGRzJ10ucHVzaCh7CiAgICAgICAgICAgIGlkLAogICAgICAgICAgICB0aXRsZTogYmFzZU5hbWUoZmlsZVBhdGgpLAogICAgICAgICAgICB0eXBlOiAiU2NhZmZvbGQiLAogICAgICAgICAgICB0aHVtYm5haWw6IHRodW1ibmFpbFVSTCwKICAgICAgICAgICAgdXNlckRhdGE6IGFjdGlvbiwKICAgICAgICAgICAgaGlkZVR5cGU6IHRydWUsCiAgICAgICAgICAgIG1pbWV0eXBlCiAgICAgICAgICB9KTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGNyZWF0ZVNlZ21lbnRhdGlvbkl0ZW1zOiBmdW5jdGlvbiAoKSB7CiAgICAgIGlmICh0aGlzLmVudHJ5LnNlZ21lbnRhdGlvbikgewogICAgICAgIHRoaXMuZW50cnkuc2VnbWVudGF0aW9uLmZvckVhY2goKHNlZ21lbnRhdGlvbikgPT4gewogICAgICAgICAgY29uc3QgaWQgPSBzZWdtZW50YXRpb24uaWQ7CiAgICAgICAgICBsZXQgZmlsZVBhdGggPSBzZWdtZW50YXRpb24uZGF0YXNldC5wYXRoOwogICAgICAgICAgZmlsZVBhdGggPSBmaWxlUGF0aC5yZXBsYWNlQWxsKCIgIiwgIl8iKTsKICAgICAgICAgIGZpbGVQYXRoID0gZmlsZVBhdGgucmVwbGFjZUFsbCgiLCIsICJfIik7CiAgICAgICAgICBjb25zdCBwcmVmaXggPSB0aGlzLmVudlZhcnMuTkxfTElOS19QUkVGSVg7CiAgICAgICAgICBjb25zdCByZXNvdXJjZSA9IHsKICAgICAgICAgICAgc2hhcmVfbGluazogYCR7cHJlZml4fS9kYXRhdmlld2VyP2RhdGFzZXRJZD0ke3RoaXMuZGF0YXNldElkfSZ2ZXJzaW9uPSR7dGhpcy5kYXRhc2V0VmVyc2lvbn0mcGF0aD1maWxlcy8ke2ZpbGVQYXRofWAsCiAgICAgICAgICB9OwogICAgICAgICAgbGV0IGFjdGlvbiA9IHsKICAgICAgICAgICAgbGFiZWw6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgIHJlc291cmNlOiByZXNvdXJjZSwKICAgICAgICAgICAgZGF0YXNldElkOiB0aGlzLmRhdGFzZXRJZCwKICAgICAgICAgICAgczN1cmk6IHRoaXMuZW50cnkuczN1cmksCiAgICAgICAgICAgIHRpdGxlOiAiVmlldyBzZWdtZW50YXRpb24iLAogICAgICAgICAgICB0eXBlOiAiU2VnbWVudGF0aW9uIiwKICAgICAgICAgIH07CiAgICAgICAgICBjb25zdCB0aHVtYm5haWxVUkwgPSB0aGlzLmdldFNlZ21lbnRhdGlvblRodW1ibmFpbFVSTCgKICAgICAgICAgICAgdGhpcy5lbnZWYXJzLkFQSV9MT0NBVElPTiwKICAgICAgICAgICAgewogICAgICAgICAgICAgIGlkLAogICAgICAgICAgICAgIGRhdGFzZXRJZDogdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICAgICAgZGF0YXNldFZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICAgICAgc2VnbWVudGF0aW9uRmlsZVBhdGg6IGZpbGVQYXRoLAogICAgICAgICAgICAgIHMzQnVja2V0OiB0aGlzLnMzQnVja2V0LAogICAgICAgICAgICB9CiAgICAgICAgICApOwogICAgICAgICAgdGhpcy5pdGVtc1snU2VnbWVudGF0aW9ucyddLnB1c2goewogICAgICAgICAgICBpZCwKICAgICAgICAgICAgdGl0bGU6IGJhc2VOYW1lKGZpbGVQYXRoKSwKICAgICAgICAgICAgdHlwZTogIlNlZ21lbnRhdGlvbiIsCiAgICAgICAgICAgIHRodW1ibmFpbDogdGh1bWJuYWlsVVJMLAogICAgICAgICAgICB1c2VyRGF0YTogYWN0aW9uLAogICAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgICAgbWltZXR5cGU6ICdpbWFnZS9wbmcnLAogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVTaW11bGF0aW9uSXRlbXM6IGZ1bmN0aW9uICgpIHsKICAgICAgaWYgKHRoaXMuZW50cnkuc2ltdWxhdGlvbiAmJiB0aGlzLmVudHJ5LnNpbXVsYXRpb24ubGVuZ3RoID4gMCkgewogICAgICAgIGxldCBhY3Rpb24gPSB7CiAgICAgICAgICBsYWJlbDogdW5kZWZpbmVkLAogICAgICAgICAgYXBpTG9jYXRpb246IHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sCiAgICAgICAgICBzM3VyaTogdGhpcy5lbnRyeS5zM3VyaSwKICAgICAgICAgIHZlcnNpb246IHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICB0aXRsZTogIlZpZXcgc2ltdWxhdGlvbiIsCiAgICAgICAgICB0eXBlOiAiU2ltdWxhdGlvbiIsCiAgICAgICAgICBuYW1lOiB0aGlzLmVudHJ5Lm5hbWUsCiAgICAgICAgICBkZXNjcmlwdGlvbjogdGhpcy5lbnRyeS5kZXNjcmlwdGlvbiwKICAgICAgICAgIGRpc2NvdmVySWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgZGF0YXNldDogYCR7dGhpcy5lbnZWYXJzLlJPT1RfVVJMfS9kYXRhc2V0cy8ke3RoaXMuZGF0YXNldElkfT90eXBlPWRhdGFzZXRgCiAgICAgICAgfTsKICAgICAgICB0aGlzLml0ZW1zWydTaW11bGF0aW9ucyddLnB1c2goewogICAgICAgICAgaWQ6ICJzaW11bGF0aW9uIiwKICAgICAgICAgIHRpdGxlOiAiICIsCiAgICAgICAgICB0eXBlOiAiU2ltdWxhdGlvbiIsCiAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgIGhpZGVUaXRsZTogdHJ1ZSwKICAgICAgICAgIHVzZXJEYXRhOiBhY3Rpb24sCiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICBjcmVhdGVWaWRlb0l0ZW1zOiBmdW5jdGlvbiAoKSB7CiAgICAgIGlmICh0aGlzLmVudHJ5LnZpZGVvcykgewogICAgICAgIHRoaXMuZW50cnkudmlkZW9zLmZvckVhY2goKHZpZGVvKSA9PiB7CiAgICAgICAgICBjb25zdCBmaWxlUGF0aCA9IHRoaXMuZ2V0UzNGaWxlUGF0aCgKICAgICAgICAgICAgdGhpcy5kYXRhc2V0SWQsCiAgICAgICAgICAgIHRoaXMuZGF0YXNldFZlcnNpb24sCiAgICAgICAgICAgIHZpZGVvLmRhdGFzZXQucGF0aAogICAgICAgICAgKTsKICAgICAgICAgIGNvbnN0IGxpbmtVcmwgPSBgJHt0aGlzLmVudlZhcnMuUk9PVF9VUkx9L2RhdGFzZXRzL3ZpZGVvdmlld2VyP2RhdGFzZXRfdmVyc2lvbj0ke3RoaXMuZGF0YXNldFZlcnNpb259JmRhdGFzZXRfaWQ9JHt0aGlzLmRhdGFzZXRJZH0mZmlsZV9wYXRoPSR7ZmlsZVBhdGh9Jm1pbWV0eXBlPSR7dmlkZW8ubWltZXR5cGUubmFtZX1gOwogICAgICAgICAgdGhpcy5pdGVtc1snVmlkZW9zJ10ucHVzaCh7CiAgICAgICAgICAgIHRpdGxlOiB2aWRlby5uYW1lLAogICAgICAgICAgICB0eXBlOiAiVmlkZW8iLAogICAgICAgICAgICB0aHVtYm5haWw6IHRoaXMuZGVmYXVsdFZpZGVvSW1nLAogICAgICAgICAgICBoaWRlVHlwZTogdHJ1ZSwKICAgICAgICAgICAgbGluazogbGlua1VybCwKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9CiAgICB9LAogICAgb25SZXNpemU6IGZ1bmN0aW9uICgpIHsKICAgICAgdGhpcy5tYXhXaWR0aCA9IHRoaXMuJGVsLmNsaWVudFdpZHRoOwogICAgICAvLyB0aGlzLiRlbWl0KCdyZXNpemUnLCB0aGlzLiRlbC5jbGllbnRXaWR0aCkKICAgIH0sCiAgICBnZXRDb250ZXh0Q2FyZFVybChzY2FmZm9sZEluZGV4KXsKICAgICAgaWYoIXRoaXMuZW50cnkuY29udGV4dHVhbEluZm9ybWF0aW9uIHx8IHRoaXMuZW50cnkuY29udGV4dHVhbEluZm9ybWF0aW9uLmxlbmd0aCA9PSAwKXsKICAgICAgICByZXR1cm4gdW5kZWZpbmVkCiAgICAgIH0gZWxzZSB7CiAgICAgICAgLy8gVGhlIGxpbmUgYmVsb3cgY2hlY2tzIGlmIHRoZXJlIGlzIGEgY29udGV4dCBmaWxlIGZvciBlYWNoIHNjYWZmb2xkLiBJZiB0aGVyZSBpcyBub3QsIHdlIHVzZSB0aGUgZmlyc3QgY29udGV4dCBjYXJkIGZvciBlYWNoIHNjYWZmb2xkLgogICAgICAgIGxldCBjb250ZXh0SW5kZXggPSB0aGlzLmVudHJ5WydhYmktY29udGV4dHVhbC1pbmZvcm1hdGlvbiddLmxlbmd0aCA9PSB0aGlzLmVudHJ5LnNjYWZmb2xkcy5sZW5ndGggPyBzY2FmZm9sZEluZGV4IDogMAogICAgICAgIHJldHVybiBgJHt0aGlzLmVudlZhcnMuQVBJX0xPQ0FUSU9OfXMzLXJlc291cmNlLyR7dGhpcy5kYXRhc2V0SWR9LyR7dGhpcy5kYXRhc2V0VmVyc2lvbn0vZmlsZXMvJHt0aGlzLmVudHJ5LmNvbnRleHR1YWxJbmZvcm1hdGlvbltjb250ZXh0SW5kZXhdfSR7dGhpcy5nZXRTM0FyZ3MoKX1gCiAgICAgIH0KICAgIH0KICB9LAogIGNvbXB1dGVkOiB7CiAgICBnYWxsZXJ5SXRlbXMoKSB7CiAgICAgIGlmICh0aGlzLnJlc2V0SW5kZXgpIHsKICAgICAgICB0aGlzLiRyZWZzLmdhbGxlcnkuaW5kaWNhdG9yQ2xpY2tlZCgwKTsKICAgICAgfQogICAgICBsZXQgaXRlbXMgPSBbLi4udGhpcy5pdGVtc1siRGF0YXNldCJdXTsKICAgICAgaWYgKHRoaXMuY2F0ZWdvcnkgPT09ICJBbGwiKSB7CiAgICAgICAgZm9yIChjb25zdCBba2V5LCB2YWx1ZV0gb2YgT2JqZWN0LmVudHJpZXModGhpcy5pdGVtcykpIHsKICAgICAgICAgIGlmIChrZXkgIT09ICJEYXRhc2V0IikKICAgICAgICAgICAgaXRlbXMgPSBpdGVtcy5jb25jYXQodmFsdWUpOwogICAgICAgIH0KICAgICAgICByZXR1cm4gaXRlbXM7CiAgICAgIH0KICAgICAgZWxzZQogICAgICAgIHJldHVybiB0aGlzLml0ZW1zW3RoaXMuY2F0ZWdvcnldOwogICAgfSwKICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uICgpIHsKICAgIHRoaXMuY3JlYXRlU2NpQ3VybmNoSXRlbXMoKTsKICB9LAogIHdhdGNoOiB7CiAgICBjYXRlZ29yeTogZnVuY3Rpb24oKSB7CiAgICAgIHRoaXMucmVzZXRJbmRleCA9IHRydWU7CiAgICB9LAogICAgZ2FsbGVyeUl0ZW1zOiBmdW5jdGlvbigpIHsKICAgICAgdGhpcy5yZXNldEluZGV4ID0gZmFsc2U7CiAgICB9LAogICAgZGF0YXNldEJpb2x1Y2lkYTogewogICAgICBkZWVwOiB0cnVlLAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIChiaW9sdWNpZGFEYXRhKSB7CiAgICAgICAgbGV0IGl0ZW1zID0gW107CiAgICAgICAgaWYgKCJkYXRhc2V0X2ltYWdlcyIgaW4gYmlvbHVjaWRhRGF0YSkgewogICAgICAgICAgaXRlbXMucHVzaCgKICAgICAgICAgICAgLi4uQXJyYXkuZnJvbShiaW9sdWNpZGFEYXRhLmRhdGFzZXRfaW1hZ2VzLCAoZGF0YXNldF9pbWFnZSkgPT4gewogICAgICAgICAgICAgIGNvbnN0IHRodW1ibmFpbFVSTCA9IHRoaXMuZ2V0VGh1bWJuYWlsVVJMRnJvbUJpb2x1Y2lkYSgKICAgICAgICAgICAgICAgIHRoaXMuZW52VmFycy5BUElfTE9DQVRJT04sCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgIGlkOiBkYXRhc2V0X2ltYWdlLmltYWdlX2lkLAogICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICk7CiAgICAgICAgICAgICAgY29uc3QgcmVzb3VyY2UgPSB7CiAgICAgICAgICAgICAgICBzaGFyZV9saW5rOiBkYXRhc2V0X2ltYWdlLnNoYXJlX2xpbmssCiAgICAgICAgICAgICAgICBpZDogZGF0YXNldF9pbWFnZS5pbWFnZV9pZCwKICAgICAgICAgICAgICAgIGl0ZW1JZDogZGF0YXNldF9pbWFnZS5zb3VyY2Vwa2dfaWQsCiAgICAgICAgICAgICAgfTsKICAgICAgICAgICAgICBsZXQgYWN0aW9uID0gewogICAgICAgICAgICAgICAgbGFiZWw6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgICAgICByZXNvdXJjZTogcmVzb3VyY2UsCiAgICAgICAgICAgICAgICBkYXRhc2V0SWQ6IHRoaXMuZGF0YXNldElkLAogICAgICAgICAgICAgICAgdGl0bGU6ICJWaWV3IGltYWdlIiwKICAgICAgICAgICAgICAgIG5hbWU6IGNhcGl0YWxpc2UodGhpcy5sYWJlbCksCiAgICAgICAgICAgICAgICB0eXBlOiAiQmlvbHVjaWRhIiwKICAgICAgICAgICAgICB9OwogICAgICAgICAgICAgIHJldHVybiB7CiAgICAgICAgICAgICAgICBpZDogZGF0YXNldF9pbWFnZS5pbWFnZV9pZCwKICAgICAgICAgICAgICAgIHRpdGxlOiBgSW1hZ2VgLAogICAgICAgICAgICAgICAgdHlwZTogIkltYWdlIiwKICAgICAgICAgICAgICAgIHRodW1ibmFpbDogdGh1bWJuYWlsVVJMLAogICAgICAgICAgICAgICAgdXNlckRhdGE6IGFjdGlvbiwKICAgICAgICAgICAgICAgIG1pbWV0eXBlOiAnaW1hZ2UvcG5nJywKICAgICAgICAgICAgICAgIGhpZGVUeXBlOiB0cnVlLAogICAgICAgICAgICAgIH07CiAgICAgICAgICAgIH0pCiAgICAgICAgICApOwogICAgICAgIH0KICAgICAgICB0aGlzLml0ZW1zWydJbWFnZXMnXSA9IGl0ZW1zOwogICAgICB9LAogICAgfSwKICB9LAogIG1vdW50ZWQoKSB7CiAgICB0aGlzLnJvID0gbmV3IFJlc2l6ZU9ic2VydmVyKHRoaXMub25SZXNpemUpLm9ic2VydmUodGhpcy4kZWwpOwogIH0sCiAgZGVzdHJveWVkKCkgewogICAgZGVsZXRlIHRoaXMucm87CiAgfSwKfTsK"},{"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;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","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          //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.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"]}]}