{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/App.vue?a520","webpack:///./src/components/Regions.vue?8619","webpack:///src/components/Regions.vue","webpack:///./src/components/Regions.vue?5f71","webpack:///./src/components/Regions.vue?aec4","webpack:///./src/components/Region.vue?b2f9","webpack:///src/components/Region.vue","webpack:///./src/components/Region.vue?ee40","webpack:///./src/components/Region.vue?c1c1","webpack:///./src/components/Landing.vue?fba5","webpack:///src/components/Landing.vue","webpack:///./src/components/Landing.vue?62b7","webpack:///./src/components/Landing.vue?9487","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/main.js","webpack:///./src/components/Landing.vue?1e59","webpack:///./src/components/Regions.vue?82df","webpack:///./src/components/Region.vue?798f"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","enter","leave","directives","rawName","expression","landingInfo","labels","on","showRegionsClicked","regions","regionSelected","backToLanding","selectedRegion","staticRenderFns","staticClass","showLanding","_v","_s","Back","_l","region","RegionTitle","style","background","ImageUrl","$event","regionFocused","regionUnfocused","Explore","ref","removeFocus","props","Array","RegionHovered","overlayHovered","methods","component","showRegions","isMobile","_e","VideoUrl","domProps","pauseVideo","staticStyle","Pause","class","projectSelected","LearnMore","project","ProjectTitle","selectProject","unselectItem","selectedProject","Purpose","Status","Location","ContactUs","Email","Phone","AdditionalContactUsInfo","ProjectPageUrl","GoTo","checkMobile","BackgroundVideoUrl","MobileImageUrl","Title","Description","isDesktop","clickToShowRegions","ProjectFinderButtonText","ProjectMapButtonLinkUrl","ProjectMapButtonText","$refs","landingVid","pause","landingPlayText","innerText","Play","playIcon","classList","remove","add","components","Regions","Landing","Region","showRegion","created","document","projectListings","Labels","Vue","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('transition',{attrs:{\"name\":\"slide-fade\",\"duration\":{ enter: 5000, leave: 0 }}},[_c('Landing',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLanding),expression:\"showLanding\"}],attrs:{\"landingInfo\":_vm.landingInfo,\"labels\":_vm.labels},on:{\"regionBtnClicked\":_vm.showRegionsClicked}})],1),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[_c('Regions',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showRegions),expression:\"showRegions\"}],attrs:{\"labels\":_vm.labels,\"regions\":_vm.regions},on:{\"regionSelected\":_vm.regionSelected,\"showLanding\":_vm.backToLanding}})],1),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[_c('Region',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showRegion),expression:\"showRegion\"}],attrs:{\"region\":_vm.selectedRegion,\"labels\":_vm.labels},on:{\"backToRegions\":_vm.showRegionsClicked}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"all-regions\"},[_c('button',{staticClass:\"back-button\",on:{\"click\":_vm.showLanding}},[_c('span',{staticClass:\"fa fa-chevron-left\"}),_vm._v(_vm._s(_vm.labels.Back))]),_vm._l((_vm.regions),function(region){return _c('a',{key:region.RegionTitle,staticClass:\"region-list-item\",style:({ background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(' + region.ImageUrl + ') center center' }),attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.regionSelected(region)},\"mouseover\":_vm.regionFocused,\"mouseleave\":_vm.regionUnfocused,\"focusin\":_vm.regionFocused,\"focusout\":_vm.regionUnfocused}},[_c('div',{staticClass:\"region-content\"},[_c('h3',[_vm._v(_vm._s(_vm.labels.Explore))]),_c('h2',[_vm._v(_vm._s(region.RegionTitle))])]),_c('span',{staticClass:\"fa fa-chevron-right\"})])}),_c('div',{ref:\"projectsOverlay\",staticClass:\"projects-overlay\",on:{\"mouseenter\":_vm.removeFocus}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"all-regions\">\n      <button class=\"back-button\" @click=\"showLanding\"><span class=\"fa fa-chevron-left\"></span>{{labels.Back}}</button>\n        <!-- <img src=\"https://cdn-dominionenergy-prd-001.azureedge.net/-/media/images/homepage-hero-marquee/warmhouses_fcfcfe_dark.jpg?la=en&rev=8341cd2239cb4947adb8d288600294b2&h=640&w=2000&la=en&hash=C09B7EE065E6CDFE86795B35F014A46C\"> -->\n      <a class=\"region-list-item\" :key=\"region.RegionTitle\" \n                        v-for=\"region in regions\" href=\"#\" \n                        @click=\"regionSelected(region)\" \n                         @mouseover=\"regionFocused\"\n                        @mouseleave=\"regionUnfocused\"\n                        @focusin=\"regionFocused\"\n                        @focusout=\"regionUnfocused\"\n                        :style=\"{ background: 'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(' + region.ImageUrl + ') center center' }\"\n                        >\n                <!-- <img ref=\"regionImg\" :src=\"region.desktopImg\" alt=\"\"> -->\n                <div class='region-content'>\n                            <h3>{{labels.Explore}}</h3>\n                              <h2>{{region.RegionTitle}}</h2>\n                </div>\n                <span class=\"fa fa-chevron-right\"></span>\n          <!-- <a href=\"#\" @click=\"regionSelected(region)\">region name: {{ region.name }} / {{region.id}}</a> -->\n      </a>\n                  <div ref=\"projectsOverlay\" class=\"projects-overlay\"  @mouseenter=\"removeFocus\">\n      </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Regions',\n  props: {\n    regions: Array,\n    labels: Object\n  },\n   data() {\n    return {\n      RegionHovered: false,\n      overlayHovered: false\n    };\n  },\n  methods: {\n      showLanding() {\n          this.$emit('showLanding');\n      },\n      regionSelected(region) {\n          this.$emit('regionSelected', region );\n      },\n      regionFocused(e) {\n        //   e.target.classList.add(\"active\");\n            console.log(e);\n        var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n        if(!isSafari) {\n                    this.$refs.projectsOverlay.classList.add('active');\n        }\n\n      },\n        regionUnfocused() {\n\n        this.$refs.projectsOverlay.classList.remove('active');\n\n      },\n      removeFocus() {\n                document.querySelector('.projects-overlay').classList.remove('active'); \n                // this.overlayHovered = false;  \n                      //this.$refs.projectsOverlay.classList.remove('active');\n      }\n  },\n//   updated: function() {\n//         var img = this.$refs.regionImg;\n//         img.load();\n//   }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n\n@keyframes hvr-wobble-horizontal {\n  16.65% {\n    -webkit-transform: translateX(8px);\n    transform: translateX(8px);\n  }\n  33.3% {\n    -webkit-transform: translateX(-6px);\n    transform: translateX(-6px);\n  }\n  49.95% {\n    -webkit-transform: translateX(4px);\n    transform: translateX(4px);\n  }\n  66.6% {\n    -webkit-transform: translateX(-2px);\n    transform: translateX(-2px);\n  }\n  83.25% {\n    -webkit-transform: translateX(1px);\n    transform: translateX(1px);\n  }\n  100% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n  }\n}\n\n.all-regions {\n    position: relative;\n    overflow:hidden;\n}\n\n.region-list-item {\n    padding: 10px;\n    margin: 0;\n    height: 205px;\n    color: white;\n    /* transform: scale(1.0); */\n    transition: all 0.3s ease; \n    position:relative;\n    background-size: cover;\n    text-decoration: none;\n    outline: none;\n}\n\n.region-list-item:hover, .region-list-item:focus {\n     z-index: 2;\n    position: relative;\n    /* transform: scale(1.1); */\n    /* background-size: cover; */\n    outline: none;\n}\n\n.region-list-item:hover .region-content h2, .region-list-item:focus .region-content h2 {\n  transform: scale(1.1);\n}\n\n.region-list-item .region-content {\n    /* position: absolute; */\n    width: 100%;\n    color: white;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.region-list-item.active {\n    z-index: 2;\n    position: relative;\n    /* transform: scale(1.1); */\n    background-size: cover;\n}\n\n.region-list-item.not-active {\n     background-size: cover;\n}\n\n.region-list-item.not-active:before {\n     content: ' ';\n     width: 100%;\n     height: 100%;\n     position:absolute;\n     top: 0;\n     left: 0; \n     background: black;\n}\n\n.region-list-item .fa-chevron-right {\n    position: absolute;\n    color: white;\n    font-size: 0.75rem;\n    top: 50%;\n    right: 25%;\n    border: 1px solid white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n}\n\n.region-list-item:hover .fa-chevron-right, .region-list-item:focus .fa-chevron-right {\n    animation-name: hvr-wobble-horizontal;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n\n}\n\n\n\nh2 {\n  margin: 00;\n  font-size: 2.5rem;\n  font-family: \"egyptienne-medium\";\n  transition: all 0.3s;\n}\n\nh3 {\n    font-size: 1.25rem;\n    margin: 0 0 15px 0;\n    font-family: \"urbano-bold\";\n}\nul {\n  list-style-type: none;\n  padding: 0;\n}\nli {\n  display: inline-block;\n  margin: 0 10px;\n}\n\n.projects-overlay {\n    position: absolute;\n    /* display: none; */\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7); \n    /* opacity: 0;    */\n    z-index: -1;\n    /* transition: opacity 0.1s ease;  */\n}\n\n.projects-overlay.active {\n    display: block;\n    z-index: 1;\n    /* opacity: 1; */\n}\n\n@media screen and (max-width:992px) {\n  .all-regions {\n    padding-bottom: 50px;\n    background: black;\n  }\n  h3 {\n    font-size: 1rem;\n  }\n  h2 {\n    font-size: 1.625rem;\n  }\n\n  /* .region-list-item:hover .region-content h2, .region-list-item:focus .region-content h2  {\n  font-size:1.75rem;\n} */\n\n  .region-list-item {\n    height: 175px;\n  }\n  .region-list-item .fa-chevron-right {\n    right: 5%;\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!./Regions.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!./Regions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Regions.vue?vue&type=template&id=2185543a&scoped=true&\"\nimport script from \"./Regions.vue?vue&type=script&lang=js&\"\nexport * from \"./Regions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Regions.vue?vue&type=style&index=0&id=2185543a&scoped=true&lang=css&\"\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  \"2185543a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"region\"},[_c('button',{staticClass:\"back-button\",on:{\"click\":_vm.showRegions}},[_c('span',{staticClass:\"fa fa-chevron-left\"}),_vm._v(_vm._s(_vm.labels.Back))]),_c('div',{staticClass:\"video-container\"},[(!_vm.isMobile)?_c('video',{ref:\"regionVideo\",attrs:{\"autoplay\":\"\",\"loop\":\"\",\"muted\":\"\",\"src\":_vm.region.VideoUrl},domProps:{\"muted\":true}}):_vm._e(),_c('button',{staticClass:\"video-pause\",on:{\"click\":_vm.pauseVideo}},[_c('span',{ref:\"regionPlayIcon\",staticClass:\"far fa-pause\",staticStyle:{\"margin-right\":\"8px\"}}),_vm._v(\" \"),_c('span',{ref:\"regionPlayText\"},[_vm._v(_vm._s(_vm.labels.Pause))])])]),_c('div',{staticClass:\"region-content\"},[_c('h1',[_vm._v(_vm._s(_vm.region.RegionTitle))]),_c('div',{staticClass:\"project-container\",class:{projectSelected: _vm.projectSelected}},[_c('div',{staticClass:\"project-list-container\"},[_c('h4',[_vm._v(_vm._s(_vm.labels.LearnMore))]),_c('div',{staticClass:\"project-list\",attrs:{\"role\":\"navigation\",\"aria-label\":\"Select a project to learn more\",\"aria-controls\":\"projectInfo\"}},_vm._l((_vm.region.Projects),function(project){return _c('div',{key:project.ProjectTitle,staticClass:\"project\"},[_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.selectProject(project, $event)}}},[_vm._v(_vm._s(project.ProjectTitle)+\" \"),_c('span',{staticClass:\"fas fa-caret-right\"})])])}),0)]),(_vm.projectSelected || _vm.isMobile)?_c('div',{staticClass:\"project-info\",attrs:{\"role\":\"region\",\"id\":\"projectInfo\",\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},[_c('a',{staticClass:\"close-selected\",attrs:{\"href\":\"#\",\"aria-label\":\"close project menu\"},on:{\"click\":_vm.unselectItem}},[_c('span',{staticClass:\"fal  fa-times\"})]),_c('h4',[_vm._v(_vm._s(_vm.selectedProject.ProjectTitle))]),_c('p',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.labels.Purpose)+\":\")]),_c('p',[_vm._v(_vm._s(_vm.selectedProject.Purpose))]),_c('p',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.labels.Status)+\":\")]),_c('p',[_vm._v(_vm._s(_vm.selectedProject.Status))]),_c('p',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.labels.Location)+\":\")]),_c('p',[_vm._v(_vm._s(_vm.selectedProject.Location))]),_c('p',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.labels.ContactUs)+\":\")]),_c('p',{staticClass:\"email\"},[_vm._v(_vm._s(_vm.labels.Email)+\" - \"+_vm._s(_vm.selectedProject.Email))]),_c('p',[_vm._v(_vm._s(_vm.labels.Phone)+\" - \"+_vm._s(_vm.selectedProject.Phone))]),_c('p',[_vm._v(_vm._s(_vm.selectedProject.AdditionalContactUsInfo))]),_c('a',{staticClass:\"button\",attrs:{\"href\":_vm.selectedProject.ProjectPageUrl}},[_vm._v(_vm._s(_vm.labels.GoTo)+\" \"+_vm._s(_vm.selectedProject.ProjectTitle))]),_c('a',{staticClass:\"mobile-close\",attrs:{\"href\":\"#\"},on:{\"click\":_vm.unselectItem}},[_c('span',{staticClass:\"fal  fa-times\"}),_vm._v(\"Close\")])]):_vm._e(),_c('a',{attrs:{\"href\":\"#\",\"id\":\"regionOverlay\"},on:{\"click\":_vm.unselectItem}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"region\">\n\n    <button class=\"back-button\" @click=\"showRegions\"><span class=\"fa fa-chevron-left\"></span>{{labels.Back}}</button>\n    <div class=\"video-container\">\n            <video v-if=\"!isMobile\" ref=\"regionVideo\" autoplay loop muted :src=\"region.VideoUrl\">\n    </video>\n        <button class=\"video-pause\" @click=\"pauseVideo\"><span ref=\"regionPlayIcon\" class=\"far fa-pause\" style=\"margin-right: 8px;\"></span> <span ref=\"regionPlayText\">{{labels.Pause}}</span></button>\n\n    </div>\n    <div class=\"region-content\">\n      <h1>{{region.RegionTitle}}</h1>\n        <div class=\"project-container\" v-bind:class=\"{projectSelected: projectSelected}\">\n            <div class=\"project-list-container\">\n                <h4>{{labels.LearnMore}}</h4>\n                <div class=\"project-list\" role=\"navigation\" aria-label=\"Select a project to learn more\" aria-controls=\"projectInfo\">\n                    <div class=\"project\" v-bind:key=\"project.ProjectTitle\" v-for=\"project in region.Projects\">\n                        <a href=\"#\" @click=\"selectProject(project, $event)\">{{project.ProjectTitle}} <span class=\"fas fa-caret-right\"></span></a>\n                    </div>\n                </div>\n            </div>\n            <div v-if=\"projectSelected || isMobile\" class=\"project-info\" role=\"region\" id=\"projectInfo\" aria-live=\"polite\" aria-atomic=\"true\">\n                <a href=\"#\" aria-label=\"close project menu\" class=\"close-selected\" @click=\"unselectItem\"><span class=\"fal  fa-times\"></span></a>\n                <h4>{{ selectedProject.ProjectTitle }}</h4>\n                <p class=\"label\">{{labels.Purpose}}:</p>\n                <p>{{ selectedProject.Purpose}}</p>\n\n                <p class=\"label\">{{labels.Status}}:</p>\n                <p>{{ selectedProject.Status}}</p>\n                <p class=\"label\">{{labels.Location}}:</p>\n                <p>{{ selectedProject.Location}}</p>\n                <p class=\"label\">{{labels.ContactUs}}:</p>\n                <p class=\"email\">{{labels.Email}} - {{selectedProject.Email}}</p>\n                <p>{{labels.Phone}} - {{selectedProject.Phone}}</p>\n                <p>{{selectedProject.AdditionalContactUsInfo}}</p>\n                <a v-bind:href=\"selectedProject.ProjectPageUrl\" class=\"button\">{{labels.GoTo}} {{selectedProject.ProjectTitle}}</a>  \n\n                <a href=\"#\" @click=\"unselectItem\" class=\"mobile-close\"><span class=\"fal  fa-times\"></span>Close</a>\n            </div>\n                        <a href=\"#\" @click=\"unselectItem\" id=\"regionOverlay\"></a>\n        </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Region',\n  props: {\n      region: Object,\n      labels: Object\n  },\n  data: function() {\n      return {\n          selectedProject: {},\n          projectSelected: false,\n          isMobile: false,\n          videoPaused: false\n      }\n  },\n  methods: {\n      selectProject(project, event) {\n          event.preventDefault();\n          this.projectSelected = true;\n          this.selectedProject = project;\n        var projs = document.querySelectorAll('.project a');\n          projs.forEach(function(proj) {\n              proj.classList.remove('selected');\n          });\n          event.target.classList.add('selected');\n\n          if(this.isMobile) {\n              window.scrollTo(0,0);\n          }\n      },\n      unselectItem(e) {\n          e.preventDefault();\n          this.selectedProject = {};\n          this.projectSelected = false;\n        var projs = document.querySelectorAll('.project a');\n          projs.forEach(function(proj) {\n              proj.classList.remove('selected');\n          });\n      },\n      showRegions() {\n          this.selectedProject = {};\n           this.projectSelected = false;\n                   var projs = document.querySelectorAll('.project a');\n          projs.forEach(function(proj) {\n              proj.classList.remove('selected');\n          });\n          this.$emit('backToRegions');\n      },\n        pauseVideo() {\n        if (this.videoPaused) {\n            this.$refs.regionVideo.play();\n            this.$refs.regionPlayText.innerText = this.labels.Pause;\n            this.$refs.regionPlayIcon.classList.remove('fa-play');\n            this.$refs.regionPlayIcon.classList.add('fa-pause');\n        } else {\n            this.$refs.regionVideo.pause();\n            this.$refs.regionPlayText.innerText = this.labels.Play;\n            this.$refs.regionPlayIcon.classList.remove('fa-pause');\n            this.$refs.regionPlayIcon.classList.add('fa-play');\n        }\n        this.videoPaused = !this.videoPaused; \n\n    },\n    checkMobile() {\n          if(window.innerWidth < 992) {\n            this.isMobile = true;\n        } else {\n            this.isMobile = false;\n        }\n    }\n  },\n      created: function() {\n          window.addEventListener('resize', this.checkMobile);\n        if(window.innerWidth < 992) {\n            // this.selectedProject = this.region.projects[0];\n            // this.projectSelected = true;\n            this.isMobile = true;\n        }\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n@keyframes fadein {\n    from { opacity: 0; }\n    20% { opacity: 0;}\n    to   { opacity: 1; }\n}\n.video-container video {\n    width: 100%;\n    display: block;\n}\n\n.email {\n    margin-bottom: 5px;\n}\n\n.label {\n    font-weight: bold;\n}\n\n.mobile-close {\n    display: none;\n}\n\n.region {\n    position: relative;\n}\n\n.region-content {\n    position: absolute;\n    top: 50px;\n    color: white;\n    margin: 0 auto;\n    width: 100%;\n}\n.region-content h1 {\n    margin: 0 0 50px 0;\n}\nh3 {\n  margin: 40px 0 0;\n}\nul {\n  list-style-type: none;\n  padding: 0;\n}\nli {\n  display: inline-block;\n  margin: 0 10px;\n}\na {\n  color: white;\n}\n.project-container {\n    display: flex;\n    width: 500px;\n    margin: 0 auto;\n    /* padding: 10px 10px 0 0; */\n    padding-top: 10px;\n    transition: width .5s;\n    background: rgba(0, 0, 0, 0.8);\n    color: white;\n    max-height: 560px;\n    overflow: hidden;\n    animation: fadein 2s;\n\n}\n.project-container.projectSelected {\n    width: 70%;\n}\n\n.project-list-container {\n    width: 100%;\n    text-align: left;\n}\n\n.project-list-container h4 {\n    margin-top: 40px;\n    padding-left: 10px;\n}\n\n.project-container.projectSelected .project-list-container {\n    width: 50%;\n}\n\n\n.project-list {\n    overflow-y: auto;\n    /* max-height: 300px; */\n    border-top: 1px solid white;\n    border-bottom: 1px solid white;     \n    max-height: 420px;\n}\n\n.project-info {\n    width: 50%;\n    padding: 30px;\n    text-align: left;\n    position:relative;\n    overflow-y: auto;\n}\n\n.project-info h4 {\n    font-size: 2rem;\n    text-align: center;\n    margin-top: 0;\n}\n\n.close-selected {\n    position:  absolute;\n    top: 10px;\n    right: 10px;\n    color: white;\n    text-decoration: none;\n}\n\n.project-info h2 {\n    margin: 0;\n    padding: 0 0 10px 0;\n    text-align: center;\n}\n\n.project {\n    border-bottom: 1px solid white;\n}\n.project a {\n    padding: 15px;\n    transition: all 0.3s;\n    text-decoration: none;\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid transparent;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n}\n\n.project a:hover {\n    /* background: #0072CE; */\n    background: rgba(62, 115, 188, 0.3);\n}\n\n.project a:hover .fa-caret-right {\n    left: 5px;\n}\n\n.project a:focus {\n    background: #0072CE;\n    border-top: 1px solid white;  \n    border-bottom: 1px solid white;    \n    border-left: 2px solid white;\n    border-right: 2px solid white;\n    outline: none;\n}\n.project .selected {\n    background: rgba(118, 134, 146, .30);\n    font-weight: bold;\n}\n\n.project a.selected:hover, .project a.selected:focus {\n     background: rgba(118, 134, 146, .30);\n     border: 1px solid transparent;\n}\n\n.project a:active {\n    background: #0072CE;\n}\n\n.project .selected .fa-caret-right {\n    display: none;\n}\n/* .project:first-of-type {\n    border-top: 1px solid white;\n} */\n\n.fa-caret-right {\n    /* content: '>'; */\n    color: white;\n    float: right;\n    position: relative;\n    transition: all 0.3s;\n    left: 0;\n}\n\n#regionOverlay {\n    display: none;\n}\n\n@media screen and (min-width:992px) {\n    ::-webkit-scrollbar {\n        width: 5px;\n    }\n\n/* Track */\n    ::-webkit-scrollbar-track {\n    background: transparent;\n    }\n \n    /* Handle */\n    ::-webkit-scrollbar-thumb {\n    background: #000;\n    }\n\n    /* Handle on hover */\n    ::-webkit-scrollbar-thumb:hover {\n    background: #555; \n    }\n}\n\n@media screen and (max-width:1100px) {\n    .project-container {\n        max-height: 420px;\n    }\n\n}\n\n@media screen and (max-width:992px) {\n\n    .project-list {\n        max-height: 100%;\n    }\n    .project-info h4 {\n    font-size: 1.5rem;\n    text-align: left;\n    margin-bottom: 20px;\n    }\n    .close-selected {\n        font-size: 1.5rem;\n        top: 20px;\n        right: 20px;\n    }\n\n    .close-selected, .fa-caret-right {\n    color: #0072CE;\n    }\n\n    .mobile-close span {\n        margin-right: 8px;\n    }\n\n    .button {\n        margin-bottom: 20px;\n    }\n\n    .label {\n        margin: 20px 0 5px 0;\n    }\n\n    .project-info {\n        padding: 50px 40px;\n    }\n\n    .mobile-close {\n    display: block;\n    text-align: center;\n    }\n    .project-container, .project-list-container {\n        max-height: 100%;\n    }\n    .project-list-container {\n        padding-bottom: 100px;\n    }\n    a {\n        color:#0072CE;\n        position: relative;\n    }\n\n    /* .project a:hover, .project a:focus {\n    background: white;\n    } */\n\n    .project a.selected {\n        background: white;\n    }\n\n    .project a:focus {\n        border-color: transparent;\n        color: white;\n    }\n\n    .project a:focus:after {\n        opacity: 1;\n    }\n\n    .project a:focus .fa-caret-right {\n        color: white;\n        left: 5px;\n    }\n\n    .project  a:after {\n        content: \"\";\n        position: absolute;\n        border: white solid 2px;\n        top: 4px;\n        left: 4px;\n        right: 4px;\n        bottom: 4px;\n        opacity: 0;\n        -webkit-transition-duration: .3s;\n        transition-duration: .3s;\n        -webkit-transition-property: opacity;\n        transition-property: opacity;\n    }\n\n    .project .selected:focus:after {\n        opacity: 0;\n    }\n\n    .project a:focus:active {\n        background:#1D4F91;\n    }\n\n       .project a:focus:active:after {\n        opacity: 0;\n    }\n\n\n    a.button {\n        color: white;\n        width: 100%;\n    }\n\n    .region-content h1 {\n        margin-bottom: 20px;\n    }\n\n    .video-container {\n        display: none;\n    }\n    .region-content {\n        position: static;\n        color: black;\n    }\n\n    .region {\n        padding: 50px 0 0 0;\n    }\n\n    .project-container {\n        width: 100%;\n        background: white;\n        color: black;\n        margin: 0;\n        padding: 0;\n        transition: none;\n    }\n\n    .project {\n        border-bottom: 1px solid #0072CE;\n        padding: 0;\n    }\n    .project:first-of-type {\n        border-top: 1px solid #0072CE;\n    }\n\n    .project-container .project-info {\n        position: absolute;\n        background: white;\n        border-top: 1px solid #0072CE;\n        top: 0;\n        bottom: 0;\n        width:58%;\n        z-index: 10;\n        left: -200%;\n        transition: left 0.5s; \n        border-right: 1px solid black;\n    }\n\n    .project a {\n        padding: 15px 40px;\n    }\n\n    .project a:hover {\n        background:#0072CE;\n        color: white;\n    }\n\n    .project a:hover .fa-caret-right {\n        color: white;\n    }\n\n    .project .selected {\n    background: white;\n}\n\n    .project-container.projectSelected {\n        width: 100%;\n    }\n\n    .project-container.projectSelected .project-list-container {\n    width: 100%;\n    }\n\n        .project-container.projectSelected #regionOverlay {\n        display: block;\n        position: absolute;\n        background: rgba(0,0,0,0.7);\n        width: 100%;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        }\n\n    .project-container.projectSelected .project-info {\n            left: 0;\n    }\n    .project-list-container h4 {\n        margin: 0 0 20px 40px;\n        color: black;\n    }\n}\n\n@media screen and (max-width:760px) {\n        .region {\n            padding-bottom: 20px;\n        }\n        .project-container .project-info {\n            width: 80%;\n    }\n}\n</style>\n\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!./Region.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!./Region.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Region.vue?vue&type=template&id=209f69b6&scoped=true&\"\nimport script from \"./Region.vue?vue&type=script&lang=js&\"\nexport * from \"./Region.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Region.vue?vue&type=style&index=0&id=209f69b6&scoped=true&lang=css&\"\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  \"209f69b6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"landing\"},[_c('div',{staticClass:\"video-container\"},[_c('video',{ref:\"landingVid\",attrs:{\"autoplay\":\"\",\"loop\":\"\",\"muted\":\"\",\"src\":_vm.landingInfo.BackgroundVideoUrl},domProps:{\"muted\":true}}),_c('button',{staticClass:\"video-pause\",on:{\"click\":_vm.pauseVideo}},[_c('span',{ref:\"playIcon\",staticClass:\"far fa-pause\",staticStyle:{\"margin-right\":\"8px\"}}),_vm._v(\" \"),_c('span',{ref:\"landingPlayText\"},[_vm._v(_vm._s(_vm.labels.Pause))])])]),_c('img',{staticClass:\"mobile-image\",attrs:{\"src\":_vm.landingInfo.MobileImageUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"landing-container\"},[_c('div',{staticClass:\"landing-text\"},[_c('h1',[_vm._v(_vm._s(_vm.landingInfo.Title))]),_c('p',{ref:\"landingText\",domProps:{\"innerHTML\":_vm._s(_vm.landingInfo.Description)}}),_c('button',{staticClass:\"button\",class:{'button-yellow-bg': _vm.isDesktop},on:{\"click\":_vm.clickToShowRegions}},[_vm._v(_vm._s(_vm.landingInfo.ProjectFinderButtonText))]),_c('a',{staticClass:\"black-button\",attrs:{\"href\":_vm.landingInfo.ProjectMapButtonLinkUrl}},[_vm._v(_vm._s(_vm.landingInfo.ProjectMapButtonText))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"landing\">\n    <div class=\"video-container\">\n        <video ref=\"landingVid\" autoplay loop muted :src=\"landingInfo.BackgroundVideoUrl\">\n        </video>\n        <button class=\"video-pause\" @click=\"pauseVideo\"><span ref =\"playIcon\" class=\"far fa-pause\" style=\"margin-right: 8px;\"></span> <span ref=\"landingPlayText\">{{labels.Pause}}</span></button>\n    </div>\n    <img :src=\"landingInfo.MobileImageUrl\" class=\"mobile-image\" alt=\"\">\n    <div class=\"landing-container\">\n      <div class=\"landing-text\">\n          <h1>{{landingInfo.Title}}</h1>\n          <p ref=\"landingText\" v-html=\"landingInfo.Description\"></p>\n          <button class=\"button\" v-bind:class=\"{'button-yellow-bg': isDesktop}\" @click=\"clickToShowRegions\" >{{landingInfo.ProjectFinderButtonText}}</button>\n          <a class=\"black-button\"  :href=\"landingInfo.ProjectMapButtonLinkUrl\">{{landingInfo.ProjectMapButtonText}}</a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Landing',\n    props: {\n    landingInfo: Object,\n    labels: Object\n  },\n    data: function() {\n      return {\n          videoPaused: false,\n           isDesktop: true,\n      }\n  },\n  methods: {\n    clickToShowRegions() {\n      this.showRegions = true;\n       this.$emit('regionBtnClicked');\n    },\n    pauseVideo() {\n        if (this.videoPaused) {\n            this.$refs.landingVid.play();\n            this.$refs.landingPlayText.innerText = this.labels.Pause;\n            this.$refs.playIcon.classList.remove('fa-play');\n            this.$refs.playIcon.classList.add('fa-pause');\n        } else {\n        this.$refs.landingVid.pause()\n        this.$refs.landingPlayText.innerText = this.labels.Play; \n        this.$refs.playIcon.classList.remove('fa-pause');\n        this.$refs.playIcon.classList.add('fa-play');\n        }\n        this.videoPaused = !this.videoPaused; \n\n    },\n      checkMobile() {\n          if(window.innerWidth > 992) {\n            this.isDesktop = true;\n        } else {\n            this.isDesktop = false;\n        }\n    }\n  },\n    created: function() {\n      window.addEventListener('resize', this.checkMobile);\n        if(window.innerWidth < 992) {\n            // this.selectedProject = this.region.projects[0];\n            // this.projectSelected = true;\n            this.isDesktop = false;\n        }\n  }\n\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n@keyframes fadein {\n    from { opacity: 0; }\n    20% { opacity: 0;}\n    to   { opacity: 1; }\n}\nh1 {\n  margin: 0 0 10px;\n  font-size: 3rem;\n}\n\n.mobile-image {\n  display: none;\n}\n\n.black-button {\n  display: block;\n    text-align: center;\n    vertical-align: middle;\n    user-select: none;\n    border: none;\n    text-decoration: none;\n    padding: 1.0625rem 1.25rem;\n    font-size: 1rem;\n    line-height: 1.38;\n    font-family: \"urbano-regular\";\n    background-color: black;\n    border: 1px solid white;\n    color: #ffffff;\n}\n\n.landing {\n    position: relative;\n}\n\n.video-container video {\n    width: 100%;\n    display: block;\n}\n\n.landing-container {\n    position: absolute;\n    top: 150px;\n    z-index: 2;\n    /* max-width: 800px; */\n    width: 100%;\n    margin: 0 auto;\n}\n.landing-text {\n    width: 800px;\n    margin: 0 auto;\n    background: rgba(0, 0, 0, 0.8);\n    padding: 30px 50px;\n    color: white;\n     animation: fadein 2s;\n}\n\n.landing-text .button {\n    display: block;\n    width: 100%;\n    margin-bottom: 20px;\n}\n\nul {\n  list-style-type: none;\n  padding: 0;\n}\nli {\n  display: inline-block;\n  margin: 0 10px;\n}\n\n@media screen and (max-width:992px) {\n    h1 {\n    font-size: 2rem;\n  }\n  .landing {\n    padding: 50px 40px;\n  }\n  .mobile-image {\n  display: block;\n  width: 100%;\n  margin-bottom: 30px;\n}\n    .landing-container {\n      position: static;\n      display: block;\n    }\n    .video-container {\n      display: none;\n    }\n\n    .landing-text {\n      width: 100%;\n      box-sizing: border-box;\n      color: black;\n      padding: 0;\n      background: white;\n      text-align: left;\n    }\n\n    .landing-text h1 {\n      text-align: center;\n    }\n    .black-button {\n      background: white;\n      color: #0072ce;\n      border: 1px solid #0072ce;\n    }\n}\n\n@media screen and (max-width:767px) {\n  h1 {\n    font-size: 1.5rem;\n  }\n    .landing {\n      padding: 50px 20px;\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!./Landing.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!./Landing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Landing.vue?vue&type=template&id=6eb57c52&scoped=true&\"\nimport script from \"./Landing.vue?vue&type=script&lang=js&\"\nexport * from \"./Landing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Landing.vue?vue&type=style&index=0&id=6eb57c52&scoped=true&lang=css&\"\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  \"6eb57c52\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"app\">\n    <!-- <img alt=\"Vue logo\" src=\"./assets/logo.png\"> -->\n    <!-- <HelloWorld msg=\"Welcome to Your Vue.js App\"/> -->\n          <transition name=\"slide-fade\" :duration=\"{ enter: 5000, leave: 0 }\">\n        <Landing v-bind:landingInfo=\"landingInfo\" \n                 v-bind:labels=\"labels\"\n                @regionBtnClicked=\"showRegionsClicked\" \n                v-show=\"showLanding\"/>\n      </transition>\n      <transition name=\"slide-fade\">\n        <Regions @regionSelected=\"regionSelected\" \n                  @showLanding=\"backToLanding\" \n                  v-show=\"showRegions\" \n                  v-bind:labels=\"labels\"\n                  v-bind:regions=\"regions\" />\n      </transition>\n      <transition name=\"slide-fade\">\n        <Region @backToRegions=\"showRegionsClicked\" \n                v-bind:region=\"selectedRegion\" \n                v-bind:labels=\"labels\"\n                v-show=\"showRegion\" />\n      </transition>\n  </div>\n</template>\n\n<script>\n// import HelloWorld from './components/HelloWorld.vue'\nimport Regions from './components/Regions.vue'\nimport Region from './components/Region.vue'\nimport Landing from './components/Landing.vue'\n\n\nexport default {\n  name: 'App',\n  components: {\n    Regions,\n    Landing,\n    Region\n  },\n  data: function() {\n    return {\n      landingInfo: {},\n      regions: [],\n      labels: {},\n      showRegions: false,\n      showLanding: true,\n      showRegion: false,\n      selectedRegion: {}\n    }\n  },\n  // computed: {\n  //   dataTitle() {\n  //     var id = document.getElementById(\"powerlines-project-select\").getAttribute('data-title');\n  //     console.log('data ID: ', id);\n  //     return id;\n  //   }\n  // },\n  methods: {\n    showRegionsClicked( ) {\n      this.showLanding = false;\n      this.showRegion = false;\n      this.showRegions = true;\n    },\n    backToLanding() {\n      this.showRegions = false;\n      this.showLanding = true;\n    },\n    regionSelected(selectedRegion) {\n      this.showLanding = false;\n      this.showRegions = false;\n      this.showRegion = true;\n\n      this.selectedRegion = selectedRegion;\n\n      // this.regions.forEach((region) => {\n      //   if(selectedRegionID === region.id) {\n      //     this.selectedRegion = region;\n      //   }\n      // })\n      \n    }\n  },\n  created: function() {\n    this.landingInfo = document.projectListings;\n    this.regions = document.projectListings.Regions;\n    this.labels = document.projectListings.Labels;\n\n  }\n}\n</script>\n\n<style>\nbody {\n  margin: 0;\n}\n#app {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  margin: 0;\n  padding: 0;\n}\n\n  a {\n    display: block;\n  }\n\n  .slide-fade-enter-active {\n  transition: all 0.7s ease;\n}\n.slide-fade-leave-active {\n  transition: none;\n  -webkit-transition: none;\n}\n.slide-fade-enter, .slide-fade-leave-to\n/* .slide-fade-leave-active below version 2.1.8 */ {\n  /* transform: translateX(10px); */\n  opacity: 0;\n}\n\n.back-button {\n    position: absolute;\n    top: 0;\n    left: 0;\n    padding: 15px 20px;\n    z-index: 10;\n    background: rgba(0, 0, 0, 0.8);\n    color: white;\n    border: 1px solid white;\n    transition: all 0.3s;\n}\n\n.back-button:before {\n    content: \"\";\n    position: absolute;\n    border: white solid 2px;\n    top: 4px;\n    left: 4px;\n    right: 4px;\n    bottom: 4px;\n    opacity: 0;\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: opacity;\n    transition-property: opacity;\n}\n\n.back-button:hover, .back-button:active, .video-pause:hover, .video-ause:active {\n  /* background: #0072CE; */\n  background: rgba(62, 115, 188, 0.3);\n  /* opacity: 30%; */\n  cursor: pointer;\n  /* background: rgba(62, 115, 188, 0.3); */\n}\n\n.back-button:active:before {\n  opacity: 0;\n}\n\n.back-button:focus {\n  outline: none;\n}\n.back-button:focus:before {\n    opacity: 1;           \n}\n\n.back-button span, .video-pause span {\n  margin-right: 8px;\n  position: relative;\n  transition: all 0.3s;\n  right: 0;\n}\n\n.back-button:hover span, .back-button:focus span {\n  right: 5px;\n}\n\n.video-pause {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  padding: 15px 20px;\n  background: rgba(0, 0, 0, 0.8);\n  color: white;\n  border: 1px solid white;\n  transition: all 0.3s;\n}\n\n.video-pause:hover {\n  outline: none;\n  cursor: pointer;\n}\n\n.video-pause:focus {\n  outline: none;\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=34406ad7&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport App from './App.vue'\n\nVue.config.productionTip = false\n\nnew Vue({\n  render: h => h(App),\n}).$mount('#powerlines-project-select')\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Landing.vue?vue&type=style&index=0&id=6eb57c52&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Regions.vue?vue&type=style&index=0&id=2185543a&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Region.vue?vue&type=style&index=0&id=209f69b6&scoped=true&lang=css&\""],"sourceRoot":""}