text: webpackHotUpdate("main",{
  
  /***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/ComparisonItem.vue?vue&type=script&lang=js&":
  /*!******************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ComparisonItem.vue?vue&type=script&lang=js& ***!
    \******************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _lib_helpers_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../lib/helpers.js */ \"./src/lib/helpers.js\");\n/* harmony import */ var _data_movies_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../data/movies.js */ \"./src/data/movies.js\");\n/* harmony import */ var _RelatedCharacterList__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./RelatedCharacterList */ \"./src/components/RelatedCharacterList.vue\");\n/* harmony import */ var _TrailerModal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./TrailerModal */ \"./src/components/TrailerModal.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'comparison-item',\n  props: ['item', 'handleCharacterClick'],\n  data: function data() {\n    return {\n      movieList: [],\n      selectedImgToDisplay: this.item.comparison.film.imageUrl,\n      viewMode: 'MCU',\n      selectedMovie: null\n    };\n  },\n  watch: {\n    item: function item(newValue, oldValue) {\n      this.selectedImgToDisplay = newValue.comparison.film.imageUrl;\n      if (this.viewMode !== 'MCU') this.viewMode = 'MCU';\n    }\n  },\n  computed: {\n    moviesWithCharacter: function moviesWithCharacter() {\n      var temp = [];\n\n      for (var i = 0; i < _data_movies_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].movieList.length; i++) {\n        for (var j = 0; j < _data_movies_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].movieList[i].characterID.length; j++) {\n          if (_data_movies_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].movieList[i].characterID[j] == this.item.id) {\n            temp.push(_data_movies_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].movieList[i]);\n          }\n        }\n      }\n\n      return temp;\n    }\n  },\n  methods: {\n    setSelectedMovie: function setSelectedMovie(movie) {\n      this.selectedMovie = movie;\n      Object(_lib_helpers_js__WEBPACK_IMPORTED_MODULE_0__[\"renderTrailer\"])(movie);\n    },\n    toggleViewMode: function toggleViewMode() {\n      if (this.viewMode === 'MCU') {\n        this.viewMode = 'COMIC';\n        this.selectedImgToDisplay = this.item.comparison.comic.imageUrl;\n      } else {\n        this.viewMode = 'MCU';\n        this.selectedImgToDisplay = this.item.comparison.film.imageUrl;\n      }\n    },\n    getFileName: _lib_helpers_js__WEBPACK_IMPORTED_MODULE_0__[\"getImageWithLocalPath\"]\n  },\n  components: {\n    RelatedCharacterList: _RelatedCharacterList__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  }\n});\n\n//# sourceURL=webpack:///./src/components/ComparisonItem.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/RelatedCharacterList.vue?vue&type=script&lang=js&":
  /*!************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RelatedCharacterList.vue?vue&type=script&lang=js& ***!
    \************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _data_movies_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../data/movies.js */ \"./src/data/movies.js\");\n/* harmony import */ var _lib_helpers_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../lib/helpers.js */ \"./src/lib/helpers.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar CharacterList = __webpack_require__(/*! ./../data/characters.json */ \"./src/data/characters.json\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'related-character-list',\n  props: ['item', 'handleCharacterClick'],\n  data: function data() {\n    return {\n      characterList: CharacterList.characterList,\n      movieList: _data_movies_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].movieList\n    };\n  },\n  methods: {\n    getImageWithLocalPath: _lib_helpers_js__WEBPACK_IMPORTED_MODULE_1__[\"getImageWithLocalPath\"]\n  },\n  computed: {\n    getRelatedFilmCharacters: function getRelatedFilmCharacters() {\n      var _this = this;\n\n      var temp = [];\n\n      for (var i = 0; i < _data_movies_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].movieList.length; i++) {\n        for (var j = 0; j < _data_movies_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].movieList[i].characterID.length; j++) {\n          if (_data_movies_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].movieList[i].characterID[j] == this.item.id) {\n            temp.push(_data_movies_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].movieList[i].characterID.filter(function (c, index) {\n              return c != _this.item.id;\n            }));\n          }\n        }\n      }\n\n      return temp;\n    },\n    getRelatedCharacters: function getRelatedCharacters() {\n      var temp = [];\n      var cList = this.getRelatedFilmCharacters;\n\n      for (var i = 0; i < CharacterList.characterList.length; i++) {\n        for (var j = 0; j < cList.length; j++) {\n          for (var k = 0; k < cList[j].length; k++) {\n            if (CharacterList.characterList[i].id == cList[j][k]) {\n              temp.push(CharacterList.characterList[i]);\n            }\n          }\n        }\n      }\n\n      return Array.from(new Set(temp));\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/RelatedCharacterList.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&":
  /*!**************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8& ***!
    \**************************************************************************************************************************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"char-content-wrapper left\" }, [\n    _c(\"h2\", [_vm._v(\"Related Characters\")]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"related-character-wrapper\" },\n      _vm._l(_vm.getRelatedCharacters, function(character) {\n        return _c(\n          \"span\",\n          {\n            staticClass: \"related-character-thumb\",\n            on: {\n              click: function($event) {\n                return _vm.handleCharacterClick(character)\n              }\n            }\n          },\n          [\n            _c(\"div\", {\n              staticClass: \"related-thumb\",\n              style:\n                \"background-image: url('\" +\n                _vm.getImageWithLocalPath(character.comparison.film.imageUrl) +\n                \"');\"\n            }),\n            _vm._v(\" \"),\n            _c(\"h3\", [_vm._v(_vm._s(character.name))])\n          ]\n        )\n      }),\n      0\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/RelatedCharacterList.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
  
  /***/ }),
  
  /***/ "./src/components/RelatedCharacterList.vue":
  /*!*************************************************!*\
    !*** ./src/components/RelatedCharacterList.vue ***!
    \*************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RelatedCharacterList.vue?vue&type=template&id=cbb099a8& */ \"./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&\");\n/* harmony import */ var _RelatedCharacterList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RelatedCharacterList.vue?vue&type=script&lang=js& */ \"./src/components/RelatedCharacterList.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(\n  _RelatedCharacterList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (true) {\n  var api = __webpack_require__(/*! ./node_modules/vue-hot-reload-api/dist/index.js */ \"./node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(__webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\"))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!module.hot.data) {\n      api.createRecord('cbb099a8', component.options)\n    } else {\n      api.reload('cbb099a8', component.options)\n    }\n    module.hot.accept(/*! ./RelatedCharacterList.vue?vue&type=template&id=cbb099a8& */ \"./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&\", function(__WEBPACK_OUTDATED_DEPENDENCIES__) { /* harmony import */ _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./RelatedCharacterList.vue?vue&type=template&id=cbb099a8& */ \"./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&\");\n(function () {\n      api.rerender('cbb099a8', {\n        render: _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n        staticRenderFns: _RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]\n      })\n    })(__WEBPACK_OUTDATED_DEPENDENCIES__); }.bind(this))\n  }\n}\ncomponent.options.__file = \"src/components/RelatedCharacterList.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./src/components/RelatedCharacterList.vue?");
  
  /***/ }),
  
  /***/ "./src/components/RelatedCharacterList.vue?vue&type=script&lang=js&":
  /*!**************************************************************************!*\
    !*** ./src/components/RelatedCharacterList.vue?vue&type=script&lang=js& ***!
    \**************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_RelatedCharacterList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib!../../node_modules/vue-loader/lib??vue-loader-options!./RelatedCharacterList.vue?vue&type=script&lang=js& */ \"./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./src/components/RelatedCharacterList.vue?vue&type=script&lang=js&\");\n/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_RelatedCharacterList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[\"default\"]); \n\n//# sourceURL=webpack:///./src/components/RelatedCharacterList.vue?");
  
  /***/ }),
  
  /***/ "./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&":
  /*!********************************************************************************!*\
    !*** ./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8& ***!
    \********************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib??vue-loader-options!./RelatedCharacterList.vue?vue&type=template&id=cbb099a8& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./src/components/RelatedCharacterList.vue?vue&type=template&id=cbb099a8&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_RelatedCharacterList_vue_vue_type_template_id_cbb099a8___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./src/components/RelatedCharacterList.vue?");
  
  /***/ }),
  
  /***/ "./src/data/characters.json":
  /*!**********************************!*\
    !*** ./src/data/characters.json ***!
    \**********************************/
  /*! exports provided: name, characterList, default */
  /***/ (function(module) {
  
  eval("module.exports = {\"name\":\"Character List\",\"characterList\":[{\"id\":1,\"name\":\"Iron Man\",\"alias\":\"Tony Stark\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"iron-man-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"iron-man-1-cb.jpg\"}}},{\"id\":2,\"name\":\"Thor\",\"alias\":\"Thor Odinson\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"thor-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"thor-1-cb.jpg\"}}},{\"id\":3,\"name\":\"Captain America\",\"alias\":\"Steve Rodgers\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"captain-america-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"captain-america-1-cb.jpg\"}}},{\"id\":4,\"name\":\"Hulk\",\"alias\":\"Bruce Banner\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"hulk-1-ca.png\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"hulk-1-cb.jpg\"}}},{\"id\":5,\"name\":\"Hawkeye\",\"alias\":\"Clint Barton\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"hawkeye-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"hawkeye-1-cb.jpg\"}}},{\"id\":6,\"name\":\"Black Widow\",\"alias\":\"Natalia Romanoff\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"black-widow-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"black-widow-1-cb.jpg\"}}},{\"id\":7,\"name\":\"Loki\",\"alias\":\"Loki Odinson\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"loki-1-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"loki-1-cb.jpg\"}}},{\"id\":8,\"name\":\"Star-Lord\",\"alias\":\"Peter Quill\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"star-lord-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"star-lord-cb.jpg\"}}},{\"id\":9,\"name\":\"Spider-Man\",\"alias\":\"Peter Parker\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"spider-man-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"spider-man-cb.jpg\"}}},{\"id\":10,\"name\":\"Ant-Man\",\"alias\":\"Scott Lang\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"ant-man-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"ant-man-cb.jpg\"}}},{\"id\":11,\"name\":\"Vision\",\"alias\":\"\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"vision-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"vision-cb.jpg\"}}},{\"id\":12,\"name\":\"Scarlet Witch\",\"alias\":\"Wanda Maxinoff\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"scarlet-witch-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"scarlet-witch-cb.jpg\"}}},{\"id\":13,\"name\":\"Black Panther\",\"alias\":\"T'Challa\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"black-panther-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"black-panther-cb.png\"}}},{\"id\":14,\"name\":\"Captain Marvel\",\"alias\":\"Carol Danvers\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"cpt-marvel-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"cpt-marvel-cb.jpg\"}}},{\"id\":15,\"name\":\"Thanos\",\"alias\":\"\",\"comparison\":{\"film\":{\"caption\":\"\",\"imageUrl\":\"thanos-ca.jpg\"},\"comic\":{\"caption\":\"\",\"imageUrl\":\"thanos-cb.jpg\"}}}]};\n\n//# sourceURL=webpack:///./src/data/characters.json?");
  
  /***/ })
  
  })