{"version":3,"sources":["webpack:///./src/components/hero/hero.vue?81fa","webpack:///./src/components/hero/hero.vue","webpack:///src/components/hero/hero.vue","webpack:///./src/components/hero/hero.vue?4134","webpack:///./src/components/hero/hero.vue?e8fb"],"names":["render","_vm","this","_c","_self","staticClass","_t","isFirstSlide","_l","slideData","slide","idx","key","concat","attrs","link","image","small","medium","large","class","caption","color","_v","_s","line1","line2","_e","staticRenderFns","Swiper","use","Navigation","name","components","ahcIcon","props","type","Array","required","computed","currentSlide","$breakpoint","lgAndUp","data","heroSwiper","totalSlides","ready","mounted","initSwiper","methods","vm","swiperOptions","init","loop","loopAdditionalSlides","slidesPerView","spaceBetween","centeredSlides","direction","navigation","nextEl","pagination","a11y","keyboard","enabled","on","setTabIndexes","slideChange","realIndex","swiperContainer","$el","querySelector","_this","$nextTick","slides","querySelectorAll","forEach","classList","contains","setAttribute","component"],"mappings":"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","file":"js/hero-lazy.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/@vue/cli-service/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!./hero.vue?vue&type=style&index=0&id=4ab5453a&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"hero\"},[_vm._t(\"sidebar\",null,{\"isFirstSlide\":_vm.isFirstSlide}),_c('div',{staticClass:\"swiper-container\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.slideData),function(slide,idx){return _c('a',{key:`slide-${idx}`,staticClass:\"swiper-slide\",attrs:{\"href\":slide.link}},[_c('figure',[_c('picture',[_c('source',{attrs:{\"srcset\":slide.image.small,\"media\":\"(max-width: 480px)\"}}),_c('source',{attrs:{\"srcset\":slide.image.medium,\"media\":\"(max-width: 768px)\"}}),_c('source',{attrs:{\"srcset\":slide.image.medium,\"media\":\"(max-height: 900px)\"}}),_c('img',{staticClass:\"media__image\",attrs:{\"src\":slide.image.large,\"alt\":\"\"}})]),_c('figcaption',{staticClass:\"hero__caption\",class:`hero__caption--${slide.caption.color}`},[_c('p',[_vm._v(\" \"+_vm._s(slide.caption.line1)+\" \"),(slide.caption.line2)?_c('span',[_vm._v(_vm._s(slide.caption.line2))]):_vm._e()])])])])}),0),_c('button',{staticClass:\"swiper-button-next d-none d-lg-block\",attrs:{\"type\":\"button\"}},[_c('ahc-icon',{attrs:{\"icon-name\":\"arrow-right-circle\",\"icon-name-hover\":\"arrow-right-circle-hover\",\"focus-parent\":true,\"width\":\"96\",\"height\":\"96\"}}),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Next Slide\")])],1)])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"hero\">\n    <slot name=\"sidebar\" :isFirstSlide=\"isFirstSlide\"></slot>\n\n    <div class=\"swiper-container\">\n      <div class=\"swiper-wrapper\">\n        <a\n          :href=\"slide.link\"\n          v-for=\"(slide, idx) in slideData\"\n          :key=\"`slide-${idx}`\"\n          class=\"swiper-slide\"\n        >\n          <figure>\n            <picture>\n              <source :srcset=\"slide.image.small\" media=\"(max-width: 480px)\" />\n              <source :srcset=\"slide.image.medium\" media=\"(max-width: 768px)\" />\n              <source\n                :srcset=\"slide.image.medium\"\n                media=\"(max-height: 900px)\"\n              />\n              <img :src=\"slide.image.large\" class=\"media__image\" alt=\"\" />\n            </picture>\n            <figcaption\n              class=\"hero__caption\"\n              :class=\"`hero__caption--${slide.caption.color}`\"\n            >\n              <p>\n                {{ slide.caption.line1 }}\n                <span v-if=\"slide.caption.line2\">{{\n                  slide.caption.line2\n                }}</span>\n              </p>\n            </figcaption>\n          </figure>\n        </a>\n      </div>\n      <button type=\"button\" class=\"swiper-button-next d-none d-lg-block\">\n        <ahc-icon\n          icon-name=\"arrow-right-circle\"\n          icon-name-hover=\"arrow-right-circle-hover\"\n          :focus-parent=\"true\"\n          width=\"96\"\n          height=\"96\"\n        >\n        </ahc-icon>\n        <span class=\"sr-only\">Next Slide</span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"js\">\nimport ahcIcon from \"../icon/icon.vue\";\nimport Swiper, {Navigation} from 'swiper';\n\nSwiper.use([Navigation]);\n\nexport default {\n  name: 'ahc-hero',\n  components: {\n    ahcIcon,\n  },\n  props: {\n    slideData: {\n      type: Array,\n      required: true,\n    }\n  },\n  computed: {\n    isFirstSlide() {\n      return this.currentSlide !== 0 && this.$breakpoint.lgAndUp;\n    },\n  },\n  data() {\n    return {\n      heroSwiper: null,\n      totalSlides: 1,\n      currentSlide: 0,\n      ready: false\n    }\n  },\n  mounted() {\n    this.initSwiper();\n  },\n  methods: {\n    /**\n     * Initialize swiper.js\n     */\n    initSwiper() {\n      const vm = this;\n      const swiperOptions = {\n        init: false,\n        loop: true,\n        loopAdditionalSlides: 1,\n        slidesPerView: 1,\n        spaceBetween: 0,\n        centeredSlides: true,\n        direction: 'horizontal',\n        navigation: {\n          nextEl: '.hero .swiper-button-next',\n        },\n        pagination: false,\n        a11y: true,\n        keyboard: {\n          enabled: true,\n        },\n        on: {\n          init: function () {\n            vm.ready = true;\n            vm.setTabIndexes();\n          },\n          slideChange: function () {\n            vm.currentSlide = vm.heroSwiper.realIndex;\n            vm.setTabIndexes();\n          }\n        }\n      };\n\n      const swiperContainer = this.$el.querySelector('.swiper-container');\n      this.heroSwiper = new Swiper(swiperContainer, swiperOptions);\n      this.heroSwiper.init();\n      vm.ready = true;\n    },\n    /**\n     * When slides change, we want to disable tabbing on slides that\n     * aren't the active one.\n     */\n    setTabIndexes() {\n      this.$nextTick(() => {\n        const slides = this.$el.querySelectorAll('.swiper-slide');\n        slides.forEach((slide) => {\n          // both active slide and next slide are visible, so they need to be available to keyboards and screen readers\n          if(slide.classList.contains('swiper-slide-active') || slide.classList.contains('swiper-slide-next')) {\n            slide.setAttribute('tabindex', '0');\n            slide.setAttribute('aria-hidden', 'false');\n          } else {\n            slide.setAttribute('tabindex', '-1'); // keep non-visible slides from tab order\n            slide.setAttribute('aria-hidden', 'true'); // hide non-visible slides from screen readers\n          }\n        })\n      })\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import \"hero\";\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!./hero.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!./hero.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./hero.vue?vue&type=template&id=4ab5453a\"\nimport script from \"./hero.vue?vue&type=script&lang=js\"\nexport * from \"./hero.vue?vue&type=script&lang=js\"\nimport style0 from \"./hero.vue?vue&type=style&index=0&id=4ab5453a&prod&lang=scss\"\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":""}