{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/components/LeftNav/MapRow.vue?86ad","webpack:///./src/components/LeftNav/MapLayerRow.vue?9a0e","webpack:///./src/App.vue?fe4a","webpack:///./src/components/Header.vue?5ed3","webpack:///src/components/Header.vue","webpack:///./src/components/Header.vue?4c35","webpack:///./src/components/Header.vue","webpack:///./src/components/LeftNav/LeftNav.vue?c61c","webpack:///./src/components/LeftNav/MapRow.vue?3879","webpack:///./src/globals/store.js","webpack:///src/components/LeftNav/MapRow.vue","webpack:///./src/components/LeftNav/MapRow.vue?9f20","webpack:///./src/components/LeftNav/MapRow.vue","webpack:///./src/components/LeftNav/MapLayerRow.vue?6b8f","webpack:///./src/globals/map.js","webpack:///src/components/LeftNav/MapLayerRow.vue","webpack:///./src/components/LeftNav/MapLayerRow.vue?264c","webpack:///./src/components/LeftNav/MapLayerRow.vue","webpack:///src/components/LeftNav/LeftNav.vue","webpack:///./src/components/LeftNav/LeftNav.vue?901e","webpack:///./src/components/LeftNav/LeftNav.vue","webpack:///./src/components/Mapbox.vue?3ef8","webpack:///./src/components/MapboxControls.js","webpack:///src/components/Mapbox.vue","webpack:///./src/components/Mapbox.vue?552e","webpack:///./src/components/Mapbox.vue","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/main.js","webpack:///./src/components/Header.vue?aa75","webpack:///./src/components/Mapbox.vue?fce5","webpack:///./src/components/LeftNav/LeftNav.vue?b179","webpack:///./src/assets/svg/arrow.svg"],"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","capabilities","activeMap","_e","staticRenderFns","_v","_s","version","props","component","staticClass","class","sidebarToggleClass","on","togglesidebar","showAllMaps","_l","map","mapIsReady","layer","active","inspectorIsActive","toggleFeatureInspector","$event","target","currentTarget","setActiveMap","store","Vue","observable","apiRoot","mbglIsReady","mutations","setApiRoot","setCapabilities","setMbglIsReady","val","methods","toggleLayerVisibility","style","getLayerColor","visibility","zoomRange","mapSetters","computed","minzoom","maxzoom","type","paintPropName","console","log","components","MapRow","MapLayerRow","inspector","isOpen","remove","inspectFeatures","html","bbox","width","height","features","everPresent","id","forEach","properties","keys","setLngLat","e","lngLat","setHTML","addTo","removeHash","history","pushState","ToggleTileBoundariesControl","_map","_container","document","createElement","className","color","onclick","showTileBoundaries","btn","title","appendChild","parentNode","removeChild","undefined","mounted","container","url","hash","addControl","nav","debugLines","Header","LeftNav","Mapbox","compareMaps","mapA","mapB","comparison","created","axios","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.dcc3b682.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&\"","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!./MapRow.vue?vue&type=style&index=0&id=46b281d8&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!./MapLayerRow.vue?vue&type=style&index=0&id=64ae747c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[(_vm.capabilities && _vm.activeMap)?_c('Mapbox'):_vm._e(),(_vm.capabilities)?_c('Header',{attrs:{\"capabilities\":_vm.capabilities}}):_vm._e(),(_vm.capabilities)?_c('LeftNav',{attrs:{\"capabilities\":_vm.capabilities}}):_vm._e()],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',{attrs:{\"id\":\"header\"}},[_c('h1',[_vm._v(\"Tegola (\"+_vm._s(_vm.capabilities.version)+\")\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"header\">\n    <h1>Tegola ({{ capabilities.version }})</h1>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Header\",\n  props: {\n    capabilities: Object\n  },\n  data() {\n    return {};\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n#header {\n  width: 100%;\n  z-index: 100;\n  position: absolute;\n  border-bottom: 1px solid #eaeaea;\n  background-color: rgba(0, 0, 0, 0.5);\n}\nh1 {\n  padding: 8px;\n  top: 0;\n  line-height: 40px;\n  font-weight: bold;\n  font-size: 16px;\n  margin: 0;\n}\n\nh2 {\n  padding: 10px;\n  margin: 0;\n  font-size: 14px;\n  border-bottom: 1px solid #ccc;\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!./Header.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!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=47c7f96a&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=47c7f96a&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  \"47c7f96a\",\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:\"sidebar\",class:_vm.sidebarToggleClass,attrs:{\"id\":\"left-nav\"}},[_c('div',{staticClass:\"toggle\",on:{\"click\":_vm.togglesidebar}},[_c('svg',{staticClass:\"toggle-arrow\",attrs:{\"width\":\"2em\",\"height\":\"2em\",\"viewBox\":\"0 0 16 16\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M5.854 4.646a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L3.207 8l2.647-2.646a.5.5 0 0 0 0-.708z\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M10 8a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0 0 1h6.5A.5.5 0 0 0 10 8zm2.5 6a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-.5.5z\"}})])]),_c('h2',[_c('span',{on:{\"click\":_vm.showAllMaps}},[_vm._v(\"Maps\")]),(_vm.activeMap)?_c('span',[_vm._v(\"/ \"+_vm._s(_vm.activeMap.name))]):_vm._e()]),_c('div',{staticClass:\"container\"},[(!_vm.activeMap)?_c('ul',{attrs:{\"id\":\"maps-list\"}},_vm._l((_vm.capabilities.maps),function(map){return _c('MapRow',{key:map.name,attrs:{\"map\":map}})}),1):_vm._e(),(_vm.activeMap && _vm.mapIsReady)?_c('ul',{attrs:{\"id\":\"map-layers-list\"}},_vm._l((_vm.activeMap.layers),function(layer){return _c('MapLayerRow',{key:layer.name,attrs:{\"layer\":layer}})}),1):_vm._e()]),(_vm.activeMap)?_c('div',{attrs:{\"id\":\"left-nav-footer\"}},[_c('div',{staticClass:\"btn\",class:{ active: _vm.inspectorIsActive },on:{\"click\":_vm.toggleFeatureInspector}},[_c('span',{staticClass:\"dot\"}),_vm._v(\"Inspect Features \")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setActiveMap(_vm.map)}}},[_vm._v(\" \"+_vm._s(_vm.map.name)),_c('img',{staticClass:\"arrow\",attrs:{\"src\":require(\"@/assets/svg/arrow.svg\")}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from \"vue\";\n\nexport const store = Vue.observable({\n  // activeMap is the map the user is currently interacting with\n  activeMap: null,\n\n  // apiRoot is the prefix to append to app API requests\n  apiRoot: null,\n\n  // capabilities holds the TileJSON returned by tegola on load\n  capabilities: null,\n\n  // mbglIsReady is a flag to indicate that Mapbox GL is loaded and the style is loaded\n  mbglIsReady: false\n});\n\nexport const mutations = {\n  setActiveMap(map) {\n    store.mbglIsReady = false;\n    store.activeMap = map;\n  },\n  setApiRoot(apiRoot) {\n    store.apiRoot = apiRoot;\n  },\n  setCapabilities(capabilities) {\n    store.capabilities = capabilities;\n  },\n  setMbglIsReady(val) {\n    store.mbglIsReady = val;\n  }\n};\n","<template>\n  <li v-on:click.self=\"setActiveMap(map)\">\n    {{ map.name }}<img class=\"arrow\" src=\"@/assets/svg/arrow.svg\" />\n  </li>\n</template>\n\n<script>\nimport { mutations } from \"@/globals/store\";\n\nexport default {\n  name: \"MapRow\",\n  props: {\n    map: Object\n  },\n  methods: {\n    setActiveMap: mutations.setActiveMap\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\nli {\n  list-style: none;\n  padding: 10px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  display: block;\n  background-color: #33333375;\n  border-bottom: 1px solid #000;\n}\nli:hover {\n  color: #fff;\n  background-color: #33333350;\n}\n.arrow {\n  float: right;\n  width: 1em;\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!./MapRow.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!./MapRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapRow.vue?vue&type=template&id=46b281d8&scoped=true&\"\nimport script from \"./MapRow.vue?vue&type=script&lang=js&\"\nexport * from \"./MapRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapRow.vue?vue&type=style&index=0&id=46b281d8&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  \"46b281d8\",\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('li',{on:{\"click\":function($event){return _vm.toggleLayerVisibility(_vm.layer.name)}}},[_c('div',{staticClass:\"layer-color\",style:({\n      'background-color': _vm.getLayerColor(_vm.layer.name),\n      visibility: _vm.visibility\n    })}),_c('div',{staticClass:\"layer-name\"},[_vm._v(\" \"+_vm._s(_vm.layer.name)+\" \")]),_c('div',{staticClass:\"layer-zoom-range\"},[_vm._v(_vm._s(_vm.zoomRange))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export var map = null;\n\nexport const mapSetters = {\n  map(m) {\n    map = m;\n  }\n};\n","<template>\n  <li v-on:click=\"toggleLayerVisibility(layer.name)\">\n    <div\n      class=\"layer-color\"\n      v-bind:style=\"{\n        'background-color': getLayerColor(layer.name),\n        visibility: visibility\n      }\"\n    ></div>\n    <div class=\"layer-name\">\n      {{ layer.name }}\n    </div>\n    <div class=\"layer-zoom-range\">{{ zoomRange }}</div>\n  </li>\n</template>\n\n<script>\nimport { map } from \"@/globals/map\";\n\nexport default {\n  name: \"MapLayerRow\",\n  props: {\n    layer: Object\n  },\n  computed: {\n    zoomRange() {\n      return \"z\" + this.layer.minzoom + \"-\" + this.layer.maxzoom;\n    }\n  },\n  data() {\n    return {\n      visibility: \"visible\"\n    };\n  },\n  methods: {\n    // toggleLayerVisibility will toggle a layers visibility between on and off\n    toggleLayerVisibility(layerName) {\n      var visibility = map.getLayoutProperty(layerName, \"visibility\");\n      if (visibility === \"visible\") {\n        map.setLayoutProperty(layerName, \"visibility\", \"none\");\n        this.visibility = \"hidden\";\n      } else {\n        map.setLayoutProperty(layerName, \"visibility\", \"visible\");\n        this.visibility = \"visible\";\n      }\n    },\n\n    // getLayerColor returns the color of a layer in hex value. this method\n    // uses mapbox's getPaintProperty. a different paint property is used\n    // for each layer type: circle, line, fill.\n    getLayerColor(layerName) {\n      let paintPropName;\n\n      let layer = map.getLayer(layerName);\n      switch (layer.type) {\n        case \"fill\":\n          paintPropName = \"fill-outline-color\";\n          break;\n        case \"line\":\n          paintPropName = \"line-color\";\n          break;\n        case \"circle\":\n          paintPropName = \"circle-color\";\n          break;\n        default:\n          console.log(\"unsupported layer type: \" + layer.type);\n      }\n\n      if (!paintPropName) {\n        return \"#000\";\n      }\n\n      return map.getPaintProperty(layerName, paintPropName);\n    }\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\nli {\n  list-style: none;\n  padding: 10px;\n  border-radius: 3px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  white-space: nowrap;\n  border-bottom: 1px solid #000;\n\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: stretch;\n  align-content: stretch;\n}\nli:hover {\n  color: #fff;\n  background-color: #60bb1b10;\n}\n\n.layer-color {\n  flex: 0 1 0.25em;\n  height: 1.1em;\n  display: inline-block;\n  border-radius: 0.5em;\n  border: 1px;\n}\n\n.layer-name {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 0 0.5em;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.layer-zoom-range {\n  flex: 0 1 10%;\n  height: 1em;\n  border-radius: 0.5em;\n  border: 1px;\n  padding: 2px 3px;\n  font-size: 12px;\n  background-color: rgba(74, 73, 73, 0.25);\n  float: right;\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!./MapLayerRow.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!./MapLayerRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapLayerRow.vue?vue&type=template&id=64ae747c&scoped=true&\"\nimport script from \"./MapLayerRow.vue?vue&type=script&lang=js&\"\nexport * from \"./MapLayerRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapLayerRow.vue?vue&type=style&index=0&id=64ae747c&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  \"64ae747c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"left-nav\" class=\"sidebar\" :class=\"sidebarToggleClass\">\n    <div class=\"toggle\" @click=\"togglesidebar\">\n      <svg\n        class=\"toggle-arrow\"\n        width=\"2em\"\n        height=\"2em\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M5.854 4.646a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L3.207 8l2.647-2.646a.5.5 0 0 0 0-.708z\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M10 8a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0 0 1h6.5A.5.5 0 0 0 10 8zm2.5 6a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-.5.5z\"\n        />\n      </svg>\n    </div>\n    <h2>\n      <span v-on:click=\"showAllMaps\">Maps</span>\n      <span v-if=\"activeMap\">/ {{ activeMap.name }}</span>\n    </h2>\n    <div class=\"container\">\n      <ul id=\"maps-list\" v-if=\"!activeMap\">\n        <MapRow\n          v-for=\"map in capabilities.maps\"\n          v-bind:key=\"map.name\"\n          v-bind:map=\"map\"\n        />\n      </ul>\n      <ul id=\"map-layers-list\" v-if=\"activeMap && mapIsReady\">\n        <MapLayerRow\n          v-for=\"layer in activeMap.layers\"\n          v-bind:key=\"layer.name\"\n          v-bind:layer=\"layer\"\n        />\n      </ul>\n    </div>\n    <div id=\"left-nav-footer\" v-if=\"activeMap\">\n      <div\n        class=\"btn\"\n        v-on:click=\"toggleFeatureInspector\"\n        v-bind:class=\"{ active: inspectorIsActive }\"\n      >\n        <span class=\"dot\"></span>Inspect Features\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport mapboxgl from \"mapbox-gl\";\nimport MapRow from \"./MapRow.vue\";\nimport MapLayerRow from \"./MapLayerRow.vue\";\nimport { store, mutations } from \"@/globals/store\";\nimport { map } from \"@/globals/map\";\n\nexport default {\n  name: \"LeftNav\",\n  components: {\n    MapRow,\n    MapLayerRow\n  },\n  props: {\n    capabilities: Object\n  },\n  data() {\n    return {\n      inspectorIsActive: false,\n      inspector: null,\n      sidebarToggleClass: null\n    };\n  },\n  computed: {\n    activeMap() {\n      return store.activeMap;\n    },\n    mapIsReady() {\n      return store.mbglIsReady;\n    }\n  },\n  methods: {\n    togglesidebar() {\n      // statement needed to execute css transition/animation only after mouse-click\n      // and not on initial page load\n      if (this.sidebarToggleClass === \"sidebar-collapsed\") {\n        this.sidebarToggleClass = \"sidebar-expanded\";\n      } else {\n        this.sidebarToggleClass = \"sidebar-collapsed\";\n      }\n    },\n\n    // toggleFeatureInspector handles binding and unbinding the mouse events\n    // necessary for the feature inspector\n    toggleFeatureInspector() {\n      if (!this.inspector) {\n        // new popup instance\n        this.inspector = new mapboxgl.Popup();\n      }\n\n      if (!this.inspectorIsActive) {\n        map.on(\"mousemove\", this.inspectFeatures);\n        this.inspectorIsActive = true;\n      } else {\n        map.off(\"mousemove\", this.inspectFeatures);\n\n        this.inspectorIsActive = false;\n        if (this.inspector.isOpen()) {\n          this.inspector.remove();\n          this.inspector = null;\n        }\n      }\n    },\n\n    // inspectFeatures handles querying the map instance at the position of the cursor\n    // sorting the returned feature keys, building up the HTML fragments and injecting\n    // the HTML into a mapbox GL popup instance.\n    //\n    // TODO (arolek): this should be refactored. It was ported from the original tegola viewer\n    // and is quity ugly to look at and maintain. The UX would be better if no popup was used\n    // as the feature properties often produce a list longer than the screen.\n    inspectFeatures(e) {\n      var html = \"\";\n      var bbox = {\n        width: 10,\n        height: 10\n      };\n\n      // query within a few pixels of the mouse to give us some tolerance to work with\n      var features = map.queryRenderedFeatures([\n        [e.point.x - bbox.width / 2, e.point.y - bbox.height / 2],\n        [e.point.x + bbox.width / 2, e.point.y + bbox.height / 2]\n      ]);\n\n      // everPresent contains the keys that should be \"pinned\" to the top of the feature inspector. Others\n      // will follow and simply be ordered by alpha. See https://github.com/go-spatial/tegola/issues/367\n      var everPresent = [\"name\", \"type\", \"featurecla\"];\n      for (var i = 0, l = features.length; i < l; i++) {\n        html += \"<h4>\" + features[i].layer.id + \"</h4>\";\n        html += \"<ul>\";\n        html +=\n          '<li>feature id <span class=\"float-r\">' +\n          features[i].id +\n          \"</span></li>\";\n        everPresent.forEach(function (key) {\n          if (typeof features[i].properties[key] !== \"undefined\") {\n            html +=\n              \"<li>\" +\n              key +\n              '<span class=\"float-r\">' +\n              features[i].properties[key] +\n              \"</span></li>\";\n          }\n        });\n        Object.keys(features[i].properties)\n          .sort()\n          .forEach(function (key) {\n            if (everPresent.indexOf(key) < 0) {\n              html +=\n                \"<li>\" +\n                key +\n                '<span class=\"float-r\">' +\n                features[i].properties[key] +\n                \"</span></li>\";\n            }\n          });\n        html += \"</ul>\";\n      }\n\n      if (html != \"\") {\n        this.inspector.setLngLat(e.lngLat).setHTML(html).addTo(map);\n      } else {\n        if (this.inspector.isOpen()) {\n          this.inspector.remove();\n        }\n      }\n    },\n\n    showAllMaps() {\n      // remove the URL hash so the next map load does not use the current map\n      // position but rather the init position for that map\n      this.removeHash();\n\n      // remove the current active map\n      mutations.setActiveMap(null);\n    },\n\n    // removes the hash (#) from the URL\n    // https://stackoverflow.com/questions/1397329/how-to-remove-the-hash-from-window-location-url-with-javascript-without-page-r/5298684#5298684\n    removeHash() {\n      history.pushState(\n        \"\",\n        document.title,\n        window.location.pathname + window.location.search\n      );\n    }\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.sidebar {\n  z-index: 100;\n  width: 300px;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  flex-flow: column;\n  height: 90%;\n  top: 57px;\n}\n\n.toggle {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  right: -7px;\n  top: 2px;\n  cursor: pointer;\n  margin: 0;\n  fill: white;\n}\n\n.toggle-arrow {\n  fill: whitesmoke;\n}\n\n.sidebar {\n  transition: all 0.6s ease-in-out;\n}\n\n.sidebar-collapsed {\n  transform: translateX(-100%);\n}\n\n.sidebar-collapsed .toggle {\n  animation-name: slindeinearrow;\n  animation-duration: 0.6s;\n  animation-delay: 0.1s;\n  animation-fill-mode: forwards;\n  animation-direction: normal;\n}\n\n.sidebar-expanded .toggle {\n  animation-name: slideoutarrow;\n  animation-duration: 0.6s;\n  animation-delay: 0.1s;\n  animation-fill-mode: forwards;\n  animation-direction: normal;\n  transform: translateX(20px) rotate(180deg);\n}\n\n@keyframes slindeinearrow {\n  0% {\n  }\n  100% {\n    transform: translateX(20px) rotate(180deg);\n  }\n}\n\n@keyframes slideoutarrow {\n  0% {\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@keyframes slidein {\n  0% {\n  }\n  100% {\n    transform: translateX(20px) rotate(180deg);\n  }\n}\n\n@keyframes slideback {\n  0% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n.container {\n  width: 100%;\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n#left-nav-footer {\n  flex: 0 1 40px;\n}\n\nh2 {\n  padding: 10px;\n  margin: 0;\n  font-size: 14px;\n  border-bottom: 1px solid #ccc;\n}\nh2 span {\n  cursor: pointer;\n}\n\n#maps-list {\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  height: 100%;\n}\n\n#map-layers-list {\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-size: 14px;\n}\n\n.btn {\n  display: block;\n  padding: 6px 12px;\n  margin: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  user-select: none;\n  border: 1px solid #444;\n  border-radius: 4px;\n}\n.btn:hover {\n  border-color: #666;\n  color: #eee;\n}\n.btn .dot {\n  border-radius: 2px;\n  width: 8px;\n  height: 8px;\n  display: inline-block;\n  background-color: #333;\n  margin-right: 6px;\n}\n.btn.active .dot {\n  background-color: #259b24;\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!./LeftNav.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!./LeftNav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeftNav.vue?vue&type=template&id=5e6e7624&scoped=true&\"\nimport script from \"./LeftNav.vue?vue&type=script&lang=js&\"\nexport * from \"./LeftNav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeftNav.vue?vue&type=style&index=0&id=5e6e7624&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  \"5e6e7624\",\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',{attrs:{\"id\":\"map\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// ToggleTileBoundariesControl is responsible for toggling tile boundary\n// debug outlines\nexport default class ToggleTileBoundariesControl {\n  // required to meet the iControl interface\n  onAdd(map) {\n    this._map = map;\n    this._container = document.createElement(\"div\");\n    this._container.className = \"mapboxgl-ctrl mapboxgl-ctrl-group\";\n    this._container.style.color = \"#f00\";\n\n    // toggle the tile boundaries on / off on click\n    this._container.onclick = function () {\n      map.showTileBoundaries = !map.showTileBoundaries;\n    };\n\n    // build button with grid icon\n    let btn = document.createElement(\"button\");\n    btn.title = \"Toggle tile boundaries\";\n    btn.className = \"mapboxgl-ctrl-icon mapboxgl-ctrl-toggle-tile-boundaries\";\n    this._container.appendChild(btn);\n\n    return this._container;\n  }\n\n  // required to meet the iControl interface\n  onRemove() {\n    this._container.parentNode.removeChild(this._container);\n    this._map = undefined;\n  }\n}\n","<template>\n  <div id=\"map\"></div>\n</template>\n\n<script>\nimport { store, mutations } from \"@/globals/store\";\nimport { mapSetters } from \"@/globals/map\";\nimport ToggleTileBoundariesControl from \"./MapboxControls\";\nimport mapboxgl from \"mapbox-gl\";\n\nexport default {\n  name: \"Mapbox\",\n  mounted() {\n    // build the style url\n    let url = store.apiRoot + \"maps/\" + store.activeMap.name + \"/style.json\";\n\n    // instantiate Mapbox GL\n    let m = new mapboxgl.Map({\n      container: \"map\",\n      style: url,\n      hash: true\n    });\n\n    m.on(\"load\", function () {\n      // add navigation control\n      let nav = new mapboxgl.NavigationControl();\n      m.addControl(nav, \"bottom-right\");\n\n      // custom controls\n      let debugLines = new ToggleTileBoundariesControl();\n      m.addControl(debugLines, \"bottom-right\");\n    });\n\n    m.on(\"styledata\", function () {\n      if (!store.mbglIsReady) {\n        mutations.setMbglIsReady(true);\n      }\n    });\n\n    mapSetters.map(m);\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n#map {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\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!./Mapbox.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!./Mapbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mapbox.vue?vue&type=template&id=4edbf896&scoped=true&\"\nimport script from \"./Mapbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Mapbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Mapbox.vue?vue&type=style&index=0&id=4edbf896&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  \"4edbf896\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"app\">\n    <Mapbox v-if=\"capabilities && activeMap\" />\n    <Header v-if=\"capabilities\" v-bind:capabilities=\"capabilities\" />\n    <LeftNav v-if=\"capabilities\" v-bind:capabilities=\"capabilities\" />\n  </div>\n</template>\n\n<script>\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport Header from \"./components/Header.vue\";\nimport LeftNav from \"./components/LeftNav/LeftNav.vue\";\nimport Mapbox from \"./components/Mapbox.vue\";\nimport { store, mutations } from \"./globals/store\";\n\nconst axios = require(\"axios\");\n\n// for production the apiRoot is empty so relative URLs are used\nlet apiRoot = \"\";\nif (process.env.NODE_ENV != \"production\") {\n  // for development it's easier to use a remote capabilities endpoint\n  apiRoot = \"https://tegola-osm-demo.go-spatial.org/v1/\";\n}\n\nexport default {\n  name: \"TegolaViewer\",\n  components: {\n    Header,\n    LeftNav,\n    Mapbox\n  },\n  computed: {\n    activeMap() {\n      return store.activeMap;\n    },\n    capabilities() {\n      return store.capabilities;\n    }\n  },\n  methods: {\n    // compareMaps compares two map objects for the sake of sorting alphabetically\n    compareMaps(a, b) {\n      // ignore character casing\n      const mapA = a.name.toLowerCase();\n      const mapB = b.name.toLowerCase();\n\n      let comparison = 0;\n      if (mapA > mapB) {\n        comparison = 1;\n      } else if (mapA < mapB) {\n        comparison = -1;\n      }\n\n      return comparison;\n    }\n  },\n  created: function () {\n    const me = this;\n\n    // update the global store with the API root\n    mutations.setApiRoot(apiRoot);\n\n    // fetch the tegola capabilities endpoint. this is the root driver of\n    // all subsequent steps\n    axios\n      .get(apiRoot + \"capabilities\")\n      .then(function (resp) {\n        // sort our map list alphabetically\n        resp.data.maps.sort(me.compareMaps);\n\n        // on success update the capabilities data in the global store\n        mutations.setCapabilities(resp.data);\n\n        // check that we have maps configured in the response data\n        if (resp.data.maps.length === 1) {\n          // find the first map in the capabilities and set it to the activeMap\n          mutations.setActiveMap(resp.data.maps[0]);\n        }\n      })\n      .catch(function (error) {\n        // handle error\n        console.log(error);\n      });\n  },\n  data: function () {\n    return {};\n  }\n};\n</script>\n\n<style>\nbody,\nhtml {\n  font-family: Helvetica, Arial, sans-serif;\n  background-color: #000;\n  color: #ccc;\n  margin: 0;\n}\n\n.float-r {\n  float: right;\n  padding-left: 1rem;\n}\n\n#app {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.mapboxgl-ctrl-toggle-tile-boundaries {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg transform='translate(0.000000,511.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M2060,4030v-980h-980H100v-326.7v-326.7h980h980v-980v-980h-980H100V110v-326.7h980h980v-980v-980h-980H100v-326.7V-2830h980h980v-980v-980h326.7h326.7v980v980h980h980v-980v-980H5000h326.7v980v980h980h980v-980v-980h326.7H7940v980v980h980h980v326.7v326.7h-980h-980v980v980h980h980V110v326.7h-980h-980v980v980h980h980v326.7V3050h-980h-980v980v980h-326.7h-326.7v-980v-980h-980h-980v980v980H5000h-326.7v-980v-980h-980h-980v980v980h-326.7H2060V4030z M4673.3,1416.7v-980h-980h-980v980v980h980h980V1416.7z M7286.7,1416.7v-980h-980h-980v980v980h980h980V1416.7z M4673.3-1196.7v-980h-980h-980v980v980h980h980V-1196.7z M7286.7-1196.7v-980h-980h-980v980v980h980h980V-1196.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.mapboxgl-popup-content {\n  position: relative;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: #ccc;\n  border-radius: 3px;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  padding: 10px;\n  pointer-events: auto;\n}\n.mapboxgl-popup-content h4 {\n  margin: 0 0 0.5em 0;\n  border-bottom: 1px solid #ccc;\n}\n.mapboxgl-popup-content ul {\n  margin: 0 0 1em 0;\n  list-style: none;\n  padding: 0;\n}\n.mapboxgl-popup-content ul > li {\n  list-style: none;\n  padding: 0;\n}\n.mapboxgl-popup-content ul:last-child {\n  margin-bottom: 0;\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=565cecf2&\"\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(\"#app\");\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!./Header.vue?vue&type=style&index=0&id=47c7f96a&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!./Mapbox.vue?vue&type=style&index=0&id=4edbf896&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!./LeftNav.vue?vue&type=style&index=0&id=5e6e7624&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/arrow.606d0da4.svg\";"],"sourceRoot":""}