{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/map/mapHighlights.vue?4b68","webpack:///./src/components/map/mapView.vue?76bc","webpack:///./src/App.vue?61f2","webpack:///./src/components/map/mapApp.vue?8bbf","webpack:///./src/components/map/mapView.vue?6eda","webpack:///src/components/map/mapView.vue","webpack:///./src/components/map/mapView.vue?03e2","webpack:///./src/components/map/mapView.vue","webpack:///./src/components/map/mapTabs.vue?62d2","webpack:///src/components/map/mapTabs.vue","webpack:///./src/components/map/mapTabs.vue?f994","webpack:///./src/components/map/mapTabs.vue","webpack:///./src/components/map/mapHighlights.vue?806b","webpack:///src/components/map/mapHighlights.vue","webpack:///./src/components/map/mapHighlights.vue?eafe","webpack:///./src/components/map/mapHighlights.vue","webpack:///./src/components/static/chevron-left.svg","webpack:///./src/components/static/chevron-left-dark.svg","webpack:///src/components/map/mapApp.vue","webpack:///./src/components/map/mapApp.vue?d5e0","webpack:///./src/components/map/mapApp.vue","webpack:///./src/components/map/mapLoading.vue?1df6","webpack:///./src/components/map/mapLoading.vue","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/components/map/mapAbout.vue?768e","webpack:///./src/components/static/itinerary-marker.svg","webpack:///./src/components/static/itinerary-distance.svg","webpack:///./src/components/static/itinerary-timer.svg","webpack:///src/components/map/mapAbout.vue","webpack:///./src/components/map/mapAbout.vue?430a","webpack:///./src/components/map/mapAbout.vue","webpack:///./src/components/map/mapItineraryNode.vue?f3b9","webpack:///src/components/map/mapItineraryNode.vue","webpack:///./src/components/map/mapItineraryNode.vue?1f85","webpack:///./src/components/map/mapItineraryNode.vue","webpack:///./src/main.js","webpack:///./src/App.vue?c650","webpack:///./src/components/map/mapApp.vue?7a68","webpack:///./src/components/map/mapTabs.vue?040a","webpack:///./src/components/map/mapItineraryNode.vue?794b","webpack:///./src/components/map/mapLoading.vue?b29e","webpack:///./src/components/map/mapAbout.vue?280a"],"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","dynamicComp","tag","staticRenderFns","staticClass","backUrl","_v","_s","title","class","listIsActive","on","$event","tabClicked","_e","ref","mapLatLng","zoom","disableDefaultUI","gestureHandling","_l","link","lat","lng","url","anchor","iconPoint","markerClickHandler","tour_step","polyline","component","activeTab","isMoving","nativeOn","tabSelected","_t","item","clickHandler","functional","render","children","classNames","style","staticStyle","rest","assign","concat","script","created","cache","credentials","headers","redirect","referrer","components","MapApp","MapLoading","imageLink","locationName","distance","time","domProps","description","button2Url","button1Style","button1Url","button1Text","button2Style","button2Text","highlightsArr","id","Vue","use","VueRouter","VueGoogleMaps","load","libraries","installComponents","routes","path","HighlightsComp","ItineraryNodeComp","AboutComp","router","config","productionTip","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","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapHighlights.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapHighlights.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c(_vm.dynamicComp,{tag:\"component\",attrs:{\"data\":_vm.data}})],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:\"map-app\"},[_c('div',{staticClass:\"row map-app__header-mobile-row\"},[_c('header',{staticClass:\"map-app__header-mobile d-block d-md-none col-md-12\"},[_c('a',{staticClass:\"map-app__header__breadcrumb\",attrs:{\"href\":_vm.backUrl}},[_c('i',{staticClass:\"icon-back\"}),_c('h2',[_c('ChevronLeftDark',{staticClass:\"chevron-left chevron-left__dark\"}),_vm._v(_vm._s(_vm.title))],1)]),_c('ul',{staticClass:\"map-app__header-mobile-tabs\"},[_c('li',[_c('button',{class:_vm.listIsActive ? '': 'active',on:{\"click\":function($event){return _vm.tabClicked('map')}}},[_vm._v(\"Map view\")])]),_c('li',[_c('button',{class:_vm.listIsActive ? 'active': '',on:{\"click\":function($event){return _vm.tabClicked('list')}}},[_vm._v(\"List view\")])])])])]),_c('div',{staticClass:\"row map-app__main-view\"},[_c('div',{staticClass:\"map-app__map-view col-md-8 col-12 p-0\"},[_c('MapView',{attrs:{\"data\":_vm.data}})],1),(_vm.listIsActive)?_c('div',{staticClass:\"map-app__info-col col-md-4 col-12 p-0\"},[_c('div',{staticClass:\"map-app__info-col-container\"},[_c('header',{staticClass:\"map-app__header d-none d-md-block\"},[_c('p',[_c('a',{staticClass:\"map-app__header__breadcrumb\",attrs:{\"href\":_vm.backUrl}},[_c('ChevronLeft',{staticClass:\"chevron-left\"}),_vm._v(\"Back to itineraries\")],1)]),_c('h2',[_vm._v(_vm._s(_vm.title))])]),_c('Tabs'),_c('transition',[_c('router-view',{attrs:{\"data\":_vm.data}})],1)],1)]):_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('GmapMap',{ref:\"mapRef\",staticClass:\"map-app__map-view-main\",attrs:{\"center\":_vm.mapLatLng,\"zoom\":_vm.zoom,\"options\":{disableDefaultUI : true, gestureHandling: 'cooperative'},\"map-type-id\":\"roadmap\"}},[_vm._l((_vm.highlightsArr),function(m){return _c('GmapMarker',{key:m.link,attrs:{\"clickable\":true,\"position\":{lat: m.lat, lng: m.lng},\"icon\":{url: (\"/www_visitnewcastle/map-assets/img/marker-\" + (m.tour_step) + \".svg\"), anchor: _vm.iconPoint },\"link-name\":m.link},on:{\"click\":function($event){return _vm.markerClickHandler(m.link, $event, m.tour_step)}}})}),_c('GmapPolyline',{attrs:{\"path\":_vm.polyline,\"options\":{\"strokeColor\":\"#ED1940\",\"strokeOpacity\":0,\"icons\":[{\"icon\":{\"path\":\"M 0,-1 0,1\",\"strokeOpacity\":1,\"scale\":4},\"offset\":\"0\",\"repeat\":\"20px\"}]}}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n    GmapMap(\r\n        ref=\"mapRef\"\r\n        class=\"map-app__map-view-main\"\r\n        :center=\"mapLatLng\"\r\n        :zoom=\"zoom\"\r\n        :options=\"{disableDefaultUI : true, gestureHandling: 'cooperative'}\"\r\n        map-type-id=\"roadmap\"\r\n    )\r\n        GmapMarker(\r\n            v-for=\"m in highlightsArr\"\r\n            :key=\"m.link\"\r\n            :clickable=\"true\"\r\n            :position=\"{lat: m.lat, lng: m.lng}\"\r\n            :icon=\"{url: `/www_visitnewcastle/map-assets/img/marker-${m.tour_step}.svg`, anchor: iconPoint }\"\r\n            :link-name=\"m.link\"\r\n            @click=\"markerClickHandler(m.link, $event, m.tour_step)\"\r\n        )\r\n        //- GmapInfoWindow(\r\n        //-     v-for=\"m in highlightsArr\"\r\n        //-     :key=\"`infowindow-${m.link}`\"\r\n        //-     :position=\"{lat: m.lat, lng: m.lng}\"\r\n        //- )\r\n        GmapPolyline(\r\n            :path=\"polyline\"\r\n            :options={\r\n                strokeColor: '#ED1940',\r\n                strokeOpacity: 0,\r\n                icons: [{\r\n                    icon: {\r\n                        path: 'M 0,-1 0,1',\r\n                        strokeOpacity: 1,\r\n                        scale: 4\r\n                    },\r\n                    offset: '0',\r\n                    repeat: '20px'\r\n                }],\r\n            }\r\n        )\r\n</template>\r\n\r\n<script>\r\nimport { gmapApi } from 'vue2-google-maps'\r\n\r\nexport default {\r\n    name: 'mapView',\r\n    props: ['data'],\r\n    data() {\r\n        return {\r\n            mapLatLng: {\r\n                lat: 0,\r\n                lng: 0,\r\n            },\r\n            initalMapLatLng: {\r\n                lat: 0,\r\n                lng: 0,\r\n            },\r\n            highlightsArr: [],\r\n            bounds: [],\r\n            polyline: [],\r\n            zoom: 14,\r\n            initialZoom: 0,\r\n            initialCenter: 0,\r\n            nodeActive: false,\r\n        }\r\n    },\r\n    mounted() {\r\n        console.log('mapView data', this.data)\r\n        this.mapLatLng.lat = this.data.lat\r\n        this.mapLatLng.lng = this.data.lng\r\n        // this.mapLatLng.lat = -32.92715\r\n        // this.mapLatLng.lng = 151.77647\r\n        console.log('mapView this.mapLatLng', this.mapLatLng)\r\n        this.highlightsArr = this.data.highlightsArr\r\n\r\n        // on map init\r\n        this.$nextTick(() => {\r\n            this.$refs.mapRef.$mapPromise.then((map) => {\r\n                // get initial bounds\r\n                let initialBounds = this.findBounds(this.highlightsArr)\r\n                this.initalMapLatLng = initialBounds.getCenter()\r\n\r\n                //save bounds for reuse\r\n                this.bounds = initialBounds\r\n                this.polyline = this.createPolylineArray(this.highlightsArr)\r\n\r\n                // call bounds\r\n                this.fitBounds(initialBounds)\r\n\r\n                //save zoom and center for reuse\r\n                this.initialZoom = map.getZoom()\r\n                this.initialCenter = map.getCenter()\r\n            })\r\n        })\r\n\r\n        // on navigating to itinerary node\r\n        this.$root.$on('itinerary-node-active', (arr) => {\r\n            let singleNodeBounds = {lat: arr.lat, lng: arr.lng}\r\n            // this.zoom = 16\r\n            // this.$refs.mapRef.setZoom(18)\r\n            this.$refs.mapRef.panTo(singleNodeBounds)\r\n        })\r\n\r\n        // on navigating to highlight page\r\n        this.$root.$on('tab-page-active', (page) => {\r\n            // this.$refs.mapRef.setZoom(this.initialZoom)\r\n            this.$refs.mapRef.panTo(this.initalMapLatLng)\r\n            // this.$refs.mapRef.fitBounds(this.bounds, { padding: 50})\r\n        })\r\n    },\r\n    methods: {\r\n        markerClickHandler(link, e, tourStep) {\r\n            console.log('link, e, tourStep', link, e, tourStep)\r\n            this.$router.push(`/highlight/${link}`).catch(err => {\r\n                console.info(err)\r\n            })\r\n        },\r\n        createPolylineArray(arr) {\r\n            let polylineArr = []\r\n            arr.forEach((m) => {\r\n                polylineArr.push({lat: m.lat, lng: m.lng})\r\n            })\r\n            console.log('createPolylineArray polylineArr', polylineArr)\r\n            return polylineArr\r\n        },\r\n        findBounds(arr) {\r\n            const bounds = new google.maps.LatLngBounds()\r\n            arr.forEach((m) => {\r\n                bounds.extend({lat: m.lat, lng: m.lng})\r\n            })\r\n            return bounds\r\n        },\r\n        fitBounds(bounds) {\r\n            this.$refs.mapRef.fitBounds(bounds, 0)\r\n        },\r\n    },\r\n    watch: {\r\n        highlightsArr() {\r\n            this.fitBounds(this.bounds, {padding: 20})\r\n        }\r\n    },\r\n    computed: {\r\n        google() {\r\n            return gmapApi()\r\n        },\r\n        iconPoint() {\r\n            if (this.google) {\r\n                return new google.maps.Point(20,20)\r\n            } else {\r\n                return null\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.map-app__map-view-main {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.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!./mapView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapView.vue?vue&type=template&id=181380b6&lang=pug&\"\nimport script from \"./mapView.vue?vue&type=script&lang=js&\"\nexport * from \"./mapView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapView.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-app__tabs-container\"},[_c('ul',{staticClass:\"map-app__tabs\"},[_c('div',{staticClass:\"tab-border-top\",class:(_vm.activeTab + \" \" + (_vm.isMoving ? 'is-moving':''))}),_c('li',[_c('router-link',{class:_vm.activeTab == 'highlight' ? 'active' : '',attrs:{\"to\":\"/highlight\",\"id\":\"highlight\"},nativeOn:{\"click\":function($event){return _vm.tabSelected('highlight' ,$event)}}},[_vm._v(\"highlights\")])],1),_c('li',[_c('router-link',{class:_vm.activeTab == 'about' ? 'active' : '',attrs:{\"to\":\"/about\",\"id\":\"about\"},nativeOn:{\"click\":function($event){return _vm.tabSelected('about' ,$event)}}},[_vm._v(\"about\")])],1)]),_c('div',{staticClass:\"map-app__info-col-content\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\ndiv.map-app__tabs-container\r\n    ul.map-app__tabs\r\n        .tab-border-top(\r\n            :class=\"`${activeTab} ${isMoving ? 'is-moving':''}`\"\r\n        )\r\n        li: router-link(\r\n            to=\"/highlight\"\r\n            id=\"highlight\"\r\n            @click.native=\"tabSelected('highlight' ,$event)\"\r\n            :class=\"activeTab == 'highlight' ? 'active' : ''\"\r\n        ) highlights\r\n        li: router-link(\r\n            to=\"/about\"\r\n            id=\"about\"\r\n            @click.native=\"tabSelected('about' ,$event)\"\r\n            :class=\"activeTab == 'about' ? 'active' : ''\"\r\n        ) about\r\n    .map-app__info-col-content\r\n        slot\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            activeTab: 'highlight',\r\n            isMoving: false,\r\n        }\r\n    },\r\n    mounted() {\r\n        this.activeTab = /highlight/.test(this.$route.path) ? 'highlight' : '';\r\n    },\r\n    methods: {\r\n        tabSelected(elName, e) {\r\n            e.preventDefault()\r\n            this.activeTab = elName\r\n        }\r\n    },\r\n    watch: {\r\n        activeTab() {\r\n            this.$emit('tab-selected', this.activeTab)\r\n            this.isMoving = true\r\n            setTimeout(() => {\r\n                this.isMoving = false\r\n            }, 1870)\r\n        },\r\n        $route() {\r\n            if (/highlight/.test(this.$route.path)) {\r\n                this.activeTab = 'highlight'\r\n            } else if(/about/.test(this.$route.path)) {\r\n                this.activeTab = 'about'\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"../scss/variables\";\r\n\r\n.tab-border-top {\r\n    position: absolute;\r\n    width: calc(50% + 1px);\r\n    height: 4px;\r\n    content: '';\r\n    background-color: $red;\r\n    top: -4px;\r\n    left: 0;\r\n    transition: transform 0.187s ease-in-out;\r\n    transform: translateX(0);\r\n    // animation: fade-in 0.187s ease-in-out 0s infinite normal none paused;\r\n    pointer-events: none;\r\n    opacity: 1;\r\n\r\n    &.about {\r\n        transform: translateX(calc(100% - 2px));\r\n    }\r\n\r\n    &.is-moving {\r\n        // animation: fade-in 0.187s ease-in-out 0s 1 normal none running;\r\n    }\r\n}\r\n\r\n@keyframes fade-in {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n  /* Adding a step in the middle */\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.map-app__tabs {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    list-style: none;\r\n    text-decoration: none;\r\n    margin-bottom: 2rem;\r\n\r\n    li {\r\n        width: 50%;\r\n    \r\n        a {\r\n            position: relative;\r\n            display: block;\r\n            width: 100%;\r\n            font-family: 'open_sansbold', Arial;\r\n            padding: 1rem;\r\n            text-align: center;\r\n            background: $grey1;\r\n            color: $black;\r\n            text-transform: capitalize;\r\n            border: 1px solid $grey2;\r\n            cursor: pointer;\r\n            transition: background-color 0.25s linear;\r\n\r\n            // &::after {\r\n            //     position: absolute;\r\n            //     width: calc(100% + 2px);\r\n            //     height: 0;\r\n            //     content: '';\r\n            //     background-color: transparent;\r\n            //     top: -4px;\r\n            //     left: -1px;\r\n            //     transition: background-color 0.25s;\r\n            // }\r\n\r\n            &.active {\r\n                background: $white;\r\n                border: 1px solid transparent;\r\n\r\n                // &::after {\r\n                //     background-color: $red;\r\n                //     height: 4px;\r\n                // }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTabs.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!./mapTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapTabs.vue?vue&type=template&id=5a4c3f94&lang=pug&\"\nimport script from \"./mapTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./mapTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapTabs.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-app__content-section\"},[_c('ul',{staticClass:\"map-app__highlights-list\"},_vm._l((_vm.highlightsArr),function(item){return _c('li',[_c('router-link',{attrs:{\"href\":\"#\",\"to\":(\"/highlight/\" + (item.link))},on:{\"click\":_vm.clickHandler}},[_vm._v(_vm._s(item.name))])],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.map-app__content-section\r\n    ul.map-app__highlights-list\r\n        li(\r\n            v-for=\"item in highlightsArr\"\r\n        )\r\n            router-link(\r\n                href=\"#\"\r\n                :to=\"`/highlight/${item.link}`\"\r\n                @click=\"clickHandler\"\r\n            ) {{ item.name }}\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name:'highlight',\r\n    props: ['data'],\r\n    data() {\r\n        return {\r\n            highlightsArr: []\r\n        }\r\n    },\r\n    mounted() {\r\n        this.highlightsArr = this.data.highlightsArr\r\n        this.$root.$emit('tab-page-active', 'highlights')\r\n    },\r\n    methods: {\r\n        clickHandler(e) {\r\n            e.preventDefault()\r\n            thi.$root.$emit('child-route-updated')\r\n        }\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../scss/variables\";\r\n\r\n.map-app__content-section {\r\n    position: relative;\r\n    width: 100%;\r\n    opacity: 1;\r\n    background: $white;\r\n}\r\n.map-app__highlights-list {\r\n\tcounter-reset: count;\r\n\r\n    &__highlights-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n    }\r\n\r\n    li {\r\n        position: relative;\r\n        display: flex;\r\n        border-top: 1px solid $grey2;\r\n        padding: 1rem;\r\n        width: 100%;\r\n        counter-increment: count;\r\n        align-items: center;\r\n\r\n        a {\r\n            position: absolute;\r\n            display: flex;\r\n            align-items: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 0 3rem 0 3.5rem;\r\n            left: 0;\r\n            top: 0;\r\n\r\n            &:hover {\r\n\r\n                &::after {\r\n                    margin-right: 1rem;\r\n                }\r\n            }\r\n\r\n            &::after {\r\n                font-family: 'icomoon';\r\n                position: absolute;\r\n                width: 24px;\r\n                height: 24px;\r\n                margin-right: 1.25rem;\r\n                right: 0;\r\n                color: $black;\r\n                content: \"\\e906\";\r\n                transition: margin 0.25s ease-in-out;\r\n            }\r\n        }\r\n\r\n        &::before {\r\n            content: counter(count);\r\n            color: $white;\r\n            border-radius: 50%;\r\n            background-color: $red;\r\n            width: 24px;\r\n            height: 24px;\r\n            font-weight: bold;\r\n            margin-right: 1em;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        &:last-child {\r\n            border-bottom: 1px solid $grey2;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapHighlights.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!./mapHighlights.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapHighlights.vue?vue&type=template&id=757b6352&lang=pug&\"\nimport script from \"./mapHighlights.vue?vue&type=script&lang=js&\"\nexport * from \"./mapHighlights.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapHighlights.vue?vue&type=style&index=0&lang=scss&\"\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","\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"12\",\"height\":\"12\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('path',{attrs:{\"d\":\"M8 1.5L4 6l4 4.5\",\"stroke\":\"#0E0E10\"}})])\n          )\n        }\n      }\n    ","\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"16\",\"height\":\"16\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('path',{attrs:{\"d\":\"M10.666 2L5.333 8l5.333 6\",\"stroke\":\"#fff\",\"stroke-width\":\"1.333\"}})])\n          )\n        }\n      }\n    ","<template lang=\"pug\">\r\n    .map-app\r\n        .row.map-app__header-mobile-row\r\n            header.map-app__header-mobile.d-block.d-md-none.col-md-12\r\n                a(:href=\"backUrl\").map-app__header__breadcrumb\r\n                    i.icon-back \r\n                    h2 \r\n                        //- img(src=\"../static/chevron-left-dark.svg\").chevron-left.chevron-left__dark\r\n                        ChevronLeftDark.chevron-left.chevron-left__dark\r\n                        | {{ title }}\r\n                ul.map-app__header-mobile-tabs\r\n                    li\r\n                        button(\r\n                            @click=\"tabClicked('map')\"\r\n                            :class=\"listIsActive ? '': 'active'\"\r\n                        ) Map view\r\n                    li \r\n                        button(\r\n                            @click=\"tabClicked('list')\"\r\n                            :class=\"listIsActive ? 'active': ''\"\r\n                        ) List view\r\n            \r\n        .row.map-app__main-view\r\n            .map-app__map-view.col-md-8.col-12.p-0\r\n                MapView(\r\n                    :data = \"data\"\r\n                )\r\n            .map-app__info-col.col-md-4.col-12.p-0(v-if=\"listIsActive\")\r\n                .map-app__info-col-container\r\n                    header.map-app__header.d-none.d-md-block\r\n                        p: a(:href=\"backUrl\").map-app__header__breadcrumb\r\n                            //- img(src=\"../static/chevron-left.svg\").chevron-left\r\n                            ChevronLeft.chevron-left\r\n                            | Back to itineraries\r\n                        h2 {{ title }}\r\n\r\n                    Tabs\r\n                    transition\r\n                        router-view(\r\n                            :data = \"data\"\r\n                        )\r\n</template>\r\n\r\n<script>\r\nimport MapView from './mapView.vue'\r\nimport Tabs from './mapTabs.vue'\r\nimport Highlights from './mapHighlights.vue'\r\nimport ChevronLeft from '../static/chevron-left.svg'\r\nimport ChevronLeftDark from '../static/chevron-left-dark.svg'\r\n\r\nexport default {\r\n    props: ['data'],\r\n    data() {\r\n        return {\r\n            title: '',\r\n            listIsActive: true,\r\n            deviceIsMobileWidth: null,\r\n            backUrl: '/see-do/itineraries',\r\n        }\r\n    },\r\n    mounted() {\r\n        // console.log('mapApp this.data', this.data)\r\n        this.title = this.data.title\r\n        // console.log('isWidthMobile: ', this.isWidthMobile())\r\n        this.windowResizeHandler()\r\n        window.addEventListener('resize', this.windowResizeHandler)\r\n    },\r\n    methods: {\r\n        tabClicked(name) {\r\n            this.listIsActive = name == 'list' ? true : false\r\n        },\r\n        isWidthMobile() {\r\n            return window.matchMedia('(max-width: 767px)').matches\r\n        },\r\n        windowResizeHandler() {\r\n            // console.log('windowResizeHandler', ' isWidthMobile: ', this.isWidthMobile())\r\n            this.deviceIsMobileWidth = this.isWidthMobile()\r\n        }\r\n    },\r\n    watch: {\r\n        deviceIsMobileWidth() {\r\n            // console.log('deviceIsMobileWidth', this.deviceIsMobileWidth)\r\n            if(!this.deviceIsMobileWidth) this.listIsActive = true\r\n        }\r\n    },\r\n    components: {\r\n        Tabs,\r\n        Highlights,\r\n        MapView,\r\n        ChevronLeft,\r\n        ChevronLeftDark,\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"~bootstrap/scss/bootstrap-grid\";\r\n@import \"../scss/variables\";\r\n\r\n.slide-enter-active, .slide-leave-active{\r\n    transition: opacity 0.187s, transform 0.187s;\r\n}\r\n\r\n.slide-enter, .slide-leave-to /* .slide-leave-active below version 2.1.8 */ {\r\n    transform: translateX(25%);\r\n    opacity: 0;\r\n}\r\n.map-app {\r\n    $self: &;\r\n    font-family: 'open_sansregular';\r\n    font-style: normal;\r\n    font-weight: bold;\r\n    font-size: 16px;\r\n    line-height: 28px;\r\n    height: 100%;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n\r\n    .chevron-left {\r\n        position: relative;\r\n        top: -1px;\r\n        width: 12px;\r\n        height: 12px;\r\n        margin-right: 5px;\r\n\r\n        &__dark {\r\n            color: $white;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n\r\n    .row {\r\n        height: 100%;\r\n        margin: 0;\r\n\r\n        &.map-app__header-mobile-row {\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        list-style: none;\r\n    }\r\n    \r\n    h2 {\r\n        margin: 0;\r\n        font-family: 'open_sansregular';\r\n        font-size: 16px;\r\n    }\r\n\r\n    .icon-back{\r\n        &::after {\r\n            font-family: 'icomoon';\r\n            content: '';\r\n        }\r\n    }\r\n\r\n    &__main-view.row {\r\n        position: relative;\r\n        height: 83%;\r\n\r\n        @media (min-width: 767px) {\r\n            height: 100%;\r\n        }\r\n    }\r\n\r\n    &__map-view {\r\n        height: 100%;\r\n        background-color: #efefef;\r\n    }\r\n\r\n    &__info-col.col-12 {\r\n        position: absolute;\r\n        height: 100%;\r\n        background: $white;\r\n        right: 0;\r\n        // overflow: auto;\r\n    }\r\n\r\n    &__info-col-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        height: 100%;\r\n    }\r\n\r\n    .row.map-app__header-mobile-row {\r\n        height: 17%;\r\n\r\n        @media (min-width: 767px) {\r\n            height: 0;\r\n        }\r\n    }\r\n\r\n    &__header { \r\n        display: flex;\r\n        flex-direction: column;\r\n        padding: 2rem;\r\n        flex: 0 1 auto;\r\n\r\n        & > * + * {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        &__breadcrumb {\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            font-style: normal;\r\n            font-weight: normal;\r\n        }\r\n\r\n        &.col-12 {\r\n            padding: 2rem;\r\n        }\r\n\r\n        h2 {\r\n            font-family: 'open_sansbold', Arial;\r\n            font-size: 26px;\r\n            line-height: 32px;\r\n        }\r\n\r\n        &-mobile {\r\n            background: $darkBg;\r\n            padding: 0;\r\n            margin: 0;\r\n\r\n            h1, h2, h3, h4, p {\r\n                color: $white;\r\n                font-size: 1.25rem;\r\n                padding: 1rem 0 1rem 1rem;\r\n            }\r\n\r\n            &-tabs {\r\n                display: flex;\r\n                flex-direction: row;\r\n                padding: 1rem;\r\n                padding-top: 0;\r\n\r\n                > li {\r\n                    width: 50%;\r\n\r\n                    button {\r\n                        display: flex;\r\n                        width: 100%;\r\n                        align-items: center;\r\n                        justify-content: center;\r\n                        border-radius: 5px;\r\n                        border: none;\r\n                        color: $white;\r\n                        background: $darkBg2;\r\n\r\n                        &.active {\r\n                            background: $red;\r\n                            border-radius: 5px;\r\n                        }\r\n\r\n                        &:focus {\r\n                            outline: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapApp.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!./mapApp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapApp.vue?vue&type=template&id=5fa8bcc0&lang=pug&\"\nimport script from \"./mapApp.vue?vue&type=script&lang=js&\"\nexport * from \"./mapApp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapApp.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-loading\"},[_c('div',{staticClass:\"loader\"},[_c('svg',{attrs:{\"version\":\"1.1\",\"id\":\"L9\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 100 100\",\"enable-background\":\"new 0 0 0 0\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"fill\":\"#DE183F\",\"d\":\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\",\"transform\":\"rotate(65.8973 50 50)\"}},[_c('animateTransform',{attrs:{\"attributeName\":\"transform\",\"attributeType\":\"XML\",\"type\":\"rotate\",\"dur\":\"1s\",\"from\":\"0 50 50\",\"to\":\"360 50 50\",\"repeatCount\":\"indefinite\"}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./mapLoading.vue?vue&type=template&id=355c87be&lang=pug&\"\nvar script = {}\nimport style0 from \"./mapLoading.vue?vue&type=style&index=0&lang=scss&\"\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","<template>\r\n  <div id=\"app\">\r\n    <component :is=\"dynamicComp\" :data=\"data\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport MapApp from \"./components/map/mapApp.vue\";\r\nimport MapLoading from \"./components/map/mapLoading.vue\";\r\n\r\nexport default {\r\n  name: \"mapapp\",\r\n  data() {\r\n    return {\r\n      data: {},\r\n\t  fetchingData: true,\r\n\t  dynamicComp: '',\r\n    };\r\n  },\r\n\r\n  created() {\r\n\tthis.dynamicComp = MapLoading\r\n\r\n\tconsole.log('process.env.NODE_ENV', process.env.NODE_ENV)\r\n    // api request\r\n    let apiEndpoint = process.env.NODE_ENV === 'development' ? 'https://visitnewcastle-dev.uat.webcoda.net.au/' : '/'\r\n\tlet nodeId = window.itineraryNodeId;\r\n\tlet request = `${apiEndpoint}Api/ListApi/GetItineraryHighlights?nodeid=${nodeId}`\r\n\tconsole.log('request url: ', request)\r\n\r\n    axios({\r\n\t  method: 'GET',\r\n\t  url: request,\r\n      mode: 'cors',\r\n      cache: 'no-cache',\r\n      credentials: 'same-origin',\r\n      headers: {\r\n        'Content-Type': 'application/json'\r\n      },\r\n      redirect: 'follow',\r\n      referrer: 'no-referrer'\r\n    })\r\n      .then(response => {\r\n        if (response.status === 200) {\r\n          this.data = response.data\r\n\t\t  this.fetchingData = false\r\n\t\t  setTimeout(() => {\r\n\t\t\t  this.dynamicComp = MapApp\r\n\t\t  }, 1000)\r\n        } else {\r\n          throw new Error(\"Something went wrong on api server!\")\r\n        }\r\n      })\r\n      .catch(error => {\r\n        console.info(error)\r\n      });\r\n  },\r\n\r\n  components: {\r\n    MapApp,\r\n    MapLoading\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// @import \"./assets/styles.css\";\r\n\r\nhtml,\r\nbody {\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n#app {\r\n  height: 100%;\r\n  padding-top: 60px;\r\n\r\n  @media (min-width: 768px) {\r\n\t  padding-top: 72px;\r\n  }\r\n}\r\n</style>\r\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=040b6243&\"\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=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-app__about\"},[_c('div',{staticClass:\"map-app__about-container\"},[(_vm.imageLink)?_c('img',{attrs:{\"src\":_vm.imageLink}}):_vm._e(),_c('div',{staticClass:\"map-app__about__tour-details\"},[_c('div',[_c('MarkerIcon',{staticClass:\"itinerary-icon\"}),_c('span',[_vm._v(_vm._s(_vm.locationName))])],1),_c('div',[_c('DistanceIcon',{staticClass:\"itinerary-icon\"}),_c('span',[_vm._v(_vm._s(_vm.distance))])],1),_c('div',[_c('TimeIcon',{staticClass:\"itinerary-icon\"}),_c('span',[_vm._v(_vm._s(_vm.time))])],1)]),_c('div',{staticClass:\"map-app__about-container-body\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.description)}}),_c('div',{staticClass:\"map-app__about-container-buttons\"},[_c('ul',[(_vm.button1Url)?_c('li',{style:(!_vm.button2Url ? {'width': '100%'}: '')},[_c('a',{class:(\"o-btn o-btn--large btn \" + _vm.button1Style),attrs:{\"href\":_vm.button1Url}},[_vm._v(_vm._s(_vm.button1Text))])]):_vm._e(),(_vm.button2Url)?_c('li',[_c('a',{class:(\"o-btn o-btn--large btn \" + _vm.button2Style),attrs:{\"href\":_vm.button2Url}},[_vm._v(_vm._s(_vm.button2Text))])]):_vm._e()])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"16\",\"height\":\"16\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.73 12.953c1.766-2.335 3.603-4.766 3.603-6.953A5.333 5.333 0 002.667 6c0 2.187 1.837 4.618 3.602 6.953.613.81 1.216 1.608 1.731 2.38.515-.772 1.119-1.57 1.73-2.38zM8 8a2 2 0 100-4 2 2 0 000 4z\",\"fill\":\"#000023\"}})])\n          )\n        }\n      }\n    ","\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"16\",\"height\":\"16\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M15.333 6a2 2 0 11-4 0 2 2 0 014 0zM4 10.667a2 2 0 11-4 0 2 2 0 014 0zm5.333-1.61L6 5.724 3.529 8.195l.942.943L6 7.61l3.333 3.334 2.472-2.472-.943-.942-1.529 1.528z\",\"fill\":\"#000023\"}})])\n          )\n        }\n      }\n    ","\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"16\",\"height\":\"16\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('path',{attrs:{\"d\":\"M11.745 3.979l.969-.969.943.943-.969.968a6 6 0 11-.943-.942zM7.333 5.333v4h1.334v-4H7.333zm-2-4.666h5.334V2H5.333V.667z\",\"fill\":\"#000023\"}})])\n          )\n        }\n      }\n    ","<template lang=\"pug\">\r\n.map-app__about\r\n    .map-app__about-container\r\n        img(\r\n            :src=\"imageLink\"\r\n            v-if=\"imageLink\"\r\n        )\r\n        .map-app__about__tour-details\r\n            div\r\n                //- img(src=\"../static/itinerary-marker.svg\").itinerary-icon\r\n                MarkerIcon.itinerary-icon\r\n                span {{ locationName }}\r\n            div\r\n                //- img(src=\"../static/itinerary-distance.svg\").itinerary-icon\r\n                DistanceIcon.itinerary-icon\r\n                span {{ distance }}\r\n            div\r\n                //- img(src=\"../static/itinerary-timer.svg\").itinerary-icon\r\n                TimeIcon.itinerary-icon\r\n                span {{ time }}\r\n        .map-app__about-container-body\r\n            div(v-html=\"description\")\r\n            .map-app__about-container-buttons\r\n                ul\r\n                    li(\r\n                        v-if=\"button1Url\"\r\n                        :style=\"!button2Url ? {'width': '100%'}: ''\"\r\n                    )\r\n                        a(\r\n                            :href=\"button1Url\"\r\n                            :class=\"`o-btn o-btn--large btn ${button1Style}`\"\r\n                        ) {{ button1Text }}\r\n                    li(\r\n                        v-if=\"button2Url\"\r\n                    )\r\n                        a(\r\n                            :href=\"button2Url\"\r\n                            :class=\"`o-btn o-btn--large btn ${button2Style}`\"\r\n                        ) {{ button2Text }}\r\n</template>\r\n\r\n<script>\r\nimport MarkerIcon from '../static/itinerary-marker.svg'\r\nimport DistanceIcon from '../static/itinerary-distance.svg'\r\nimport TimeIcon from '../static/itinerary-timer.svg'\r\n\r\nexport default {\r\n    name: 'about',\r\n    props: ['data'],\r\n    data() {\r\n        return {\r\n            description: '',\r\n            imageLink: '',\r\n            locationName:'default',\r\n            distance: '400m',\r\n            time: '1 hour',\r\n            button1Url: '',\r\n            button1Style: '',\r\n            button1Text: '',\r\n            button2Url: '',\r\n            button2Style: '',\r\n            button2Text: '',\r\n        }\r\n    },\r\n    mounted() {\r\n        // console.log('mapAbout data', this.data)\r\n        this.description = this.data.aboutDescription\r\n        this.imageLink = this.removeTilde(this.data.aboutImageLink)\r\n        this.locationName = this.data.aboutLocationName\r\n        this.distance = this.data.aboutDistance\r\n        this.time = this.data.aboutTime\r\n\r\n        // about buttons\r\n        this.button1Style = this.data.button1Style ? this.data.button1Style : ''\r\n        this.button1Url = this.data.button1Url ? this.data.button1Url : ''\r\n        this.button1Text = this.data.button1Text ? this.data.button1Text : ''\r\n        this.button2Style = this.data.button2Style ? this.data.button2Style : ''\r\n        this.button2Url = this.data.button2Url ? this.data.button2Url : ''\r\n        this.button2Text = this.data.button2Text ? this.data.button2Text : ''\r\n\r\n        this.$root.$emit('tab-page-active', 'about')\r\n    },\r\n    methods: {\r\n        removeTilde(str) {\r\n            let url = str\r\n            if (str.includes('~')) {\r\n                url = str.replace('~', '')\r\n            }\r\n            return url\r\n        },\r\n    },\r\n    components: {\r\n        MarkerIcon,\r\n        DistanceIcon,\r\n        TimeIcon,\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../scss/variables\";\r\n\r\n.map-app__about {\r\n    overflow: auto;\r\n\r\n    &-container {\r\n        position: relative;\r\n        width: 100%;\r\n        opacity: 1;\r\n        background: $white;\r\n        overflow: auto;\r\n        padding: 0 2rem 5rem;\r\n        font-size: 1rem;\r\n\r\n        &-body {\r\n            overflow: auto;\r\n        }\r\n\r\n        img {\r\n            width: 100%;\r\n            padding-bottom: 1rem;\r\n        }\r\n\r\n        &-buttons {\r\n            ul {\r\n                list-style: none;\r\n                display: flex;\r\n                flex-direction: row;\r\n                padding: 2rem 0 1rem;\r\n                margin: 0;\r\n\r\n                li {\r\n                    margin: 0 0.25rem 0 0;\r\n                    width: 50%;\r\n\r\n                    &:last-child {\r\n                        margin: 0 0 0 0.25rem;\r\n                    }\r\n\r\n                    a {\r\n                        font-size: 1rem;\r\n                        width: 100%;\r\n                        padding: 10px;\r\n                    }\r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n\r\n    &__tour-details {\r\n        padding-bottom: 15px;\r\n        \r\n        .itinerary-icon {\r\n            position: relative;\r\n            width: 19px;\r\n            height: 35px;\r\n            top: 7px;\r\n            left: 0;\r\n            margin-right: 15px;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAbout.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!./mapAbout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapAbout.vue?vue&type=template&id=e1cd8dcc&lang=pug&\"\nimport script from \"./mapAbout.vue?vue&type=script&lang=js&\"\nexport * from \"./mapAbout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapAbout.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-app__itinerary-node\"},[_c('header',{staticClass:\"map-app__header col-12\"},[_c('p',[_c('router-link',{staticClass:\"map-app__header__breadcrumb\",attrs:{\"to\":\"/highlight\"}},[_c('ChevronLeft',{staticClass:\"chevron-left\"}),_vm._v(_vm._s(_vm.title))],1)],1),_c('h2',[_vm._v(_vm._s(_vm.highlightsArr.name))])]),_c('div',{staticClass:\"map-app__itinerary-node-body\"},[(_vm.imageLink)?_c('div',{staticClass:\"map-app__itinerary-node-number\"},[_vm._v(_vm._s(_vm.id))]):_vm._e(),(_vm.imageLink)?_c('img',{attrs:{\"src\":_vm.imageLink}}):_vm._e(),_c('div',{staticClass:\"map-app__itinerary-node-text\",domProps:{\"innerHTML\":_vm._s(_vm.description)}}),_c('div',{staticClass:\"map-app__itinerary-node-buttons\"},[_c('ul',[(_vm.button1Url)?_c('li',{style:(!_vm.button2Url ? {'width': '100%'}: '')},[_c('a',{class:(\"o-btn o-btn--large btn \" + _vm.button1Style),attrs:{\"href\":_vm.button1Url}},[_vm._v(_vm._s(_vm.button1Text))])]):_vm._e(),(_vm.button2Url)?_c('li',[_c('a',{class:(\"o-btn o-btn--large btn \" + _vm.button2Style),attrs:{\"href\":_vm.button2Url}},[_vm._v(_vm._s(_vm.button2Text))])]):_vm._e()])])]),_c('div',{staticClass:\"map-app__itinerary-node-footer-nav\"},[_c('ul',[_c('li',[_c('button',{on:{\"click\":function($event){return _vm.clickHandler('prev')}}},[_vm._v(\"Prev\")])]),_c('li',[_c('button',{on:{\"click\":function($event){return _vm.clickHandler('next')}}},[_vm._v(\"Next\")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.map-app__itinerary-node\r\n    header.map-app__header.col-12\r\n        p: router-link(\r\n            to=\"/highlight\"\r\n        ).map-app__header__breadcrumb\r\n            //- img(src=\"../static/chevron-left.svg\").chevron-left\r\n            ChevronLeft.chevron-left\r\n            | {{ title }}\r\n        h2 {{ highlightsArr.name }}\r\n    .map-app__itinerary-node-body\r\n        .map-app__itinerary-node-number(v-if=\"imageLink\")\r\n            | {{ id }}\r\n        img(\r\n            :src=\"imageLink\"\r\n            v-if=\"imageLink\"\r\n        )\r\n        .map-app__itinerary-node-text(v-html=\"description\")\r\n        .map-app__itinerary-node-buttons\r\n            ul\r\n                li(\r\n                    v-if=\"button1Url\"\r\n                    :style=\"!button2Url ? {'width': '100%'}: ''\"\r\n                )\r\n                    a(\r\n                        :href=\"button1Url\"\r\n                        :class=\"`o-btn o-btn--large btn ${button1Style}`\"\r\n                    ) {{ button1Text }}\r\n                li(\r\n                    v-if=\"button2Url\"\r\n                )\r\n                    a(\r\n                        :href=\"button2Url\"\r\n                        :class=\"`o-btn o-btn--large btn ${button2Style}`\"\r\n                    ) {{ button2Text }}\r\n    .map-app__itinerary-node-footer-nav\r\n        ul\r\n            li\r\n                button(\r\n                    @click=\"clickHandler('prev')\"\r\n                ) Prev\r\n            li \r\n                button(\r\n                    @click=\"clickHandler('next')\"\r\n                ) Next\r\n\r\n</template>\r\n\r\n<script>\r\nimport ChevronLeft from '../static/chevron-left.svg'\r\n\r\nexport default {\r\n    name: 'itinerary-node',\r\n    props: ['data', 'route'],\r\n    data() {\r\n        return {\r\n            highlightsArr: [],\r\n            title: '',\r\n            description: '',\r\n            imageLink: '',\r\n            id: 0,\r\n            next: '',\r\n            prev: '',\r\n            button1Url: '',\r\n            button1Style: '',\r\n            button1Text: '',\r\n            button2Url: '',\r\n            button2Style: '',\r\n            button2Text: '',\r\n        }\r\n    },\r\n    mounted() {\r\n        this.initData()\r\n    },\r\n    methods: {\r\n        initData() {\r\n            this.title = this.data.title\r\n            this.highlightsArr = this.setObj(this.data.highlightsArr, this.$route.params.node)\r\n            this.description = this.highlightsArr.description\r\n            this.id = this.highlightsArr.id\r\n            this.next = this.getLink(this.data, this.id, 'next')\r\n            this.prev = this.getLink(this.data, this.id, 'prev')\r\n\r\n            // buttons\r\n            this.button1Style = this.highlightsArr.button1Style ? this.highlightsArr.button1Style : ''\r\n            this.button1Url = this.highlightsArr.button1Url ? this.highlightsArr.button1Url : ''\r\n            this.button1Text = this.highlightsArr.button1Text ? this.highlightsArr.button1Text : ''\r\n            this.button2Style = this.highlightsArr.button2Style ? this.highlightsArr.button2Style : ''\r\n            this.button2Url = this.highlightsArr.button2Url ? this.highlightsArr.button2Url : ''\r\n            this.button2Text = this.highlightsArr.button2Text ? this.highlightsArr.button2Text : ''\r\n            \r\n            this.$root.$emit('itinerary-node-active', this.highlightsArr)\r\n        },\r\n        getLink(obj, id, step) {\r\n            let arr = obj.highlightsArr\r\n            let length = obj.highlightsArr.length\r\n            let newId = step == 'next' ? id + 1 : id - 1\r\n            \r\n            for (let i = 0; i < arr.length; i++) {\r\n                if (arr[i].id == newId) {\r\n                    return arr[i].link\r\n                }\r\n            }\r\n            if( step == 'next') {\r\n                return arr[0].link\r\n            } else {\r\n                return arr[arr.length - 1].link\r\n            }\r\n        },\r\n        setObj(arr, value) {\r\n            let obj\r\n            for(let i = 0; i < arr.length; i++ ) {\r\n                obj = arr[i]\r\n                for (let a in obj) {\r\n                    if (obj.hasOwnProperty(a) && obj[a] == value) {\r\n                        return obj\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        getImageLink() {\r\n            let obj = this.highlightsArr\r\n            this.imageLink =  this.removeTilde(Object.entries(obj).length === 0 && obj.constructor === Object ? '' : this.highlightsArr.imageLink)\r\n        },\r\n        clickHandler(command) {\r\n            if(command == 'next') {\r\n                this.$router.push(`/highlight/${this.next}`)\r\n            } else {\r\n                this.$router.push(`/highlight/${this.prev}`)\r\n            }\r\n        },\r\n        removeTilde(str) {\r\n            let url = str\r\n            if (str.includes('~')) {\r\n                url = str.replace('~', '')\r\n            }\r\n            return url\r\n        },\r\n    },\r\n    watch: {\r\n        highlightsArr() {\r\n            this.getImageLink()\r\n        },\r\n        $route() {\r\n            this.initData()\r\n        },\r\n    },\r\n    components: {\r\n        ChevronLeft,\r\n    },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"../scss/variables\";\r\n\r\n.map-app__itinerary-node {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 83%;\r\n    top: 0;\r\n    background: $white;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    @media (min-width: 767px) {\r\n        height: 100%;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .map-app__header {\r\n        border-bottom: 1px solid $grey2;\r\n        flex: 0 1 auto;\r\n    }\r\n\r\n    &-body {\r\n        position: relative;\r\n        padding: 1rem 2rem 5rem;\r\n        counter-reset: count;\r\n        flex: 0 1 auto;\r\n        height: 80%;\r\n        overflow: auto;\r\n\r\n        img {\r\n            width: 100%;\r\n            padding-bottom: 1rem;\r\n        }\r\n    }\r\n\r\n    &-number {\r\n        position: absolute;\r\n        padding: 1.5rem;\r\n        top: 0.5rem;\r\n        left: 0.5rem;\r\n        color: $white;\r\n        border-radius: 50%;\r\n        background-color: $red;\r\n        width: 24px;\r\n        height: 24px;\r\n        font-weight: bold;\r\n        margin-right: 1em;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 3px solid $white;\r\n    }\r\n\r\n    &-buttons {\r\n        ul {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: row;\r\n            padding: 1rem 0;\r\n            margin: 0;\r\n\r\n            li {\r\n                margin: 0 0.25rem 0 0;\r\n                width: 50%;\r\n\r\n                &:last-child {\r\n                    margin: 0 0 0 0.25rem;\r\n                }\r\n\r\n                a {\r\n                    font-size: 1rem;\r\n                    width: 100%;\r\n                    padding: 10px;\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    &-footer-nav {\r\n        position: absolute;\r\n        width: 100%;\r\n        bottom: 0;\r\n        background-color: $white;\r\n        box-shadow: 3px 0 5px rgba(0, 0, 0, 0.25);\r\n\r\n        &::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: white;\r\n        }\r\n\r\n        ul {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: row;\r\n            padding: 1rem;\r\n            margin: 0;\r\n\r\n            li {\r\n                margin: 0 0.5rem;\r\n                width: 50%;\r\n\r\n                button {\r\n                    font-size: 1rem;\r\n                    width: 100%;\r\n                    padding: 10px;\r\n                    border: 1px solid #E2E2E2;\r\n                    border-radius: 4px;\r\n                    background-color: $grey1;\r\n                    color: $black;\r\n                    outline: none;\r\n                    transition: background-color 0.05s;\r\n\r\n                    &:active {\r\n                        background-color: $grey2;\r\n                    }\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapItineraryNode.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!./mapItineraryNode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapItineraryNode.vue?vue&type=template&id=d46d4038&lang=pug&\"\nimport script from \"./mapItineraryNode.vue?vue&type=script&lang=js&\"\nexport * from \"./mapItineraryNode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapItineraryNode.vue?vue&type=style&index=0&lang=scss&\"\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\"\r\nimport App from \"./App.vue\"\r\nimport VueRouter from 'vue-router'\r\nimport * as VueGoogleMaps from 'vue2-google-maps'\r\n// import * as data from './components/static/data.json'\r\n\r\n// vue router templates\r\nimport HighlightsComp from './components/map/mapHighlights.vue'\r\nimport AboutComp from './components/map/mapAbout.vue'\r\nimport ItineraryNodeComp from './components/map/mapItineraryNode.vue'\r\n\r\n// let dataArr = JSON.stringify(data)\r\n// dataArr = JSON.parse(dataArr)\r\n\r\n// fetch data\r\n// Api call example: /Api/ListApi/GetItineraryHighlights?nodeid=144\r\n\r\n\r\n\r\nVue.use(VueRouter)\r\n\r\nVue.use(VueGoogleMaps, {\r\n\tload: {\r\n\t\tkey: 'AIzaSyDIF-MsBujSkswMftEA_LZncp-Oj57wm_g',\r\n\t\tlibraries: 'places',\r\n\t},\r\n\tinstallComponents: true\r\n})\r\n\r\nconst routes = [\r\n\t{\r\n\t\tpath: '/',\r\n\t\tredirect: { name: 'highlight' },\r\n\t},\r\n\t{\r\n\t\tpath: '/highlight',\r\n\t\tname: 'highlight',\r\n\t\tcomponent: HighlightsComp,\r\n\t\t// props: () => ({ dataArr: dataArr.default}),\r\n\t},\r\n\t{\r\n\t\tpath: '/highlight/:node',\r\n\t\tname: 'itinerary-node',\r\n\t\tcomponent: ItineraryNodeComp,\r\n\t\t// props: (route) => ({ dataObj: dataArr.default, route: route })\r\n\t},\r\n\t{\r\n\t\tpath: '/about',\r\n\t\tname: 'about',\r\n\t\tcomponent: AboutComp,\r\n\t\t// props: () => ({ aboutObj: dataArr.default.about }),\r\n\t}\r\n]\r\n\r\nconst router = new VueRouter({\r\n\troutes\r\n})\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n\trouter,\r\n\trender: h => h(App),\r\n}).$mount(\"#app\")","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapApp.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapApp.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTabs.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapTabs.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapItineraryNode.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapItineraryNode.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapLoading.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapLoading.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAbout.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAbout.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}