{"version":3,"sources":["webpack:///./src/views/Service.vue?4e43","webpack:///./src/views/Service.vue","webpack:///src/views/Service.vue","webpack:///./src/views/Service.vue?3fb7","webpack:///./src/views/Service.vue?7b4e"],"names":["render","_vm","this","_c","_self","post","ref","staticClass","domProps","_s","pageTitle","_v","_l","blocks","block","index","acf_fc_layout","_b","key","tag","attrs","slug","type","_e","staticRenderFns","components","PostImage","PostTitle","PostText","PostVideo","Contact","VFooter","props","metaInfo","title","meta","name","content","data","yoast","mounted","destroyed","computed","methods","grabPost","grabYoast","postType","watch","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,KAAMF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,IAAI,UAAUC,YAAY,WAAW,CAACJ,EAAG,MAAM,CAACI,YAAY,uBAAuB,CAACJ,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACJ,EAAG,KAAK,CAACI,YAAY,aAAaC,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAII,KAAKK,cAAcT,EAAIU,GAAG,KAAKV,EAAIW,GAAIX,EAAII,KAAKQ,QAAQ,SAASC,EAAMC,GAAO,OAAOZ,EAAGW,EAAME,cAAcf,EAAIgB,GAAG,CAACC,IAAK,GAAEH,KAASD,EAAME,gBAAgBG,IAAI,YAAYC,MAAM,CAAC,YAAYnB,EAAII,KAAKgB,KAAK,YAAYpB,EAAII,KAAKiB,KAAK,cAAcP,IAAQ,YAAYD,GAAM,QAAW,OAAOb,EAAIU,GAAG,KAAKR,EAAG,WAAW,CAACiB,MAAM,CAAC,SAAU,MAAS,GAAGnB,EAAIsB,MAEhoBC,EAAkB,G,oFC6BP,GACfC,YACAC,iBACAC,iBACAC,gBACAC,iBACAC,eACAC,gBAEAC,OACAX,aAEAY,WACA,OACAC,mCACAC,MACA,CACAC,mBACAC,iDAKAC,OACA,OACAjC,UACAkC,aAGAC,UACA,2BACA,gBACA,kBAEAC,YACA,4BAEAC,aACA,oCAEAC,SACAC,WACA,uBAAAvB,iBAAA,SACA,yBACA,oBACA,8CAIAwB,YACA,iBAAAC,mBAAAzB,iBAAA,KACAkB,IACA,gCAIA,qDACA,uCAEAQ,OACA1B,OACA,mBC5FiV,I,wBCQ7U2B,EAAY,eACd,EACAhD,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E","file":"js/chunk-8862b056.710cc6b6.js","sourcesContent":["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!./Service.vue?vue&type=style&index=0&id=32f41a09&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.post)?_c('div',[_c('div',{ref:\"wrapper\",staticClass:\"wrapper\"},[_c('div',{staticClass:\"grid-x align-center\"},[_c('div',{staticClass:\"cell medium-8 large-6\"},[_c('h1',{staticClass:\"page-title\",domProps:{\"innerHTML\":_vm._s(_vm.post.pageTitle)}}),_vm._v(\" \"),_vm._l((_vm.post.blocks),function(block,index){return _c(block.acf_fc_layout,_vm._b({key:`${index}-${block.acf_fc_layout}`,tag:\"component\",attrs:{\"post-slug\":_vm.post.slug,\"post-type\":_vm.post.type,\"block-index\":index}},'component',block,false))})],2)])]),_vm._v(\" \"),_c('v-footer',{attrs:{\"contact\":true}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"post\">\n    <div ref=\"wrapper\" class=\"wrapper\">\n      <div class=\"grid-x align-center\">\n        <div class=\"cell medium-8 large-6\">\n          <h1 class=\"page-title\" v-html=\"post.pageTitle\" />\n          <component\n            v-for=\"(block, index) in post.blocks\"\n            v-bind:is=\"block.acf_fc_layout\"\n            v-bind=\"block\"\n            :key=\"`${index}-${block.acf_fc_layout}`\"\n            :post-slug=\"post.slug\"\n            :post-type=\"post.type\"\n            :block-index=\"index\"\n          ></component>\n        </div>\n      </div>\n    </div>\n    <v-footer :contact=\"true\" />\n  </div>\n</template>\n\n<script>\nimport Footer from \"@/components/Footer/Footer.vue\";\nimport PostImage from \"@/components/post/Image\";\nimport PostTitle from \"@/components/post/Title\";\nimport PostText from \"@/components/post/Text\";\nimport PostVideo from \"@/components/post/Video\";\nimport Contact from \"@/components/post/Contact\";\nimport { mapActions, mapMutations, mapState } from \"vuex\";\n\nexport default {\n  components: {\n    PostImage,\n    PostTitle,\n    PostText,\n    PostVideo,\n    Contact,\n    VFooter: Footer,\n  },\n  props: {\n    slug: String,\n  },\n  metaInfo() {\n    return {\n      title: this.post ? this.post.title : \"\",\n      meta: [\n        {\n          name: \"description\",\n          content: this.yoast ? this.yoast.description : \"\",\n        },\n      ],\n    };\n  },\n  data() {\n    return {\n      post: null,\n      yoast: null,\n    };\n  },\n  mounted() {\n    this.setReverseColours(true);\n    this.grabPost();\n    this.grabYoast();\n  },\n  destroyed() {\n    this.setReverseColours(false);\n  },\n  computed: {\n    ...mapState([\"reverseColours\"]),\n  },\n  methods: {\n    grabPost() {\n      this.fetchServicePage({ slug: this.slug }).then((post) => {\n        this.$set(this, \"post\", post);\n        this.$nextTick(() => {\n          this.$root.$emit(\"update:scrollTrigger\");\n        });\n      });\n    },\n    grabYoast() {\n      this.fetchYoast({ postType: \"service\", slug: this.slug }).then(\n        (yoast) => {\n          this.$set(this, \"yoast\", yoast);\n        }\n      );\n    },\n    ...mapActions([\"fetchServicePage\", \"fetchYoast\"]),\n    ...mapMutations([\"setReverseColours\"]),\n  },\n  watch: {\n    slug() {\n      this.grabPost();\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"foundation-sites/scss/foundation.scss\";\n@import \"@/scss/_settings\";\n.wrapper {\n  @include xy-gutters(\n    $gutters: (\n      small: 140px,\n      large: map-get($page-padding, large),\n    ),\n    $gutter-type: padding,\n    $gutter-position: top\n  );\n  @include breakpoint(small only) {\n    @include xy-gutters(\n      $gutters: $page-padding,\n      $gutter-type: margin,\n      $gutter-position: left right\n    );\n  }\n  @include breakpoint(medium) {\n    padding-top: 150px;\n  }\n}\n.page-title {\n  font: 900 26px/1 PilatCondensed;\n  text-transform: uppercase;\n  @include xy-gutters(\n    $gutters: $grid-margin-gutters,\n    $gutter-type: margin,\n    $gutter-position: bottom\n  );\n  @include breakpoint(medium) {\n    font-size: 38px;\n  }\n  @include breakpoint(xlarge) {\n    font-size: 42px;\n  }\n}\n.blurb {\n  font: 300 22px/1.4 Poppins;\n  margin-bottom: 25px;\n  @include breakpoint(medium) {\n    font-size: 28px;\n  }\n}\n.info {\n  font: 300 16px/1.4 Poppins;\n  margin-bottom: 30px;\n  @include breakpoint(medium) {\n    font-size: 1.5vw;\n  }\n  @include breakpoint(xlarge) {\n    font-size: 16px;\n  }\n}\n.date {\n  display: inline-block;\n}\n.arrow-container {\n  @include breakpoint(small only) {\n    display: none;\n  }\n}\n.arrow {\n  display: block;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat;\n  height: 6.5vw;\n  width: 7vw;\n  background-image: url(\"~@/images/arrow-outline.svg\");\n  &:hover {\n    background-image: url(\"~@/images/arrow-outline-black-fill.svg\");\n  }\n  @include breakpoint(large) {\n    height: 9.3vw;\n    width: 10vw;\n  }\n  &.-prev {\n    left: 0;\n    transform: rotate(180deg);\n  }\n  &.-next {\n    right: 0;\n  }\n}\n.more {\n  @include xy-gutters(\n    $gutters: $grid-container-padding,\n    $gutter-type: margin,\n    $gutter-position: left right\n  );\n}\n.more-label {\n  font: 900 5.9vw/0.9 PilatCondensed;\n  text-transform: uppercase;\n  @include xy-gutters(\n    $gutters: $grid-container-padding,\n    $gutter-type: margin,\n    $gutter-position: bottom\n  );\n  @include breakpoint(medium) {\n    font-size: 20px;\n    margin-top: 130px;\n    margin-bottom: 20px;\n  }\n}\n.cards {\n  @include xy-gutters(\n    $gutters: $card-gutters,\n    $gutter-type: margin,\n    $gutter-position: left right,\n    $negative: true\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!./Service.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!./Service.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Service.vue?vue&type=template&id=32f41a09&scoped=true&\"\nimport script from \"./Service.vue?vue&type=script&lang=js&\"\nexport * from \"./Service.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Service.vue?vue&type=style&index=0&id=32f41a09&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"32f41a09\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}