{"version":3,"sources":["webpack:///./src/views/Spot.vue?bae4","webpack:///src/views/Spot.vue","webpack:///./src/views/Spot.vue?9955","webpack:///./src/views/Spot.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","post","title","on","$event","target","currentTarget","handleClose","component","tag","mobile","staticRenderFns","name","components","Article","Gallery","Video","BtnBack","mixins","props","location","type","Object","default","palette","computed","capitalize","document","addEventListener","handleEscape","removeEventListener","methods","$router","push","e","key"],"mappings":"+GAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,mDAAmDC,MAAM,CAAC,aAAaP,EAAIQ,KAAKC,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,8DAA8DI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAGA,EAAOC,SAAWD,EAAOE,cAAuB,KAAcb,EAAIc,YAAYH,MAAW,CAACP,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACF,EAAGJ,EAAIe,UAAU,CAACC,IAAI,YAAYV,YAAY,gBAAgBC,MAAM,CAAC,KAAOP,EAAIQ,KAAK,WAAU,EAAK,QAAS,MAAU,GAAGJ,EAAG,UAAU,CAACE,YAAY,8DAA8DC,MAAM,CAAC,KAAO,YAAY,KAAO,OAAO,SAAWP,EAAIiB,OAAS,OAAS,OAAO,UAAY,YAAY,MAC9xBC,EAAkB,G,oFCsCtB,GACEC,KAAM,QAENC,WAAY,CACVC,QAAJ,OACIC,QAAJ,OACIC,MAAJ,aACIC,QAAJ,QAGEC,OAAQ,CAAC,EAAX,MAEEC,MAAO,CACLC,SAAU,CACRC,KAAMC,OACNC,QAAS,QAEXC,QAAS,CACPH,KAAMC,OACNC,QAAS,SAIbE,SAAU,OAAZ,OAAY,CAAZ,GACA,2BADA,GAEA,yBAFA,CAII,YACE,OAAO/B,KAAKgC,WAAWhC,KAAKO,KAAKoB,SAIrC,UACEM,SAASC,iBAAiB,QAASlC,KAAKmC,eAG1C,gBACEF,SAASG,oBAAoB,QAASpC,KAAKmC,eAG7CE,QAAS,CACP,cACErC,KAAKsC,QAAQC,KAAK,CAAxB,8BAGI,aAAaC,GACG,WAAVA,EAAEC,KACJzC,KAAKsC,QAAQC,KAAK,CAA1B,gCCtFyY,I,YCOrYzB,EAAY,eACd,EACAhB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAH,E","file":"js/spot.039598b9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"a-cover header-padding flex flex-col lg:flex-row\",attrs:{\"aria-label\":_vm.post.title}},[_c('div',{staticClass:\"relative w-full flex-c h-full px-3vw md:px-15vw bg-black-50\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.handleClose($event)}}},[_c('div',{staticClass:\"bg-primary-95 max-h-md overflow-y-auto w-160\"},[_c(_vm.component,{tag:\"component\",staticClass:\"w-full h-full\",attrs:{\"post\":_vm.post,\"is-spot\":true,\"titles\":false}})],1),_c('BtnBack',{staticClass:\"bg-primary rounded-full absolute top-4 right-3vw md:right-4\",attrs:{\"icon\":\"CloseIcon\",\"aria\":\"Back\",\"iconsize\":_vm.mobile ? '32px' : '35px',\"iconcolor\":\"white\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    :aria-label=\"post.title\"\n    class=\"a-cover header-padding flex flex-col lg:flex-row\"\n  >\n    <div\n      class=\"relative w-full flex-c h-full px-3vw md:px-15vw bg-black-50\"\n      @click.self=\"handleClose\"\n    >\n      <div class=\"bg-primary-95 max-h-md overflow-y-auto w-160\">\n        <component\n          :is=\"component\"\n          :post=\"post\"\n          :is-spot=\"true\"\n          :titles=\"false\"\n          class=\"w-full h-full\"\n        />\n      </div>\n\n      <BtnBack\n        icon=\"CloseIcon\"\n        aria=\"Back\"\n        :iconsize=\"mobile ? '32px' : '35px'\"\n        iconcolor=\"white\"\n        class=\"bg-primary rounded-full absolute top-4 right-3vw md:right-4\"\n      />\n    </div>\n  </section>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex'\nimport { capitalize } from '@/mixins'\n\nimport Article from '@/components/Article.vue'\nimport Gallery from '@/components/Gallery.vue'\nimport Video from '@/components/Video.vue'\nimport BtnBack from '@/components/buttons/BtnBack.vue'\n\nexport default {\n  name: 'Media',\n\n  components: {\n    Article,\n    Gallery,\n    Video,\n    BtnBack\n  },\n\n  mixins: [capitalize],\n\n  props: {\n    location: {\n      type: Object,\n      default: () => {}\n    },\n    palette: {\n      type: Object,\n      default: () => {}\n    }\n  },\n\n  computed: {\n    ...mapState(['mobile']),\n    ...mapGetters(['post']),\n\n    component() {\n      return this.capitalize(this.post.type)\n    }\n  },\n\n  mounted() {\n    document.addEventListener('keyup', this.handleEscape)\n  },\n\n  beforeDestroy() {\n    document.removeEventListener('keyup', this.handleEscape)\n  },\n\n  methods: {\n    handleClose() {\n      this.$router.push({ name: this.$route.meta.back })\n    },\n\n    handleEscape(e) {\n      if (e.key === 'Escape') {\n        this.$router.push({ name: this.$route.meta.back })\n      }\n    }\n  }\n}\n</script>\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!./Spot.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!./Spot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Spot.vue?vue&type=template&id=720122fc&\"\nimport script from \"./Spot.vue?vue&type=script&lang=js&\"\nexport * from \"./Spot.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}