{"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/views/scenario_pages/disaster-relief/dr_stage-5.vue?1f4d","webpack:///src/views/scenario_pages/disaster-relief/dr_stage-5.vue","webpack:///./src/views/scenario_pages/disaster-relief/dr_stage-5.vue?bba1","webpack:///./src/views/scenario_pages/disaster-relief/dr_stage-5.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/disaster-relief/dr_stage-5.vue?98e7"],"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","bgImage","backgroundImages","slot","length","ref","content","on","complete","$event","sequenceComplete","_e","prevInactive","nextInactive","nextContent","titleContent","nextLabel","statsInactive","galleryInactive","visible","click-previous","clickPrevious","click-next","clickNext","click-stats","openModal","click-gallery","StageTitle","title","StageNumber","StageDesc","animRestart","restart-anim","$root","resetBackgroundFader","$refs","backgroundFader","SCENARIO","name","_l","hotspot","key","data-hotspot-key","click","hotspots","gallery","stats","dr_stage_5vue_type_script_lang_js_","components","StageNavBar","StageBackgroundWrap","StageTitleBlock","GalleryModal","StatsModal","BackgroundFader","HotspotButton","HotspotModal","RadarPulse","data","calcIDs","scenario","STAGE","stage","scenarioText","scenarioStats","scenarioGallery","scenarioBg","scenarioHotspots","hotspot_buttons","scenarioHotspotButtons","slice","methods","index","findIndex","element","event","target","parentNode","dataset","hotspotKey","$router","push","prevRoute","nextRoute","disaster_relief_dr_stage_5vue_type_script_lang_js_","image","directives","rawName","value","active","expression","style","background-image","BackgroundFadervue_type_script_lang_js_","interval","timer","loadTimer","delay","start","_this","setInterval","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_dr_stage_5_vue_vue_type_style_index_0_id_5b7add08_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_dr_stage_5_vue_vue_type_style_index_0_id_5b7add08_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-31431b00.94bb04c4.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',[_c('StageBackgroundWrap',{attrs:{\"bgImage\":_vm.backgroundImages[0]}},[_c('template',{slot:\"fixedRatio\"},[_c('RadarPulse',{staticClass:\"radar-1\",attrs:{\"grey\":\"\"}}),_c('RadarPulse',{staticClass:\"radar-2\",attrs:{\"grey\":\"\"}}),_c('RadarPulse',{staticClass:\"radar-3\",attrs:{\"grey\":\"\"}})],1),_c('template',{slot:\"background\"},[(_vm.backgroundImages.length > 1)?_c('BackgroundFader',{ref:\"backgroundFader\",attrs:{\"content\":_vm.backgroundImages},on:{\"complete\":function($event){_vm.sequenceComplete = true}}}):_vm._e()],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=\"fixedRatio\">\n                <RadarPulse grey class=\"radar-1\"/>\n                <RadarPulse grey class=\"radar-2\"/>\n                <RadarPulse grey class=\"radar-3\"/>\n                <!-- <RadarPulse grey class=\"radar-4\"/>\n                <RadarPulse grey class=\"radar-5\"/>\n                <RadarPulse grey class=\"radar-6\"/> -->\n            </template>\n            <template slot=\"background\">\n                <BackgroundFader ref=\"backgroundFader\" v-if=\"backgroundImages.length > 1\" :content=\"backgroundImages\" @complete=\"sequenceComplete = true\"/>\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\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: 12%;\n    left: 68.9%;\n}\n.radar-2 {\n    top: 13%;\n    left: 57.3%;\n}\n.radar-3 {\n    top: 45%;\n    left: 78.5%;\n}\n// .radar-4 {\n//     top: 32.1%;\n//     left: 39.1%;\n// }\n// .radar-5 {\n//     top: 40.7%;\n//     left: 39.7%;\n// }\n// .radar-6 {\n//     top: 57.9%;\n//     left: 35.4%;\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!./dr_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!./dr_stage-5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dr_stage-5.vue?vue&type=template&id=5b7add08&scoped=true&\"\nimport script from \"./dr_stage-5.vue?vue&type=script&lang=js&\"\nexport * from \"./dr_stage-5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dr_stage-5.vue?vue&type=style&index=0&id=5b7add08&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  \"5b7add08\",\n  null\n  \n)\n\ncomponent.options.__file = \"dr_stage-5.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!./dr_stage-5.vue?vue&type=style&index=0&id=5b7add08&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!./dr_stage-5.vue?vue&type=style&index=0&id=5b7add08&lang=scss&scoped=true&\""],"sourceRoot":""}