{"version":3,"sources":["webpack:///./src/components/Gallery.vue?7c9e","webpack:///src/components/Gallery.vue","webpack:///./src/components/Gallery.vue?c896","webpack:///./src/components/Gallery.vue","webpack:///./src/components/Article.vue?a50e","webpack:///src/components/Article.vue","webpack:///./src/components/Article.vue?44a7","webpack:///./src/components/Article.vue","webpack:///./src/components/buttons/BtnBack.vue?480a","webpack:///src/components/buttons/BtnBack.vue","webpack:///./src/components/buttons/BtnBack.vue?bb0e","webpack:///./src/components/buttons/BtnBack.vue","webpack:///./src/components/Gallery.vue?a066","webpack:///./src/views/Media.vue?a99e","webpack:///src/views/Media.vue","webpack:///./src/views/Media.vue?0086","webpack:///./src/views/Media.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","sizing","attrs","arialabel","on","$event","handleRotation","rotating","stop","start","rotate","_e","handlePrevNext","buttons","_l","image","i","key","title","currentIndex","handleLazyLoad","directives","name","rawName","value","expression","lazyLoad","includes","sizes","large","gallery","_v","_s","length","staticRenderFns","components","IconBase","props","type","String","default","post","Object","titles","Boolean","allowRotation","data","computed","swipeZone","$refs","RvCarouselItems","watch","immediate","handler","newValue","interval","setInterval","clearInterval","mounted","addListeners","beforeDestroy","window","removeEventListener","handleArrowKeys","handleTouch","methods","isTouch","direction","index","event","keyCode","addEventListener","RvCarousel","classList","remove","handleSwipe","touchendX","touchstartX","push","component","isSpot","style","backgroundImage","domProps","body","mobile","medium","back","aria","icon","iconcolor","iconsize","textcolor","textsize","text","$route","meta","palette","isGuided","description","tag","Article","Gallery","Video","BtnBack","mixins","location","capitalize","category","getPostBySlug","params","category_id","media","media_id","guided","isArticle"],"mappings":"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","file":"js/media.09244abf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:\"RvCarousel\",staticClass:\"no-touch\",class:[(\"rv-carousel--\" + _vm.sizing)],attrs:{\"id\":\"rvCarousel\",\"aria-label\":_vm.arialabel,\"aria-roledescription\":\"carousel\"},on:{\"mouseover\":function($event){return _vm.handleRotation(false)},\"mouseleave\":function($event){return _vm.handleRotation(_vm.rotating ? true : false)}}},[_c('div',{class:[(\"rv-carousel__inner--\" + _vm.sizing)]},[(_vm.allowRotation)?_c('button',{staticClass:\"rv-carousel__btn rv-carousel__btn--pause bg-primary hover:bg-accent-9 focus:bg-accent-9 focus-b\",attrs:{\"aria-label\":_vm.rotating ? _vm.stop : _vm.start,\"aria-controls\":\"rvCarousel-items\"},on:{\"click\":function($event){;(_vm.rotate = !_vm.rotate), (_vm.rotating = !_vm.rotating)},\"focus\":function($event){return _vm.handleRotation(false)},\"blur\":function($event){return _vm.handleRotation(_vm.rotating ? true : false)}}},[_c('IconBase',{staticClass:\"rotate-180\",attrs:{\"icon\":_vm.rotating ? 'PauseIcon' : 'BackIcon',\"color\":\"white\",\"size\":\"1.5rem\"}})],1):_vm._e(),(_vm.buttons)?_c('ul',[_c('li',[_c('button',{staticClass:\"rv-carousel__btn rv-carousel__btn--previous md:bg-primary pr-1 py-2 focus-b\",attrs:{\"aria-label\":\"Previous Slide\",\"aria-controls\":\"rvCarousel-items\"},on:{\"click\":function($event){return _vm.handlePrevNext('prev')},\"focus\":function($event){return _vm.handleRotation(false)},\"blur\":function($event){return _vm.handleRotation(_vm.rotating ? true : false)}}},[_c('svg',{class:'h-full w-full',attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"17\",\"height\":\"32\",\"viewBox\":\"0 0 17 32\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('path',{attrs:{\"fill\":\"#fff\",\"d\":\"M16.614 31.748l.509-.509a.86.86 0 000-1.22L3.1 16.004 17.123 1.982a.86.86 0 000-1.22l-.509-.509a.86.86 0 00-1.22 0L.252 15.387a.86.86 0 000 1.22l15.142 15.134a.853.853 0 001.219.007z\"}})])])]),_c('li',[_c('button',{staticClass:\"rv-carousel__btn rv-carousel__btn--next md:bg-primary pl-1 py-2 focus-b\",attrs:{\"aria-label\":\"Next Slide\",\"aria-controls\":\"rvCarousel-items\"},on:{\"click\":function($event){return _vm.handlePrevNext('next')},\"focus\":function($event){return _vm.handleRotation(false)},\"blur\":function($event){return _vm.handleRotation(_vm.rotating ? true : false)}}},[_c('svg',{class:'h-full w-full rotate-180',attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"17\",\"height\":\"32\",\"viewBox\":\"0 0 17 32\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('path',{attrs:{\"fill\":\"#fff\",\"d\":\"M16.614 31.748l.509-.509a.86.86 0 000-1.22L3.1 16.004 17.123 1.982a.86.86 0 000-1.22l-.509-.509a.86.86 0 00-1.22 0L.252 15.387a.86.86 0 000 1.22l15.142 15.134a.853.853 0 001.219.007z\"}})])])])]):_vm._e(),(!_vm.buttons)?_c('ul',{staticClass:\"rv-carousel__btn-list\"},_vm._l((_vm.gallery),function(image,i){return _c('li',{key:((image.id) + \"-\" + (image.id))},[_c('button',{staticClass:\"p-3 rounded-full focus-a group\",attrs:{\"aria-label\":image.title},on:{\"click\":function($event){;(_vm.currentIndex = i), _vm.handleLazyLoad()}}},[_c('span',{staticClass:\"block h-2 w-2 rounded-full border border-white group-hover:bg-secondary group-focus:bg-secondary\",class:[_vm.currentIndex === i ? 'bg-primary' : 'bg-tertiary']})])])}),0):_vm._e(),_c('div',{ref:\"RvCarouselItems\",staticClass:\"rv-carousel__items\",attrs:{\"id\":\"rvCarousel-items\",\"aria-live\":_vm.rotate ? 'off' : 'polite'}},[_c('TransitionGroup',{attrs:{\"name\":\"rv-carousel\",\"mode\":\"in-out\"}},_vm._l((_vm.gallery),function(image,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentIndex === i),expression:\"currentIndex === i\"}],key:(\"\" + (image.id)),staticClass:\"rv-carousel__item\",attrs:{\"role\":\"group\",\"aria-roledescription\":\"slide\"}},[_c('img',{class:[(\"rv-carousel__image--\" + _vm.sizing)],attrs:{\"src\":_vm.lazyLoad.includes(i) ? image.sizes.large : '',\"alt\":(\"Gallery item \" + (i + 1) + \" of \" + (_vm.gallery.length) + \", \" + (image.alt))}}),(_vm.titles)?_c('div',{staticClass:\"rv-carousel__info bg-primary-95 text-white font-bold\"},[_c('h3',{staticClass:\"rv-carousel__title\"},[_c('span',{staticClass:\"rv-carousel__count\",attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\" \"+_vm._s(_vm.currentIndex + 1)+\"/\"+_vm._s(_vm.gallery.length)+\" \")]),_vm._v(\" \"+_vm._s(image.title)+\" \")])]):_vm._e()])}),0)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    id=\"rvCarousel\"\n    ref=\"RvCarousel\"\n    :aria-label=\"arialabel\"\n    aria-roledescription=\"carousel\"\n    class=\"no-touch\"\n    :class=\"[`rv-carousel--${sizing}`]\"\n    @mouseover=\"handleRotation(false)\"\n    @mouseleave=\"handleRotation(rotating ? true : false)\"\n  >\n    <div :class=\"[`rv-carousel__inner--${sizing}`]\">\n      <button\n        v-if=\"allowRotation\"\n        :aria-label=\"rotating ? stop : start\"\n        aria-controls=\"rvCarousel-items\"\n        class=\"rv-carousel__btn rv-carousel__btn--pause bg-primary hover:bg-accent-9 focus:bg-accent-9 focus-b\"\n        @click=\";(rotate = !rotate), (rotating = !rotating)\"\n        @focus=\"handleRotation(false)\"\n        @blur=\"handleRotation(rotating ? true : false)\"\n      >\n        <IconBase\n          :icon=\"rotating ? 'PauseIcon' : 'BackIcon'\"\n          :color=\"`white`\"\n          :size=\"`1.5rem`\"\n          class=\"rotate-180\"\n        />\n      </button>\n\n      <!-- Left right buttons -->\n      <ul v-if=\"buttons\">\n        <li>\n          <button\n            aria-label=\"Previous Slide\"\n            aria-controls=\"rvCarousel-items\"\n            class=\"rv-carousel__btn rv-carousel__btn--previous md:bg-primary pr-1 py-2 focus-b\"\n            @click=\"handlePrevNext('prev')\"\n            @focus=\"handleRotation(false)\"\n            @blur=\"handleRotation(rotating ? true : false)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"32\" viewBox=\"0 0 17 32\" v-bind:svg-inline=\"''\" v-bind:class=\"'h-full w-full'\" v-bind:role=\"'presentation'\" v-bind:focusable=\"'false'\" v-bind:tabindex=\"'-1'\"><path fill=\"#fff\" d=\"M16.614 31.748l.509-.509a.86.86 0 000-1.22L3.1 16.004 17.123 1.982a.86.86 0 000-1.22l-.509-.509a.86.86 0 00-1.22 0L.252 15.387a.86.86 0 000 1.22l15.142 15.134a.853.853 0 001.219.007z\"/></svg>\n          </button>\n        </li>\n        <li>\n          <button\n            aria-label=\"Next Slide\"\n            aria-controls=\"rvCarousel-items\"\n            class=\"rv-carousel__btn rv-carousel__btn--next md:bg-primary pl-1 py-2 focus-b\"\n            @click=\"handlePrevNext('next')\"\n            @focus=\"handleRotation(false)\"\n            @blur=\"handleRotation(rotating ? true : false)\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"32\" viewBox=\"0 0 17 32\" v-bind:svg-inline=\"''\" v-bind:class=\"'h-full w-full rotate-180'\" v-bind:role=\"'presentation'\" v-bind:focusable=\"'false'\" v-bind:tabindex=\"'-1'\"><path fill=\"#fff\" d=\"M16.614 31.748l.509-.509a.86.86 0 000-1.22L3.1 16.004 17.123 1.982a.86.86 0 000-1.22l-.509-.509a.86.86 0 00-1.22 0L.252 15.387a.86.86 0 000 1.22l15.142 15.134a.853.853 0 001.219.007z\"/></svg>\n          </button>\n        </li>\n      </ul>\n\n      <ul v-if=\"!buttons\" class=\"rv-carousel__btn-list\">\n        <li v-for=\"(image, i) in gallery\" :key=\"`${image.id}-${image.id}`\">\n          <button\n            :aria-label=\"image.title\"\n            class=\"p-3 rounded-full focus-a group\"\n            @click=\";(currentIndex = i), handleLazyLoad()\"\n          >\n            <span\n              class=\"block h-2 w-2 rounded-full border border-white group-hover:bg-secondary group-focus:bg-secondary\"\n              :class=\"[currentIndex === i ? 'bg-primary' : 'bg-tertiary']\"\n            />\n          </button>\n        </li>\n      </ul>\n\n      <div\n        id=\"rvCarousel-items\"\n        ref=\"RvCarouselItems\"\n        :aria-live=\"rotate ? 'off' : 'polite'\"\n        class=\"rv-carousel__items\"\n      >\n        <TransitionGroup name=\"rv-carousel\" mode=\"in-out\">\n          <div\n            v-for=\"(image, i) in gallery\"\n            v-show=\"currentIndex === i\"\n            :key=\"`${image.id}`\"\n            role=\"group\"\n            aria-roledescription=\"slide\"\n            class=\"rv-carousel__item\"\n          >\n            <img\n              :src=\"lazyLoad.includes(i) ? image.sizes.large : ''\"\n              :alt=\"`Gallery item ${i + 1} of ${gallery.length}, ${image.alt}`\"\n              :class=\"[`rv-carousel__image--${sizing}`]\"\n            />\n            <div\n              v-if=\"titles\"\n              class=\"rv-carousel__info bg-primary-95 text-white font-bold\"\n            >\n              <h3 class=\"rv-carousel__title\">\n                <span class=\"rv-carousel__count\" aria-hidden=\"true\">\n                  {{ currentIndex + 1 }}/{{ gallery.length }}\n                </span>\n                &nbsp; {{ image.title }}\n              </h3>\n            </div>\n          </div>\n        </TransitionGroup>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport IconBase from '@/components/icons/IconBase.vue'\n\nexport default {\n  name: 'RvCarousel',\n\n  components: {\n    IconBase\n  },\n\n  props: {\n    arialabel: {\n      type: String,\n      default: 'Gallery'\n    },\n    post: {\n      type: Object,\n      default: () => {}\n    },\n    titles: {\n      type: Boolean,\n      default: true\n    },\n    buttons: {\n      type: Boolean,\n      default: true\n    },\n    sizing: {\n      type: String,\n      default: 'scale'\n    },\n    allowRotation: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  data: () => ({\n    currentIndex: 0,\n    rotate: false,\n    rotating: false,\n    interval: null,\n    stop: 'Stop automatic slide show',\n    start: 'Start automatic slideshow',\n    touchstartX: 0,\n    touchendX: 0,\n    isTouch: false,\n    lazyLoad: [0]\n  }),\n\n  computed: {\n    swipeZone() {\n      return this.$refs.RvCarouselItems\n    },\n\n    gallery() {\n      return this.post.gallery\n    }\n  },\n\n  watch: {\n    rotate: {\n      immediate: true,\n      handler(newValue) {\n        if (newValue) {\n          this.interval = setInterval(() => {\n            this.currentIndex =\n              this.currentIndex + 1 < this.gallery.length\n                ? this.currentIndex + 1\n                : 0\n            this.handleLazyLoad()\n          }, 3000)\n        } else {\n          clearInterval(this.interval)\n        }\n      }\n    }\n  },\n\n  mounted() {\n    this.addListeners()\n\n    if (this.allowRotation) {\n      this.rotate = true\n      this.rotating = true\n    }\n  },\n\n  beforeDestroy() {\n    window.removeEventListener('keyup', this.handleArrowKeys)\n    window.removeEventListener('touchstart', this.handleTouch)\n  },\n\n  methods: {\n    handlePrevNext(direction) {\n      const length = this.gallery.length\n      const index = this.currentIndex\n\n      if (this.isTouch) {\n        this.rotate = false\n        this.rotating = false\n      }\n\n      switch (direction) {\n        case 'next':\n          this.currentIndex = (index + 1) % length\n          break\n        case 'prev':\n          this.currentIndex = (index === 0 && length - 1) || index - 1\n          break\n        default:\n          this.currentIndex = index\n      }\n\n      this.handleLazyLoad()\n    },\n    handleArrowKeys() {\n      switch (event.keyCode) {\n        case 39:\n          this.handlePrevNext('next')\n          break\n        case 37:\n          this.handlePrevNext('prev')\n          break\n        default:\n      }\n    },\n    handleRotation(value) {\n      if (!this.isTouch) {\n        this.rotate = value\n      }\n    },\n    addListeners() {\n      window.addEventListener('keyup', this.handleArrowKeys)\n      window.addEventListener('touchstart', this.handleTouch)\n\n      this.swipeZone.addEventListener(\n        'touchstart',\n        event => {\n          this.touchstartX = event.changedTouches[0].screenX\n        },\n        false\n      )\n\n      this.swipeZone.addEventListener(\n        'touchend',\n        event => {\n          this.touchendX = event.changedTouches[0].screenX\n          this.handleSwipe()\n        },\n        false\n      )\n    },\n    handleTouch() {\n      window.removeEventListener('touchstart', this.handleTouch)\n      this.$refs.RvCarousel.classList.remove('no-touch')\n      this.isTouch = true\n    },\n    handleSwipe() {\n      if (this.isTouch) {\n        this.rotate = false\n        this.rotating = false\n      }\n\n      if (this.touchendX < this.touchstartX) {\n        this.handlePrevNext('prev')\n      }\n\n      if (this.touchendX > this.touchstartX) {\n        this.handlePrevNext('next')\n      }\n    },\n    handleLazyLoad() {\n      if (!this.lazyLoad.includes(this.currentIndex)) {\n        this.lazyLoad.push(this.currentIndex)\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.rv-carousel--scale {\n  /* background-image: url('https://www.transparenttextures.com/patterns/45-degree-fabric-dark.png'); */\n  height: 0;\n  /* padding-top: 56.25%; */\n  padding-top: 75%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n.rv-carousel--fit {\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  z-index: 1;\n}\n.rv-carousel__inner--scale {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.rv-carousel__inner--fit {\n  height: 100%;\n  width: 100%;\n}\n.rv-carousel__btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 3rem;\n  position: absolute;\n  transition: all 0.3s;\n  width: 3rem;\n  z-index: 10;\n}\n.rv-carousel__btn-list {\n  display: flex;\n  position: absolute;\n  bottom: 0.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n}\n.rv-carousel__btn svg {\n}\n.no-touch .rv-carousel__btn:hover,\n.no-touch .rv-carousel__btn:focus {\n}\n.no-touch .rv-carousel__btn:hover svg,\n.no-touch .rv-carousel__btn:focus svg {\n}\n.rv-carousel__btn--pause {\n  top: 0;\n}\n.rv-carousel__btn--previous {\n  left: 0;\n  top: 45%;\n  transform: translateY(-45%);\n}\n.rv-carousel__btn--next {\n  right: 0;\n  top: 45%;\n  transform: translateY(-45%);\n}\n.rv-carousel__items {\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.rv-carousel__item {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.rv-carousel__image--scale {\n  height: 100%;\n  margin: auto;\n  width: auto;\n}\n.rv-carousel__image--fit {\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n}\n.rv-carousel__info {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  bottom: 0;\n  min-height: 3rem;\n  padding: 0.5rem;\n  position: absolute;\n  text-align: center;\n  width: 100%;\n}\n.rv-carousel__title {\n}\n.rv-carousel__count {\n}\n\n/* Transitions */\n.rv-carousel-enter-active,\n.rv-carousel-leave-active {\n  transition: opacity 0.6s;\n}\n.rv-carousel-enter,\n.rv-carousel-leave-to {\n  opacity: 0;\n}\n\n@screen lg {\n  .rv-carousel--scale {\n    /* padding-top: 56.25%; */\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!./Gallery.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!./Gallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Gallery.vue?vue&type=template&id=920e2a7c&\"\nimport script from \"./Gallery.vue?vue&type=script&lang=js&\"\nexport * from \"./Gallery.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Gallery.vue?vue&type=style&index=0&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  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('article',{class:[_vm.isSpot ? 'p-4' : 'lg:pt-7vw pb-8 h-full w-full']},[(_vm.image)?_c('div',{staticClass:\"w-full h-64 bg-full mb-8 bg-white-30\",style:({ backgroundImage: (\"url('\" + _vm.image + \"')\") }),attrs:{\"role\":\"img\",\"aria-label\":\"image.alt\"}}):_vm._e(),_c('div',{staticClass:\"tiny-mce text-white\",class:[_vm.isSpot ? '' : 'px-5vw lg:px-0'],domProps:{\"innerHTML\":_vm._s(_vm.post.body)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article :class=\"[isSpot ? 'p-4' : 'lg:pt-7vw pb-8 h-full w-full']\">\n    <div\n      v-if=\"image\"\n      class=\"w-full h-64 bg-full mb-8 bg-white-30\"\n      :style=\"{ backgroundImage: `url('${image}')` }\"\n      role=\"img\"\n      aria-label=\"image.alt\"\n    />\n\n    <div\n      class=\"tiny-mce text-white\"\n      :class=\"[isSpot ? '' : 'px-5vw lg:px-0']\"\n      v-html=\"post.body\"\n    />\n  </article>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex'\n\nexport default {\n  name: 'Article',\n\n  props: {\n    post: {\n      type: Object,\n      default: () => {}\n    },\n\n    isSpot: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  computed: {\n    ...mapState(['touch', 'mobile']),\n    ...mapGetters([]),\n\n    image() {\n      const image = this.post.image\n\n      if (image && this.mobile) {\n        return image.sizes.medium\n      } else if (image) {\n        return image.sizes.large\n      }\n\n      return false\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!./Article.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!./Article.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Article.vue?vue&type=template&id=4dc4dd27&\"\nimport script from \"./Article.vue?vue&type=script&lang=js&\"\nexport * from \"./Article.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('RouterLink',{staticClass:\"btn-back inline-flex items-center focus-a\",attrs:{\"to\":_vm.back,\"aria-label\":_vm.aria,\"data-gtm-back-button\":\"\"}},[_c('IconBase',{attrs:{\"icon\":_vm.icon,\"color\":_vm.iconcolor,\"size\":_vm.iconsize}}),(_vm.text)?_c('span',{staticClass:\"ml-2\",class:(\"text-\" + _vm.textcolor + \" text-\" + _vm.textsize)},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <RouterLink\n    :to=\"back\"\n    :aria-label=\"aria\"\n    data-gtm-back-button\n    class=\"btn-back inline-flex items-center focus-a\"\n  >\n    <IconBase :icon=\"icon\" :color=\"iconcolor\" :size=\"iconsize\" />\n    <span\n      v-if=\"text\"\n      class=\"ml-2\"\n      :class=\"`text-${textcolor} text-${textsize}`\"\n    >\n      {{ text }}\n    </span>\n  </RouterLink>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex'\nimport IconBase from '@/components/icons/IconBase.vue'\n\nexport default {\n  name: 'BtnBack',\n\n  components: {\n    IconBase\n  },\n\n  props: {\n    icon: {\n      type: String,\n      default: ''\n    },\n    iconsize: {\n      type: String,\n      default: '1.5rem'\n    },\n    iconcolor: {\n      type: String,\n      default: 'white'\n    },\n    text: {\n      type: String,\n      default: ''\n    },\n    textsize: {\n      type: String,\n      default: 'base'\n    },\n    textcolor: {\n      type: String,\n      default: 'black'\n    },\n    aria: {\n      type: String,\n      default: 'Back'\n    }\n  },\n\n  computed: {\n    ...mapState(['touch', 'mobile']),\n    ...mapGetters(['post']),\n\n    back() {\n      if (this.$route.meta.back === 'home' && this.post?.type === 'subject') {\n        return { name: 'campus-category', params: { category_id: 'subjects' } }\n      }\n      return { name: this.$route.meta.back }\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!./BtnBack.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!./BtnBack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BtnBack.vue?vue&type=template&id=1c19a867&\"\nimport script from \"./BtnBack.vue?vue&type=script&lang=js&\"\nexport * from \"./BtnBack.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","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!./Gallery.vue?vue&type=style&index=0&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!./Gallery.vue?vue&type=style&index=0&lang=css&\"","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":""}