{"version":3,"sources":["webpack:///./src/components/stage_components/BackgroundFader.vue?8dcc","webpack:///./src/components/stage_components/RadarPulse.vue?e76a","webpack:///./src/components/stage_components/RadarPulse.vue?826c","webpack:///src/components/stage_components/RadarPulse.vue","webpack:///./src/components/stage_components/RadarPulse.vue?4603","webpack:///./src/components/stage_components/RadarPulse.vue","webpack:///./src/components/stage_components/BackgroundFader.vue?34fd","webpack:///src/components/stage_components/BackgroundFader.vue","webpack:///./src/components/stage_components/BackgroundFader.vue?79cd","webpack:///./src/components/stage_components/BackgroundFader.vue","webpack:///./src/views/scenario_pages/military-base/mb_stage-5.vue?0d71","webpack:///./src/views/scenario_pages/military-base/mb_stage-5.vue?1792","webpack:///src/views/scenario_pages/military-base/mb_stage-5.vue","webpack:///./src/views/scenario_pages/military-base/mb_stage-5.vue?d3bb","webpack:///./src/views/scenario_pages/military-base/mb_stage-5.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BackgroundFader_vue_vue_type_style_index_0_id_b3a3a43e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BackgroundFader_vue_vue_type_style_index_0_id_b3a3a43e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_RadarPulse_vue_vue_type_style_index_0_id_745de2d0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_RadarPulse_vue_vue_type_style_index_0_id_745de2d0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","classes","staticRenderFns","RadarPulsevue_type_script_lang_js_","props","computed","yellow","undefined","grey","reverse","stage_components_RadarPulsevue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__","attrs","name","_l","image","index","directives","rawName","value","active","expression","key","style","background-image","BackgroundFadervue_type_script_lang_js_","data","interval","timer","methods","loadTimer","delay","start","_this","setInterval","content","length","clear","$emit","reset","clearInterval","mounted","beforeDestroy","stage_components_BackgroundFadervue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mb_stage_5_vue_vue_type_style_index_0_id_4e894d53_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mb_stage_5_vue_vue_type_style_index_0_id_4e894d53_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","bgImage","backgroundImages","slot","prevInactive","nextInactive","nextContent","titleContent","nextLabel","statsInactive","galleryInactive","visible","sequenceComplete","on","click-previous","clickPrevious","click-next","clickNext","click-stats","$event","openModal","click-gallery","StageTitle","title","StageNumber","StageDesc","animRestart","restart-anim","$root","resetBackgroundFader","$refs","backgroundFader","SCENARIO","hotspot","data-hotspot-key","click","ref","hotspots","gallery","stats","mb_stage_5vue_type_script_lang_js_","components","StageNavBar","StageBackgroundWrap","StageTitleBlock","GalleryModal","StatsModal","BackgroundFader","HotspotButton","HotspotModal","RadarPulse","calcIDs","scenario","STAGE","stage","scenarioText","scenarioStats","scenarioGallery","scenarioBg","scenarioHotspots","hotspot_buttons","scenarioHotspotButtons","slice","findIndex","element","event","target","parentNode","dataset","hotspotKey","$router","push","prevRoute","nextRoute","military_base_mb_stage_5vue_type_script_lang_js_"],"mappings":"gHAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAgkBE,EAAG,qCCAnkB,IAAAE,EAAAH,EAAA,QAAAI,EAAAJ,EAAAE,EAAAC,GAA2jBC,EAAG,uCCA9jB,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,cAAAC,MAAAP,EAAAQ,SAA4C,CAAAJ,EAAA,OAAYE,YAAA,SAAmBF,EAAA,OAAYE,YAAA,SAAmBF,EAAA,OAAYE,YAAA,YAChOG,EAAA,GCQAC,iCAAA,CACAC,MAAA,4BACAC,SAAA,CACAJ,QADA,WAEA,OACAK,YAAAC,GAAAb,KAAAY,OACAE,UAAAD,GAAAb,KAAAc,KACAC,aAAAF,GAAAb,KAAAe,aChBmWC,EAAA,0BCQnWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAlB,EACAU,GACF,EACA,KACA,WACA,MAIAS,EAAAG,QAAAC,OAAA,iBACeC,EAAA,KAAAL,6CCpBf,IAAAnB,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,oBAA+B,CAAAF,EAAA,oBAAyBoB,MAAA,CAAOC,KAAA,oBAA0BzB,EAAA0B,GAAA1B,EAAA,iBAAA2B,EAAAC,GAA4C,OAAAxB,EAAA,OAAiByB,WAAA,EAAaJ,KAAA,OAAAK,QAAA,SAAAC,MAAA/B,EAAAgC,QAAAJ,EAAAK,WAAA,oBAAsFC,IAAA,SAAAN,EAAAtB,YAAA,mBAAA6B,MAAA,CAA8DC,mBAAA,OAA+B1C,EAAA,OAA/B,CAAuC,KAAoCiC,GAAS,SAAa,QAClgBlB,EAAA,GCcA4B,iCAAA,CACAZ,KAAA,kBACAd,MAAA,oBACA2B,KAHA,WAIA,OACAN,OAAA,EACAO,SAAA,KACAC,MAAA,MAGAC,QAAA,CACAC,UADA,WAEAzC,KAAAuC,MAAAvC,KAAA0C,OAAA1C,KAAAuC,OAEAI,MAJA,WAIA,IAAAC,EAAA5C,KACAA,KAAAsC,SAAAO,YAAA,WACAD,EAAAb,QAAAa,EAAAE,QAAAC,OAAA,GACAH,EAAAI,QACAJ,EAAAK,MAAA,aAEAL,EAAAb,UAOA/B,KAAAuC,QAEAW,MAnBA,WAoBAlD,KAAAgD,QACAhD,KAAA+B,OAAA,EACA/B,KAAA2C,SAEAK,MAxBA,WAyBAG,cAAAnD,KAAAsC,YAGAc,QAtCA,WAuCApD,KAAAyC,YACAzC,KAAA2C,SAEAU,cA1CA,WA2CArD,KAAAgD,WC1DwWM,EAAA,0BCQxWrC,EAAgBC,OAAAC,EAAA,KAAAD,CACdoC,EACAxD,EACAU,GACF,EACA,KACA,WACA,MAIAS,EAAAG,QAAAC,OAAA,sBACeC,EAAA,KAAAL,sECpBf,IAAAsC,EAAA9D,EAAA,QAAA+D,EAAA/D,EAAAE,EAAA4D,GAAglBC,EAAG,0FCAnlB,IAAA1D,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,uBAA2CoB,MAAA,CAAOkC,QAAA1D,EAAA2D,iBAAA,KAAmC,CAAAvD,EAAA,YAAiBwD,KAAA,cAAkB,CAAAxD,EAAA,cAAmBE,YAAA,UAAAkB,MAAA,CAA6BX,OAAA,MAAaT,EAAA,cAAmBE,YAAA,UAAAkB,MAAA,CAA6BX,OAAA,MAAaT,EAAA,cAAmBE,YAAA,UAAAkB,MAAA,CAA6BX,OAAA,OAAa,GAAAT,EAAA,YAAqBwD,KAAA,WAAe,CAAAxD,EAAA,eAAoBoB,MAAA,CAAOqC,aAAA,OAAAC,aAAA,QAAAC,YAAA/D,EAAAgE,aAAAC,UAAAC,cAAA,QAAAC,gBAAA,QAAAC,QAAApE,EAAAqE,kBAAuKC,GAAA,CAAKC,iBAAAvE,EAAAwE,cAAAC,aAAAzE,EAAA0E,UAAAC,cAAA,SAAAC,GAA6F5E,EAAA6E,UAAA,UAAuBC,gBAAA,SAAAF,GAAkC5E,EAAA6E,UAAA,eAA2BzE,EAAA,mBAAwBoB,MAAA,CAAOuD,WAAA/E,EAAAgF,MAAAC,YAAAjF,EAAAgE,aAAAiB,YAAAC,UAAAlF,EAAAgE,aAAAkB,UAAAC,YAAAnF,EAAAqE,kBAA4IC,GAAA,CAAKc,eAAA,SAAAR,GAAgC5E,EAAAqF,MAAAC,qBAAAtF,EAAAuF,MAAAC,sBAA4D,GAAApF,EAAA,OAAgBG,MAAAP,EAAAyF,SAAA,YAAAjE,MAAA,CAAwCoC,KAAA,cAAoBA,KAAA,cAAmB,CAAAxD,EAAA,oBAAyBoB,MAAA,CAAOC,KAAA,SAAezB,EAAA0B,GAAA1B,EAAA,yBAAA0F,GAAgD,OAAAtF,EAAA,iBAA2B8B,IAAAwD,EAAAlE,MAAA,CAAmBmE,mBAAAD,GAA2BpB,GAAA,CAAKsB,MAAA,SAAAhB,GAAyB5E,EAAA6E,UAAA,iBAA6B,WAAAzE,EAAA,gBAAgCyF,IAAA,UAAArE,MAAA,CAAqBuB,QAAA/C,EAAA8F,YAAwB1F,EAAA,gBAAqByF,IAAA,UAAArE,MAAA,CAAqBuB,QAAA/C,EAAA+F,WAAuB3F,EAAA,cAAmByF,IAAA,QAAArE,MAAA,CAAmBuB,QAAA/C,EAAAgG,UAAqB,IAC3jDvF,EAAA,mKC2DAwF,EAAA,CACAC,WAAA,CACAC,cAAA,KACAC,sBAAA,KACAC,kBAAA,KACAC,eAAA,KACAC,aAAA,KACAC,kBAAA,KACAC,gBAAA,KACAC,eAAA,KACAC,aAAA,MAEArE,KAZA,WAaA,OACA+B,kBAAA,IAGAzD,SAAA,CACA6E,SADA,WACA,OAAAxF,KAAAoF,MAAAuB,UAAAC,UACAC,MAFA,WAEA,OAAA7G,KAAAoF,MAAAuB,UAAAG,OACA/B,MAHA,WAGA,OAAA/E,KAAAoF,MAAA2B,aAAA/G,KAAAwF,UAAAT,OACAgB,MAJA,WAIA,OAAA/F,KAAAoF,MAAA4B,cAAAhH,KAAAwF,WACAM,QALA,WAKA,OAAA9F,KAAAoF,MAAA6B,gBAAAjH,KAAAwF,WACAzB,aANA,WAMA,OAAA/D,KAAAoF,MAAA2B,aAAA/G,KAAAwF,UAAAxF,KAAA6G,QACAnD,iBAPA,WAOA,OAAA1D,KAAAoF,MAAA8B,WAAAlH,KAAAwF,UAAAxF,KAAA6G,QACAhB,SARA,WAQA,OAAA7F,KAAAoF,MAAA+B,iBAAAnH,KAAAwF,WACA4B,gBATA,WASA,OAAApH,KAAAoF,MAAAiC,uBAAArH,KAAAwF,UAAA8B,UAEA9E,QAAA,CACAoC,UADA,SACApD,EAAAG,GACA3B,KAAAsF,MAAA9D,GAAAoD,UAEA5E,KAAA6F,SAAA0B,UAAA,SAAAC,GAAA,OAAAA,EAAA5B,KAAA6B,MAAAC,OAAAC,WAAAC,QAAAC,eAGAtD,cAPA,WAQAvE,KAAA8H,QAAAC,KAAA/H,KAAA+D,aAAAiE,YAEAvD,UAVA,WAWAzE,KAAA8H,QAAAC,KAAA/H,KAAA+D,aAAAkE,cCnGkXC,EAAA,0BCQlXjH,EAAgBC,OAAAC,EAAA,KAAAD,CACdgH,EACApI,EACAU,GACF,EACA,KACA,WACA,MAIAS,EAAAG,QAAAC,OAAA,iBACeC,EAAA,WAAAL","file":"js/chunk-d66b75f2.b8f81649.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackgroundFader.vue?vue&type=style&index=0&id=b3a3a43e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackgroundFader.vue?vue&type=style&index=0&id=b3a3a43e&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarPulse.vue?vue&type=style&index=0&id=745de2d0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarPulse.vue?vue&type=style&index=0&id=745de2d0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"radar_pulse\",class:_vm.classes},[_c('div',{staticClass:\"ring\"}),_c('div',{staticClass:\"ring\"}),_c('div',{staticClass:\"ring\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"radar_pulse\" :class=\"classes\">\n        <div class=\"ring\"/>\n        <div class=\"ring\"/>\n        <div class=\"ring\"/>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: ['grey', 'yellow', 'reverse'],\n    computed: {\n        classes() {\n            return {\n                'yellow': this.yellow != undefined,\n                'grey': this.grey != undefined,\n                'reverse': this.reverse != undefined,\n            }\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n$dims: 10rem;\n\n.radar_pulse {\n    height: $dims;\n    width: $dims;\n    position: absolute;\n    transform: translate(-50%, -50%);\n}\n\n.ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 50%;\n    border: 1px solid $colour__accent1;\n    transform: scale(.5);\n    opacity: 0;\n    animation: pulse 1.8s linear infinite;\n    &:nth-child(2) { animation-delay: 0.6s }\n    &:nth-child(3) { animation-delay: 1.2s }\n    .yellow & {\n        border-color: $colour__accent1;\n    }\n    .grey & {\n        border-color: $colour__primary1;\n    }\n    .reverse & {\n        animation-direction: reverse;\n    }\n}\n\n@keyframes pulse {\n    0% {\n        transform: scale(.5);\n        opacity: 0;\n    }\n    50% {\n        transform: scale(1.2);\n        opacity: 1;\n    }\n    100% {\n        transform: scale(1.9);\n        opacity: 0;\n    }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarPulse.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarPulse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RadarPulse.vue?vue&type=template&id=745de2d0&scoped=true&\"\nimport script from \"./RadarPulse.vue?vue&type=script&lang=js&\"\nexport * from \"./RadarPulse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RadarPulse.vue?vue&type=style&index=0&id=745de2d0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"745de2d0\",\n  null\n  \n)\n\ncomponent.options.__file = \"RadarPulse.vue\"\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background_fader\"},[_c('transition-group',{attrs:{\"name\":\"background-fade\"}},_vm._l((_vm.content),function(image,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.active == index),expression:\"active == index\"}],key:'image-' + index,staticClass:\"background_image\",style:({'background-image': (\"url(\" + (require('@/assets/images/stage_backgrounds/' + image)) + \")\")})})}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"background_fader\">\n        <transition-group name=\"background-fade\">\n            <div\n                class=\"background_image\"\n                v-for=\"(image, index) in content\"\n                :key=\"'image-' + index\"\n                v-show=\"active == index\"\n                :style=\"{'background-image': `url(${require('@/assets/images/stage_backgrounds/' + image)})`}\"\n            />\n        </transition-group>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'BackgroundFader',\n    props: ['content', 'delay'],\n    data() {\n        return {\n            active: 0,\n            interval: null,\n            timer: 1000,\n        }\n    },\n    methods: {\n        loadTimer() {\n            this.timer = this.delay || this.timer\n        },\n        start() {\n            this.interval = setInterval(() => {\n                if (this.active == this.content.length-1) {\n                    this.clear()\n                    this.$emit('complete')\n                } else {\n                    this.active++\n                }\n                // this.active++\n                // if (this.active == this.content.length - 1) {\n                //     this.clear()\n                //     this.$emit('complete')\n                // }\n            }, this.timer)\n        },\n        reset() {\n            this.clear()\n            this.active = 0\n            this.start()\n        },\n        clear() {\n            clearInterval(this.interval)\n        },\n    },\n    mounted() {\n        this.loadTimer()\n        this.start()\n    },\n    beforeDestroy() {\n        this.clear()\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.background_fader {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n}\n\n.background_image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n\n$bgTrans: .25s;\n\n.background-fade- {\n    &enter-active, &leave-active {\n        transition: opacity $bgTrans linear;\n    }\n    &leave-active {\n        transition-delay: $bgTrans;\n    }\n    &enter, &leave-to {\n        opacity: 0;\n    }\n}\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackgroundFader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BackgroundFader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BackgroundFader.vue?vue&type=template&id=b3a3a43e&scoped=true&\"\nimport script from \"./BackgroundFader.vue?vue&type=script&lang=js&\"\nexport * from \"./BackgroundFader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BackgroundFader.vue?vue&type=style&index=0&id=b3a3a43e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b3a3a43e\",\n  null\n  \n)\n\ncomponent.options.__file = \"BackgroundFader.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mb_stage-5.vue?vue&type=style&index=0&id=4e894d53&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mb_stage-5.vue?vue&type=style&index=0&id=4e894d53&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('StageBackgroundWrap',{attrs:{\"bgImage\":_vm.backgroundImages[0]}},[_c('template',{slot:\"fixedRatio\"},[_c('RadarPulse',{staticClass:\"radar-1\",attrs:{\"yellow\":\"\"}}),_c('RadarPulse',{staticClass:\"radar-2\",attrs:{\"yellow\":\"\"}}),_c('RadarPulse',{staticClass:\"radar-3\",attrs:{\"yellow\":\"\"}})],1),_c('template',{slot:\"content\"},[_c('StageNavBar',{attrs:{\"prevInactive\":\"true\",\"nextInactive\":\"false\",\"nextContent\":_vm.titleContent.nextLabel,\"statsInactive\":\"false\",\"galleryInactive\":\"false\",\"visible\":_vm.sequenceComplete},on:{\"click-previous\":_vm.clickPrevious,\"click-next\":_vm.clickNext,\"click-stats\":function($event){_vm.openModal('stats')},\"click-gallery\":function($event){_vm.openModal('gallery')}}}),_c('StageTitleBlock',{attrs:{\"StageTitle\":_vm.title,\"StageNumber\":_vm.titleContent.StageNumber,\"StageDesc\":_vm.titleContent.StageDesc,\"animRestart\":_vm.sequenceComplete},on:{\"restart-anim\":function($event){_vm.$root.resetBackgroundFader(_vm.$refs.backgroundFader)}}})],1),_c('div',{class:_vm.SCENARIO + '_hotspots',attrs:{\"slot\":\"fixedRatio\"},slot:\"fixedRatio\"},[_c('transition-group',{attrs:{\"name\":\"fade\"}},_vm._l((_vm.hotspot_buttons),function(hotspot){return _c('HotspotButton',{key:hotspot,attrs:{\"data-hotspot-key\":hotspot},on:{\"click\":function($event){_vm.openModal('hotspot')}}})}),1)],1)],2),_c('HotspotModal',{ref:\"hotspot\",attrs:{\"content\":_vm.hotspots}}),_c('GalleryModal',{ref:\"gallery\",attrs:{\"content\":_vm.gallery}}),_c('StatsModal',{ref:\"stats\",attrs:{\"content\":_vm.stats}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <StageBackgroundWrap :bgImage=\"backgroundImages[0]\">\n            <!-- <template slot=\"background\">\n                <BackgroundFader ref=\"backgroundFader\" v-if=\"backgroundImages.length > 1\" :content=\"backgroundImages\" @complete=\"sequenceComplete = true\"/>\n            </template> -->\n            <template slot=\"fixedRatio\">\n                <!-- <VideoWrap :videoSrc=\"backgroundImages[0]\"/> -->\n                <RadarPulse yellow class=\"radar-1\"/>\n                <RadarPulse yellow class=\"radar-2\"/>\n                <RadarPulse yellow class=\"radar-3\"/>\n            </template>\n            <template slot=\"content\">\n                <StageNavBar\n                    prevInactive=\"true\" @click-previous=\"clickPrevious\"\n                    nextInactive=\"false\" @click-next=\"clickNext\"\n                    :nextContent=\"titleContent.nextLabel\"\n                    statsInactive=\"false\" @click-stats=\"openModal('stats')\"\n                    galleryInactive=\"false\" @click-gallery=\"openModal('gallery')\"\n                    :visible=\"sequenceComplete\"\n                />\n                <StageTitleBlock\n                    :StageTitle=\"title\"\n                    :StageNumber=\"titleContent.StageNumber\"\n                    :StageDesc=\"titleContent.StageDesc\"\n                    :animRestart=\"sequenceComplete\"\n                    @restart-anim=\"$root.resetBackgroundFader($refs.backgroundFader)\"\n                />\n            </template>\n            <div :class=\"SCENARIO + '_hotspots'\" slot=\"fixedRatio\">\n                <transition-group name=\"fade\">\n                    <HotspotButton\n                        v-for=\"hotspot in hotspot_buttons\"\n                        :key=\"hotspot\"\n                        :data-hotspot-key=\"hotspot\"\n                        @click=\"openModal('hotspot')\"\n                    />\n                </transition-group>\n            </div>\n        </StageBackgroundWrap>\n\n        <HotspotModal   ref=\"hotspot\"   :content=\"hotspots\"/>\n        <GalleryModal   ref=\"gallery\"   :content=\"gallery\"/>\n        <StatsModal ref=\"stats\"     :content=\"stats\"/>\n\n    </div>\n</template>\n\n<script>\n\nimport StageNavBar from '@/components/stage_components/StageNavBar'\nimport StageBackgroundWrap from '@/components/stage_components/StageBackgroundWrap'\nimport StageTitleBlock from '@/components/stage_components/StageTitleBlock'\nimport GalleryModal from '@/components/modals/GalleryModal'\nimport StatsModal from '@/components/modals/StatsModal'\nimport BackgroundFader from '@/components/stage_components/BackgroundFader'\nimport HotspotButton from '@/components/stage_components/HotspotButton'\nimport HotspotModal from '@/components/modals/HotspotModal'\nimport RadarPulse from '@/components/stage_components/RadarPulse'\n\nexport default {\n    components: {\n        StageNavBar,\n        StageBackgroundWrap,\n        StageTitleBlock,\n        GalleryModal,\n        StatsModal,\n        BackgroundFader,\n        HotspotButton,\n        HotspotModal,\n        RadarPulse,\n    },\n    data() {\n        return {\n            sequenceComplete: false,\n        }\n    },\n    computed: {\n        SCENARIO() { return this.$root.calcIDs().scenario },\n        STAGE() { return this.$root.calcIDs().stage },\n        title() { return this.$root.scenarioText[this.SCENARIO].title },\n        stats() { return this.$root.scenarioStats[this.SCENARIO] },\n        gallery() { return this.$root.scenarioGallery[this.SCENARIO] },\n        titleContent() { return this.$root.scenarioText[this.SCENARIO][this.STAGE] },\n        backgroundImages() { return this.$root.scenarioBg[this.SCENARIO][this.STAGE] },\n        hotspots() { return this.$root.scenarioHotspots[this.SCENARIO] },\n        hotspot_buttons() { return this.$root.scenarioHotspotButtons[this.SCENARIO].slice() },\n    },\n    methods: {\n        openModal(name, index) {\n            this.$refs[name].openModal(\n                // finds the array index of the hotspot that matches the data-hotspot-key value\n                this.hotspots.findIndex(element => element.ref == event.target.parentNode.dataset.hotspotKey)\n            )\n        },\n        clickPrevious() {\n            this.$router.push(this.titleContent.prevRoute)\n        },\n        clickNext() {\n            this.$router.push(this.titleContent.nextRoute)\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.radar-1 {\n    top: 18%;\n    left: 68.6%;\n}\n.radar-2 {\n    top: 15%;\n    left: 56.3%;\n}\n.radar-3 {\n    top: 30%;\n    left: 34.3%;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mb_stage-5.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mb_stage-5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mb_stage-5.vue?vue&type=template&id=4e894d53&scoped=true&\"\nimport script from \"./mb_stage-5.vue?vue&type=script&lang=js&\"\nexport * from \"./mb_stage-5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mb_stage-5.vue?vue&type=style&index=0&id=4e894d53&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4e894d53\",\n  null\n  \n)\n\ncomponent.options.__file = \"mb_stage-5.vue\"\nexport default component.exports"],"sourceRoot":""}