{"version":3,"sources":["webpack:///./src/views/CivilianChemicalSubViews/step3.vue?9609","webpack:///src/views/CivilianChemicalSubViews/step3.vue","webpack:///./src/views/CivilianChemicalSubViews/step3.vue?7fe7","webpack:///./src/views/CivilianChemicalSubViews/step3.vue","webpack:///./src/views/CivilianChemicalSubViews/step3.vue?cc32"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","animationComplete","ref","staticClass","attrs","content","images","on","complete","$event","images2","subTitle","gd","currentScenario","title","steps","currentStep","btnContent","iconType","click","replay","$router","push","openGallery","x","y","openModel","_v","galleryImages","staticRenderFns","step3vue_type_script_lang_js_","components","PageWrapper","InfoBlock","AutoStep","Button","ModelWindow","HotspotsWrapper","Hotspot","BackgroundFader","GalleryModal","data","globalDS","gallery","chemical","computed","appPath","currentRoute","fullPath","split","length","methods","$refs","bgFader","reset","bgFader2","modelWindow","progressMade","console","log","galleryModal","openModal","CivilianChemicalSubViews_step3vue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__","_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_step3_vue_vue_type_style_index_0_id_753f014a_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_step3_vue_vue_type_style_index_0_id_753f014a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-671e33ef.255557a7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{'animationComplete' : _vm.animationComplete}},[_c('BackgroundFader',{ref:\"bgFader\",staticClass:\"blurable\",attrs:{\"content\":_vm.images},on:{\"complete\":function($event){_vm.animationComplete = true;}}}),_c('BackgroundFader',{ref:\"bgFader2\",staticClass:\"blurable alertBox\",attrs:{\"content\":_vm.images2}}),_c('PageWrapper',{staticClass:\"blurable\"},[_c('InfoBlock',{attrs:{\"subTitle\":_vm.gd[_vm.currentScenario].subTitle,\"title\":_vm.gd[_vm.currentScenario].title,\"content\":_vm.gd[_vm.currentScenario].steps[_vm.currentStep]}}),_c('Button',{staticClass:\"replayButton reveal\",attrs:{\"btnContent\":\"Replay animation\",\"iconType\":\"replay\"},on:{\"click\":_vm.replay}}),_c('Button',{staticClass:\"scenarioNextButton\",attrs:{\"btnContent\":\"Next step\",\"iconType\":\"arrow\"},on:{\"click\":function($event){_vm.$router.push('step4')}}}),_c('Button',{staticClass:\"scenarioPreviousButton\",attrs:{\"iconType\":\"arrow\"},on:{\"click\":function($event){_vm.$router.push('step2')}}}),_c('Button',{staticClass:\"galleryButton\",attrs:{\"btnContent\":\"Gallery\"},on:{\"click\":_vm.openGallery}})],1),_c('HotspotsWrapper',{staticClass:\"blurable reveal\"},[_c('Hotspot',{attrs:{\"x\":\"1020\",\"y\":\"540\"},on:{\"click\":function($event){_vm.openModel('modelWindow1')}}})],1),_c('ModelWindow',{ref:\"modelWindow1\"},[_c('h1',[_vm._v(\"Control centre\")]),_c('p',[_vm._v(\"The control centre receives signals from SAD systems in stations throughout the area.\")]),_c('p',[_vm._v(\"Here, operators can contact the emergency services and coordinate a rescue and decontamination response.\")])]),_c('GalleryModal',{ref:\"galleryModal\",attrs:{\"content\":_vm.galleryImages}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{'animationComplete' : animationComplete}\">\n    <BackgroundFader class=\"blurable\" ref=\"bgFader\" :content=\"images\" @complete=\"animationComplete = true;\"/>\n    <BackgroundFader class=\"blurable alertBox\" ref=\"bgFader2\" :content=\"images2\"/>\n    <PageWrapper class=\"blurable\">\n\n      <InfoBlock :subTitle=\"gd[currentScenario].subTitle\" :title=\"gd[currentScenario].title\" :content=\"gd[currentScenario].steps[currentStep]\"/>\n\n      <Button btnContent=\"Replay animation\" iconType=\"replay\" @click=\"replay\" class=\"replayButton reveal\" />\n      \n      <Button class=\"scenarioNextButton\" btnContent=\"Next step\" iconType=\"arrow\" @click=\"$router.push('step4')\"/>\n      <Button class=\"scenarioPreviousButton\" iconType=\"arrow\" @click=\"$router.push('step2')\"/>\n      <Button btnContent=\"Gallery\" @click=\"openGallery\" class=\"galleryButton\" />\n    \n    </PageWrapper>\n\n    <HotspotsWrapper class=\"blurable reveal\">\n      <Hotspot x=\"1020\" y=\"540\" @click=\"openModel('modelWindow1')\"/>\n    </HotspotsWrapper>\n\n    <ModelWindow ref=\"modelWindow1\">\n      <h1>Control centre</h1>\n      <p>The control centre receives signals from SAD systems in stations throughout the area.</p>\n      <p>Here, operators can contact the emergency services and coordinate a rescue and decontamination response.</p>\n    </ModelWindow>\n\n    <GalleryModal ref=\"galleryModal\" :content=\"galleryImages\"/>\n  </div>\n</template>\n\n\n<script>\nimport PageWrapper from '@/components/PageWrapper';\nimport InfoBlock from '@/components/InfoBlock';\nimport AutoStep from '@/components/AutoStep';\nimport Button from '@/components/Button';\nimport ModelWindow from \"@/components/ModelWindow\";\nimport HotspotsWrapper from '@/components/HotspotsWrapper';\nimport Hotspot from '@/components/Hotspot';\nimport BackgroundFader from \"@/components/BackgroundFader\";\nimport gd from \"@/assets/stores/globalDS.js\";\nimport GalleryModal from '@/components/paul/GalleryModal';\n\nexport default {\n  components: {\n    PageWrapper,\n    InfoBlock,\n    AutoStep,\n    Button,\n    ModelWindow,\n    HotspotsWrapper,\n    Hotspot,\n    BackgroundFader,\n    GalleryModal\n  },\n  data() {\n    return {\n      gd: gd,\n      animationComplete: false,\n      images: [\n        'chemical/3-1.jpg',\n        'chemical/3-2.jpg',\n        'chemical/3-3.jpg',\n        'chemical/3-4.jpg',\n        'chemical/3-5.jpg',\n        'chemical/3-6.jpg',\n        'chemical/3-7.jpg',\n        'chemical/3-8.jpg',\n        'chemical/3-9.jpg',\n        'chemical/3-10.jpg'\n      ],\n      images2: [\n        'chemical/empty.png',\n        'chemical/empty.png',\n        'chemical/empty.png',\n        'chemical/empty.png',\n        'chemical/empty.png',\n        'chemical/3-alert.png',\n      ],\n      galleryImages: gd.gallery.chemical\n    }\n  },\n  computed: {\n    appPath() {\n      return this.$router.currentRoute.fullPath.split(\"/\");\n    },\n    currentStep() {\n      return this.appPath[this.appPath.length - 1];\n    },\n    currentScenario() {\n      return this.appPath[this.appPath.length - 2];\n    }\n  },\n  methods: {\n    replay() {\n      this.animationComplete = false;\n      this.$refs.bgFader.reset();\n      this.$refs.bgFader2.reset();\n    },\n    openModel: function(modelWindow) {\n      this.$refs[modelWindow].openModel();\n    },\n    progressMade: function() {\n      console.log(\"Progress made!\");\n    },\n    openGallery: function() {\n      this.$refs.galleryModal.openModal();\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .alertBox {\n    opacity: 0;\n    animation-name: flash;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-direction: alternate;\n  }\n\n  @keyframes flash {\n    from {opacity: 0;}\n    to {opacity: 1;}\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!./step3.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!./step3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./step3.vue?vue&type=template&id=753f014a&scoped=true&\"\nimport script from \"./step3.vue?vue&type=script&lang=js&\"\nexport * from \"./step3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./step3.vue?vue&type=style&index=0&id=753f014a&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  \"753f014a\",\n  null\n  \n)\n\ncomponent.options.__file = \"step3.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!./step3.vue?vue&type=style&index=0&id=753f014a&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!./step3.vue?vue&type=style&index=0&id=753f014a&lang=scss&scoped=true&\""],"sourceRoot":""}