{"version":3,"sources":["webpack:///./src/components/exhibition-slideshow/exhibition-slideshow.vue","webpack:///src/components/exhibition-slideshow/exhibition-slideshow.vue","webpack:///./src/components/exhibition-slideshow/exhibition-slideshow.vue?2a07","webpack:///./src/components/exhibition-slideshow/exhibition-slideshow.vue?f916"],"names":["render","_vm","this","_c","_self","_t","toggleCredit","$id","staticRenderFns","Swiper","use","Navigation","name","inject","exhibition","default","data","swiperInstance","methods","initSwiper","swiperContainer","$el","querySelector","swiperSlides","querySelectorAll","slideCounters","Array","prototype","forEach","call","counter","index","textContent","leftPad","length","loop","slidesPerView","loopedSlides","a11y","navigation","nextEl","prevEl","e","target","classList","contains","parseInt","getAttribute","slideAndClones","concat","slide","caption","captionText","creditText","button","creditShown","remove","setAttribute","add","onExhibitionRefresh","update","mounted","$on","beforeDestroy","$off","destroy","component"],"mappings":"qIAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACF,EAAII,GAAG,UAAU,KAAK,CAAC,aAAeJ,EAAIK,aAAa,IAAML,EAAIM,OAAO,IAEjJC,EAAkB,G,gDCQtBC,OAAAC,IAAA,CAAAC,SAEe,OACfC,KAAA,2BACAC,OAAA,CACAC,WAAA,CACAC,QAAA,uBAGAC,KAAA,WACA,OACAC,eAAA,OAGAC,QAAA,CACAC,WAAA,WACA,IAAAC,EAAA,KAAAC,IAAAC,cAAA,yBACAC,EAAA,KAAAF,IAAAG,iBAAA,gCACAC,EAAA,KAAAJ,IAAAG,iBAAA,gDAEAE,MAAAC,UAAAC,QAAAC,KAAAJ,GAAA,SAAAK,EAAAC,GACAD,EAAAE,YAAAC,eAAAF,EAAA,aAAAE,eAAAV,EAAAW,OAAA,UAGA,KAAAjB,eAAA,IAAAR,OAAAW,EAAA,CACAe,MAAA,EACAC,cAAA,OACAC,aAAA,EACAC,MAAA,EACAC,WAAA,CACAC,OAAA,sBACAC,OAAA,0BAIAnC,aAAA,SAAAoC,GACA,GAAAA,EAAAC,OAAAC,UAAAC,SAAA,oDACA,IAAAd,EAAAe,SAAAJ,EAAAC,OAAAI,aAAA,kBACAC,EAAA,KAAA3B,IAAAG,iBAAA,6BAAAyB,OAAAlB,EAAA,OAEAL,MAAAC,UAAAC,QAAAC,KAAAmB,GAAA,SAAAE,GACA,IAAAC,EAAAD,EAAA5B,cAAA,wCAEA,GAAA6B,EAAA,CACA,IAAAC,EAAAD,EAAA7B,cAAA,gDACA+B,EAAAF,EAAA7B,cAAA,+CACAgC,EAAAH,EAAA7B,cAAA,oDAEAiC,EAAAJ,EAAAP,UAAAC,SAAA,qDAEAU,GACAJ,EAAAP,UAAAY,OAAA,qDAEAJ,GACAA,EAAAK,aAAA,uBAGAJ,GACAA,EAAAI,aAAA,sBAGAH,GACAA,EAAAG,aAAA,2BAGAN,EAAAP,UAAAc,IAAA,qDAEAN,GACAA,EAAAK,aAAA,sBAGAJ,GACAA,EAAAI,aAAA,uBAGAH,GACAA,EAAAG,aAAA,+BAOAE,oBAAA,WACA,KAAA1C,eAAA2C,WAGAC,QAAA,WACA,KAAA1C,aAEA,KAAAL,WAAAgD,KACA,KAAAhD,WAAAgD,IAAA,eAAAH,sBAGAI,cAAA,WACA,KAAAjD,WAAAkD,MACA,KAAAlD,WAAAkD,KAAA,eAAAL,qBAGA,KAAA1C,eAAAgD,SAAA,KC7G4W,I,YCOxWC,EAAY,eACd,EACAlE,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAA0D,E","file":"js/exhibition-slideshow-lazy.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._t(\"default\",null,{\"toggleCredit\":_vm.toggleCredit,\"$id\":_vm.$id})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <slot :toggleCredit=\"toggleCredit\" :$id=\"$id\"></slot>\n  </div>\n</template>\n\n<script lang=\"js\">\nimport Swiper, { Navigation } from 'swiper';\nimport leftPad from '../../js/util/leftPad';\n\nSwiper.use([Navigation]);\n\nexport default  {\n  name: 'ahc-exhibition-slideshow',\n  inject: {\n    exhibition: {\n      default: () => ({})\n    }\n  },\n  data() {\n    return {\n      swiperInstance: null,\n    }\n  },\n  methods: {\n    initSwiper() {\n      const swiperContainer = this.$el.querySelector('.exhibition-slideshow');\n      const swiperSlides = this.$el.querySelectorAll('.exhibition-slideshow__slide');\n      const slideCounters = this.$el.querySelectorAll('.exhibition-slideshow__slide-caption-counter');\n\n      Array.prototype.forEach.call(slideCounters, (counter, index) => {\n        counter.textContent = leftPad(index + 1, 2, '0') + '/' + leftPad(swiperSlides.length, 2, '0');\n      });\n\n      this.swiperInstance = new Swiper(swiperContainer, {\n        loop: true,\n        slidesPerView: 'auto',\n        loopedSlides: 2,\n        a11y: true,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        }\n      });\n    },\n    toggleCredit(e) {\n      if (e.target.classList.contains('exhibition-slideshow__slide-caption-credit-link')) {\n        const index = parseInt(e.target.getAttribute('data-index'), 10);\n        const slideAndClones = this.$el.querySelectorAll(`[data-swiper-slide-index=\"${index}\"]`);\n\n        Array.prototype.forEach.call(slideAndClones, slide => {\n          const caption = slide.querySelector('.exhibition-slideshow__slide-caption');\n\n          if (caption) {\n            const captionText = caption.querySelector('.exhibition-slideshow__slide-caption-caption');\n            const creditText = caption.querySelector('.exhibition-slideshow__slide-caption-credit');\n            const button = caption.querySelector('.exhibition-slideshow__slide-caption-credit-link');\n\n            const creditShown = caption.classList.contains('exhibition-slideshow__slide-caption--credit-shown');\n\n            if (creditShown) {\n              caption.classList.remove('exhibition-slideshow__slide-caption--credit-shown');\n\n              if (captionText) {\n                captionText.setAttribute('aria-hidden', 'false');\n              }\n\n              if (creditText) {\n                creditText.setAttribute('aria-hidden', 'true')\n              }\n\n              if (button) {\n                button.setAttribute('aria-expanded', 'false');\n              }\n            } else {\n              caption.classList.add('exhibition-slideshow__slide-caption--credit-shown');\n\n              if (captionText) {\n                captionText.setAttribute('aria-hidden', 'true');\n              }\n\n              if (creditText) {\n                creditText.setAttribute('aria-hidden', 'false')\n              }\n\n              if (button) {\n                button.setAttribute('aria-expanded', 'true');\n              }\n            }\n          }\n        });\n      }\n    },\n    onExhibitionRefresh() {\n      this.swiperInstance.update();\n    }\n  },\n  mounted() {\n    this.initSwiper();\n\n    if (this.exhibition.$on) {\n      this.exhibition.$on('refresh', this.onExhibitionRefresh);\n    }\n  },\n  beforeDestroy() {\n    if (this.exhibition.$off) {\n      this.exhibition.$off('refresh', this.onExhibitionRefresh);\n    }\n\n    this.swiperInstance.destroy(true);\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!./exhibition-slideshow.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!./exhibition-slideshow.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./exhibition-slideshow.vue?vue&type=template&id=fc93205e\"\nimport script from \"./exhibition-slideshow.vue?vue&type=script&lang=js\"\nexport * from \"./exhibition-slideshow.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":""}