{"version":3,"sources":["webpack:///./src/views/Media.vue?dc90","webpack:///src/views/Media.vue","webpack:///./src/views/Media.vue?0086","webpack:///./src/views/Media.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","post","title","class","palette","isGuided","domProps","_s","description","component","tag","mobile","_e","staticRenderFns","name","components","Article","Gallery","Video","BtnBack","mixins","props","location","type","Object","default","computed","capitalize","getPostBySlug","$route","params","category_id","media_id","meta","guided","category"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,+FAA+FC,MAAM,CAAC,aAAaP,EAAIQ,KAAKC,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,UAAU,CAACE,YAAY,YAAYC,MAAM,CAAC,KAAO,WAAW,KAAO,OAAO,KAAO,OAAO,SAAW,SAAS,SAAW,OAAO,UAAY,UAAU,UAAY,cAAc,GAAGH,EAAG,KAAK,CAACE,YAAY,yBAAyBI,MAAM,CAAE,MAASV,EAAIW,QAAe,QAAI,CAAE,aAAcX,EAAIY,WAAYC,SAAS,CAAC,UAAYb,EAAIc,GAAGd,EAAIS,UAAUL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACE,YAAY,YAAYI,MAAM,CAAE,UAAaV,EAAIW,QAAe,SAAIE,SAAS,CAAC,UAAYb,EAAIc,GAAGd,EAAIQ,KAAKC,UAAUL,EAAG,IAAI,CAACS,SAAS,CAAC,UAAYb,EAAIc,GAAGd,EAAIQ,KAAKO,oBAAoBX,EAAG,MAAM,CAACE,YAAY,8EAA8E,CAACF,EAAGJ,EAAIgB,UAAU,CAACC,IAAI,YAAYV,MAAM,CAAC,KAAOP,EAAIQ,QAAUR,EAAIkB,OAAiLlB,EAAImB,KAA7Kf,EAAG,UAAU,CAACE,YAAY,sCAAsCC,MAAM,CAAC,KAAO,YAAY,KAAO,OAAO,SAAWP,EAAIkB,OAAS,OAAS,SAAS,UAAY,YAAqB,MAC7wCE,EAAkB,G,oFCyDtB,GACEC,KAAM,QAENC,WAAY,CACVC,QAAJ,OACIC,QAAJ,OACIC,MAAJ,aACIC,QAAJ,QAGEC,OAAQ,CAAC,EAAX,MAEEC,MAAO,CACLC,SAAU,CACRC,KAAMC,OACNC,QAAS,QAEXrB,QAAS,CACPmB,KAAMC,OACNC,QAAS,SAIbC,SAAU,OAAZ,OAAY,CAAZ,GACA,mCADA,GAEA,yCAFA,CAII,YACE,OAAOhC,KAAKiC,WAAWjC,KAAKO,KAAKsB,OAGnC,WACE,OAAO7B,KAAKkC,cAAclC,KAAKmC,OAAOC,OAAOC,cAG/C,QACE,OAAOrC,KAAKkC,cAAclC,KAAKmC,OAAOC,OAAOE,WAG/C,WACE,OAAOtC,KAAKmC,OAAOI,KAAKC,QAG1B,QACE,OAAIxC,KAAKW,SAAiBX,KAAK4B,SAASpB,MACjCR,KAAKyC,SAASjC,OAGvB,YACE,MAA0B,YAAnBR,KAAKO,KAAKsB,SC3GmX,I,YCOtYd,EAAY,eACd,EACAjB,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAJ,E","file":"js/media.71e3f41a.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 bg-primary lg:bg-primary-95 overflow-y-auto\",attrs:{\"aria-label\":_vm.post.title}},[_c('div',{staticClass:\"w-full lg:h-full lg:w-1/4 bg-white\"},[_c('div',{staticClass:\"flex-a p-x h-10 md:h-12 bg-grey-2\"},[_c('BtnBack',{staticClass:\"font-bold\",attrs:{\"icon\":\"BackIcon\",\"aria\":\"Back\",\"text\":\"Back\",\"iconsize\":\"1.5rem\",\"textsize\":\"base\",\"iconcolor\":\"primary\",\"textcolor\":\"primary\"}})],1),_c('h1',{staticClass:\"flex-a p-x h-8 md:h-12\",class:[(\"bg-\" + (_vm.palette.primary)), { 'text-white': _vm.isGuided }],domProps:{\"innerHTML\":_vm._s(_vm.title)}}),_c('div',{staticClass:\"p-x py-8\"},[_c('h2',{staticClass:\"font-bold\",class:[(\"border-\" + (_vm.palette.primary))],domProps:{\"innerHTML\":_vm._s(_vm.post.title)}}),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.post.description)}})])]),_c('div',{staticClass:\"relative w-full lg:flex-c lg:h-full lg:w-3/4 lg:px-10vw lg:overflow-y-auto\"},[_c(_vm.component,{tag:\"component\",attrs:{\"post\":_vm.post}}),(!_vm.mobile)?_c('BtnBack',{staticClass:\"absolute top-4 right-3vw md:right-8\",attrs:{\"icon\":\"CloseIcon\",\"aria\":\"Back\",\"iconsize\":_vm.mobile ? '2rem' : '2.2rem',\"iconcolor\":\"white\"}}):_vm._e()],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 bg-primary lg:bg-primary-95 overflow-y-auto\"\n  >\n    <div class=\"w-full lg:h-full lg:w-1/4 bg-white\">\n      <div class=\"flex-a p-x h-10 md:h-12 bg-grey-2\">\n        <BtnBack\n          icon=\"BackIcon\"\n          aria=\"Back\"\n          text=\"Back\"\n          iconsize=\"1.5rem\"\n          textsize=\"base\"\n          iconcolor=\"primary\"\n          textcolor=\"primary\"\n          class=\"font-bold\"\n        />\n      </div>\n      <h1\n        class=\"flex-a p-x h-8 md:h-12\"\n        :class=\"[`bg-${palette.primary}`, { 'text-white': isGuided }]\"\n        v-html=\"title\"\n      />\n      <div class=\"p-x py-8\">\n        <h2\n          class=\"font-bold\"\n          :class=\"[`border-${palette.primary}`]\"\n          v-html=\"post.title\"\n        />\n        <p v-html=\"post.description\" />\n      </div>\n    </div>\n\n    <div\n      class=\"relative w-full lg:flex-c lg:h-full lg:w-3/4 lg:px-10vw lg:overflow-y-auto\"\n    >\n      <component :is=\"component\" :post=\"post\" />\n      <BtnBack\n        v-if=\"!mobile\"\n        icon=\"CloseIcon\"\n        aria=\"Back\"\n        :iconsize=\"mobile ? '2rem' : '2.2rem'\"\n        iconcolor=\"white\"\n        class=\"absolute top-4 right-3vw md:right-8\"\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(['touch', 'mobile']),\n    ...mapGetters(['post', 'getPostBySlug']),\n\n    component() {\n      return this.capitalize(this.post.type)\n    },\n\n    category() {\n      return this.getPostBySlug(this.$route.params.category_id)\n    },\n\n    media() {\n      return this.getPostBySlug(this.$route.params.media_id)\n    },\n\n    isGuided() {\n      return this.$route.meta.guided\n    },\n\n    title() {\n      if (this.isGuided) return this.location.title\n      return this.category.title\n    },\n\n    isArticle() {\n      return this.post.type === 'article'\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!./Media.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!./Media.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Media.vue?vue&type=template&id=81cba82a&\"\nimport script from \"./Media.vue?vue&type=script&lang=js&\"\nexport * from \"./Media.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":""}