{"version":3,"sources":["webpack:///./src/components/TourStops.vue?6b66","webpack:///src/components/TourStops.vue","webpack:///./src/components/TourStops.vue?647a","webpack:///./src/components/TourStops.vue","webpack:///./src/components/TourStops.vue?c40e"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","class","titles","_l","guidedtour","stop","i","key","name","params","panorama_id","slug","domProps","_s","title","_e","staticRenderFns","props","type","Boolean","default","computed","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,aAAa,eAAe,CAACF,EAAG,KAAK,CAACG,YAAY,UAAUC,MAAM,CAAE,qBAAsBR,EAAIS,SAAUT,EAAIU,GAAIV,EAAIW,WAAmB,UAAE,SAASC,EAAKC,GAAG,OAAOT,EAAG,KAAK,CAACU,IAAK,GAAMF,EAAS,KAAGL,YAAY,aAAa,CAACH,EAAG,aAAa,CAACG,YAAY,mEAAmED,MAAM,CAAC,GAAK,CAAES,KAAM,kBAAmBC,OAAQ,CAAEC,YAAaL,EAAKM,SAAW,CAACd,EAAG,OAAO,CAACG,YAAY,0DAA0D,CAACH,EAAG,OAAO,CAACG,YAAY,4HAA6HP,EAAU,OAAEI,EAAG,OAAO,CAACG,YAAY,+DAA+DC,MAAM,CAACK,EAAI,IAAM,EAAI,cAAgB,YAAYM,SAAS,CAAC,UAAYnB,EAAIoB,GAAGR,EAAKS,UAAUrB,EAAIsB,UAAU,MAAK,MAC/6BC,EAAkB,G,wBC+BtB,GACER,KAAM,YAENS,MAAO,CACLf,OAAQ,CACNgB,KAAMC,QACNC,SAAS,IAIbC,SAAU,OAAZ,OAAY,CAAZ,GACA,mCADA,GAEA,iCC5C8Y,I,wBCQ1YC,EAAY,eACd,EACA9B,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,6CCnBf,yBAAmiB,EAAG,G","file":"js/chunk-5bd63399.b64f1180.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{attrs:{\"aria-label\":\"Tour stops\"}},[_c('ul',{staticClass:\"lg:flex\",class:{ 'lg:py-16 xxl:py-20': _vm.titles }},_vm._l((_vm.guidedtour.children),function(stop,i){return _c('li',{key:(\"\" + (stop.slug)),staticClass:\"lg:w-full\"},[_c('RouterLink',{staticClass:\"block lg:text-center lg:text-sm xxl:text-base focus:outline-none\",attrs:{\"to\":{ name: 'guided-panorama', params: { panorama_id: stop.slug } }}},[_c('span',{staticClass:\"guided-stop relative inline-flex items-center lg:block\"},[_c('span',{staticClass:\"guided-dot block h-2 w-2 lg:h-3 lg:w-3 mx-auto my-4 rounded-full bg-white lg:bg-tertiary border border-white transition\"}),(_vm.titles)?_c('span',{staticClass:\"block ml-3 lg:ml-0 lg:w-full lg:absolute lg:pin-x text-white\",class:[i % 2 === 0 ? 'lg:bottom-6' : 'lg:top-6'],domProps:{\"innerHTML\":_vm._s(stop.title)}}):_vm._e()])])],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <nav aria-label=\"Tour stops\">\n    <ul class=\"lg:flex\" :class=\"{ 'lg:py-16 xxl:py-20': titles }\">\n      <li\n        v-for=\"(stop, i) in guidedtour.children\"\n        :key=\"`${stop.slug}`\"\n        class=\"lg:w-full\"\n      >\n        <RouterLink\n          :to=\"{ name: 'guided-panorama', params: { panorama_id: stop.slug } }\"\n          class=\"block lg:text-center lg:text-sm xxl:text-base focus:outline-none\"\n        >\n          <span class=\"guided-stop relative inline-flex items-center lg:block\">\n            <span\n              class=\"guided-dot block h-2 w-2 lg:h-3 lg:w-3 mx-auto my-4 rounded-full bg-white lg:bg-tertiary border border-white transition\"\n            />\n            <span\n              v-if=\"titles\"\n              class=\"block ml-3 lg:ml-0 lg:w-full lg:absolute lg:pin-x text-white\"\n              :class=\"[i % 2 === 0 ? 'lg:bottom-6' : 'lg:top-6']\"\n              v-html=\"stop.title\"\n            />\n          </span>\n        </RouterLink>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex'\n\nexport default {\n  name: 'TourStops',\n\n  props: {\n    titles: {\n      type: Boolean,\n      default: true\n    }\n  },\n\n  computed: {\n    ...mapState(['touch', 'mobile']),\n    ...mapGetters(['guidedtour'])\n  }\n}\n</script>\n\n<style scoped>\n.router-link-exact-active .guided-stop > .guided-dot {\n  /* background-color: #fff; */\n  @apply bg-primary;\n}\n\nli:not(:last-of-type) a > .guided-stop:before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  transform: translateX(-50%);\n  left: 0.25rem;\n  height: 100%;\n  width: 1px;\n  background-color: #fff;\n}\n\n@screen lg {\n  a:hover .guided-stop > .guided-dot,\n  a:focus .guided-stop > .guided-dot {\n    /* background-color: #fff; */\n    @apply bg-secondary;\n  }\n\n  li:first-of-type a > .guided-stop:before {\n    display: none;\n  }\n\n  li:not(:first-of-type) a > .guided-stop:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    width: calc(50% - 0.375rem);\n    height: 1px;\n    background-color: #fff;\n  }\n\n  li:not(:last-of-type) a > .guided-stop:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 0;\n    width: calc(50% - 0.375rem);\n    height: 1px;\n    background-color: #fff;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./TourStops.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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./TourStops.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TourStops.vue?vue&type=template&id=21e0f3e3&scoped=true&\"\nimport script from \"./TourStops.vue?vue&type=script&lang=js&\"\nexport * from \"./TourStops.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TourStops.vue?vue&type=style&index=0&id=21e0f3e3&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  \"21e0f3e3\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./TourStops.vue?vue&type=style&index=0&id=21e0f3e3&scoped=true&lang=css&\"; export default mod; 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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./TourStops.vue?vue&type=style&index=0&id=21e0f3e3&scoped=true&lang=css&\""],"sourceRoot":""}