{"version":3,"sources":["webpack:///./src/Feature/Sliders/code/Scripts/BrandSlider/brand-slider.vue?dca9","webpack:///src/Feature/Sliders/code/Scripts/BrandSlider/brand-slider.vue","webpack:///./src/Feature/Sliders/code/Scripts/BrandSlider/brand-slider.vue?0cea","webpack:///./src/Feature/Sliders/code/Scripts/BrandSlider/brand-slider.vue","webpack:///./src/Feature/Sliders/code/Scripts/BrandSlider/index.js","webpack:///./node_modules/core-js/modules/es6.string.link.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isLoading","brands","length","brandInfo","video","attrs","allyRoleCarousel","key","randomKey","domProps","_e","background","title","_t","allyRoleSlide","_v","_s","focus","baseline","text","directives","name","rawName","value","category","action","label","currentBrand","event_name","cta_name","link_url","linkUrl","expression","arg","link","updateFilter","selected","sliderKey","ref","slidePerPage","noBrandFound","isSliderLoop","sliderStartAt","allyChooseSlide","on","updateCarousel","noBrandFounds","_l","item","index","GUID","logo","staticRenderFns","component","VueModule","components","BrandSlider","createHTML","url"],"mappings":"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","file":"brand-slider.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"brand-slider container--large\",class:{'brand-slider--loading ' : _vm.isLoading, 'brand-slider--single' : _vm.brands.length === 1, 'brand-slider--video' : _vm.brandInfo.video },attrs:{\"aria-roledescription\":_vm.allyRoleCarousel}},[(_vm.brandInfo.video)?[_c('div',{staticClass:\"image-wrapper image brand-slider__background brand-slider__background--video\"},[_c('video',{key:_vm.brandInfo.video + _vm.randomKey(),staticClass:\"brand-slider__video  video-lazy-bg-load\",attrs:{\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\",\"playsinline\":\"\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"data-src\":_vm.brandInfo.video}}),_c('track',{attrs:{\"label\":\"English\",\"kind\":\"captions\",\"srclang\":\"en\",\"data-src\":_vm.brandInfo.video}})])])]:_vm._e(),(_vm.brandInfo.background)?[_c('responsive-image',{key:_vm.brandInfo.background,staticClass:\"image image--brandSlider brand-slider__background\",attrs:{\"srcset\":_vm.brandInfo.background}},[_c('img',{attrs:{\"src\":\"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=\",\"alt\":_vm.brandInfo.title,\"aria-hidden\":true}})])]:[_vm._t(\"brand-bg\")],_c('div',{staticClass:\"brand-slider__content\"},[_c('div',{staticClass:\"container--medium\"},[_c('div',{staticClass:\"brand-slider__copy\",attrs:{\"aria-roledescription\":_vm.allyRoleSlide,\"aria-live\":\"polite\",\"aria-atomic\":\"true\"}},[_c('div',{staticClass:\"brand-slider__suptitle\"},[(_vm.brandInfo.focus)?[_vm._v(_vm._s(_vm.brandInfo.focus))]:[_vm._t(\"brand-focus\")]],2),_c('div',{staticClass:\"brand-slider__title\"},[(_vm.brandInfo.title)?[_vm._v(_vm._s(_vm.brandInfo.title))]:[_vm._t(\"brand-name\")]],2),_c('div',{staticClass:\"brand-slider__baseline halesworth\"},[(_vm.brandInfo.baseline)?[_vm._v(_vm._s(_vm.brandInfo.baseline))]:[_vm._t(\"brand-baseline\")]],2),_c('div',{staticClass:\"brand-slider__text\"},[(_vm.brandInfo.text)?[_vm._v(_vm._s(_vm.brandInfo.text))]:[_vm._t(\"brand-copy\")]],2),_c('a',{directives:[{name:\"tag\",rawName:\"v-tag:useractionevent\",value:( {\n            category: 'content',\n            action: 'select::brand slider',\n            label: _vm.currentBrand ,\n            event_name: 'slider_button_click',\n            cta_name: _vm.brandInfo.label,\n            link_url: _vm.linkUrl}),expression:\" {\\n            category: 'content',\\n            action: 'select::brand slider',\\n            label: currentBrand ,\\n            event_name: 'slider_button_click',\\n            cta_name: brandInfo.label,\\n            link_url: linkUrl}\",arg:\"useractionevent\"}],key:_vm.randomKey(),staticClass:\"brand-slider__btn btn btn--ghost\",attrs:{\"href\":_vm.brandInfo.link}},[_vm._v(_vm._s(_vm.brandInfo.label))])]),_vm._t(\"filters\",null,{\"updateFilter\":_vm.updateFilter,\"selected\":_vm.selected})],2)]),_c('div',{staticClass:\"brand-slider__slider\"},[(_vm.mounted)?_c('slider',{key:_vm.sliderKey,ref:\"slider\",attrs:{\"id\":\"brand-slider-filtered\",\"per-page-custom\":_vm.slidePerPage,\"per-page-with-active\":5,\"navigation-enabled\":!_vm.noBrandFound?true:false,\"pagination-enabled\":false,\"loop\":_vm.isSliderLoop,\"loop-start-at\":_vm.sliderStartAt,\"aria-label\":_vm.allyChooseSlide,\"role\":\"group\"},on:{\"pageChange\":_vm.updateCarousel}},[(_vm.brands.length > 0 && !_vm.noBrandFounds)?_vm._l((_vm.brands),function(item,index){return _c('slide-item',{key:item.GUID,staticClass:\"brand-slider__slide\",attrs:{\"data-GUID\":item.GUID}},[_c('button',{attrs:{\"type\":\"button\",\"data-index\":index,\"aria-label\":item.name}},[_c('img',{staticClass:\"brand-slider__logo\",attrs:{\"src\":item.logo,\"alt\":\"\"}})])])}):(_vm.noBrandFound == true)?void 0:[_vm._t(\"slides\")]],2):_vm._e()],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section\r\n    class=\"brand-slider container--large\"\r\n    :class=\"{'brand-slider--loading ' : isLoading, 'brand-slider--single' : brands.length === 1, 'brand-slider--video' : brandInfo.video }\"\r\n    :aria-roledescription=\"allyRoleCarousel\"\r\n  >\r\n    <template v-if=\"brandInfo.video\">\r\n      <div class=\"image-wrapper image brand-slider__background brand-slider__background--video\">\r\n        <video autoplay muted loop playsinline class=\"brand-slider__video  video-lazy-bg-load\" :key=\"brandInfo.video + randomKey()\">\r\n          <source :data-src=\"brandInfo.video\">\r\n          <track label=\"English\" kind=\"captions\" srclang=\"en\" :data-src=\"brandInfo.video\">\r\n        </video>\r\n      </div>\r\n    </template>\r\n\r\n    <template v-if=\"brandInfo.background\">\r\n      <responsive-image\r\n        :srcset=\"brandInfo.background\"\r\n        class=\"image image--brandSlider brand-slider__background\"\r\n        :key=\"brandInfo.background\"\r\n      >\r\n\r\n        <!-- Accessibility -->\r\n        <img src=\"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=\" :alt=\"brandInfo.title\" :aria-hidden=\"true\">\r\n      </responsive-image>\r\n\r\n    </template>\r\n    <template v-else>\r\n      <slot name=\"brand-bg\" />\r\n    </template>\r\n    <div class=\"brand-slider__content\">\r\n      <div class=\"container--medium\">\r\n        <div\r\n          class=\"brand-slider__copy\"\r\n          :aria-roledescription=\"allyRoleSlide\"\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n        >\r\n          <div class=\"brand-slider__suptitle\">\r\n            <template v-if=\"brandInfo.focus\">{{ brandInfo.focus }}</template>\r\n            <template v-else>\r\n              <slot name=\"brand-focus\" />\r\n            </template>\r\n          </div>\r\n          <div class=\"brand-slider__title\">\r\n            <template v-if=\"brandInfo.title\">{{ brandInfo.title }}</template>\r\n            <template v-else>\r\n              <slot name=\"brand-name\" />\r\n            </template>\r\n          </div>\r\n          <div class=\"brand-slider__baseline halesworth\">\r\n            <template v-if=\"brandInfo.baseline\">{{ brandInfo.baseline }}</template>\r\n            <template v-else>\r\n              <slot name=\"brand-baseline\" />\r\n            </template>\r\n          </div>\r\n          <div class=\"brand-slider__text\">\r\n            <template v-if=\"brandInfo.text\">{{ brandInfo.text }}</template>\r\n            <template v-else>\r\n              <slot name=\"brand-copy\" />\r\n            </template>\r\n          </div>\r\n          <a\r\n            :href=\"brandInfo.link\"\r\n            :key=\"randomKey()\"\r\n            class=\"brand-slider__btn btn btn--ghost\"\r\n            v-tag:useractionevent = \" {\r\n              category: 'content',\r\n              action: 'select::brand slider',\r\n              label: currentBrand ,\r\n              event_name: 'slider_button_click',\r\n              cta_name: brandInfo.label,\r\n              link_url: linkUrl}\"\r\n          >{{ brandInfo.label }}</a>\r\n        </div>\r\n        <slot name=\"filters\" :updateFilter=\"updateFilter\" :selected=\"selected\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"brand-slider__slider\">\r\n      <slider\r\n        v-if=\"mounted\"\r\n        id=\"brand-slider-filtered\"\r\n        :key=\"sliderKey\"\r\n        :per-page-custom=\"slidePerPage\"\r\n        :per-page-with-active=\"5\"\r\n        :navigation-enabled=\"!noBrandFound?true:false\"\r\n        :pagination-enabled=\"false\"\r\n        :loop=\"isSliderLoop\"\r\n        :loop-start-at=\"sliderStartAt\"\r\n        ref=\"slider\"\r\n        :aria-label=\"allyChooseSlide\"\r\n        role=\"group\"\r\n        @pageChange=\"updateCarousel\">\r\n\r\n        <template v-if=\"brands.length > 0 && !noBrandFounds\">\r\n          <slide-item\r\n            v-for=\"(item, index) in brands\"\r\n            :key=\"item.GUID\"\r\n            class=\"brand-slider__slide\"\r\n            :data-GUID=\"item.GUID\"\r\n          >\r\n            <button\r\n              type=\"button\"\r\n              :data-index=\"index\"\r\n              :aria-label=\"item.name\">\r\n              <img\r\n                :src=\"item.logo\"\r\n                alt=\"\"\r\n                class=\"brand-slider__logo\"\r\n              >\r\n            </button>\r\n          </slide-item>\r\n        </template>\r\n        <template v-else-if=\"noBrandFound == true\"/>\r\n\r\n        <template v-else>\r\n          <slot name=\"slides\"/>\r\n        </template>\r\n\r\n      </slider>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\n  import ResponsiveImage from '@Foundation/ResponsiveImage/code/Scripts/components/responsive-image.vue';\r\n  import Slider from '@Foundation/Slider/code/Scripts/components/slider/slider';\r\n  import SlideItem from '@Foundation/Slider/code/Scripts/components/slide/slideItem';\r\n  import { fetchData } from '@Foundation/services';\r\n  import { srcset } from '@Foundation/directives/srcset/srcset';\r\n  import { tag } from '@Foundation/analyticsHandler/directives/tag.js';\r\n  import { checkScreenSize } from '@Foundation/mixins/checkScreenSize';\r\n  import { videoLazyObserver } from '../../../../../Foundation/Core/code/Scripts/utilities/intersectionViewportObserver';\r\n\r\n  export default {\r\n    name: 'brand-slider',\r\n\r\n    components: {\r\n      ResponsiveImage,\r\n      Slider,\r\n      SlideItem,\r\n      'loader': () => import('@Feature/Loader/code/Script/Loader'),\r\n    },\r\n    directives: {\r\n      srcset,\r\n      tag\r\n    },\r\n\r\n    mixins: [checkScreenSize],\r\n    props: {\r\n      brandsUrl: {\r\n        type: String,\r\n        default: null\r\n      },\r\n      filterUrl: {\r\n        type: String,\r\n        default: null\r\n      },\r\n      arraySize: {\r\n        type: String,\r\n        default: null\r\n      },\r\n      allyRoleCarousel: {\r\n        type: String,\r\n        default: 'Carousel'\r\n      },\r\n      allyRoleSlide: {\r\n        type: String,\r\n        default: 'Slide'\r\n      },\r\n      allyChooseSlide: {\r\n        type: String,\r\n        default: 'Choose a slide'\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        counter: 0,\r\n        currentBrand: null,\r\n        selected: 1,\r\n        isLeaving: false,\r\n        isEntering: false,\r\n        isSliderLoop: true,\r\n        slidePerPage: [[320, 3], [768, 5]],\r\n        sliderKey: Date.now(),\r\n        sliderStartAt: this.initialSlide(this.arraySize),\r\n        brandInfo: {\r\n          title: null,\r\n          focus: null,\r\n          text: null,\r\n          label: null,\r\n          baseline: null,\r\n          background: null,\r\n          video: null\r\n        },\r\n        brands: [],\r\n        selectedFilter: null,\r\n        isLoading: false,\r\n        mounted: false,\r\n        noBrandFound: false,\r\n        linkUrl: window.location.origin\r\n      };\r\n    },\r\n\r\n    mounted() {\r\n      this.mounted = true;\r\n      this.$nextTick(this.clickableBrand);\r\n    },\r\n\r\n    methods: {\r\n      brandsButtons() {\r\n        return this.$el.querySelectorAll('.brand-slider__slide button');\r\n      },\r\n\r\n      randomKey() {\r\n        return String(Math.random()).slice(2);\r\n      },\r\n\r\n      clickableBrand() {\r\n        this.brandClick = (event) => {\r\n          const isClonedSlide = event.currentTarget.parentNode.classList.contains('slide__cloned');\r\n          let brandIndex = +event.currentTarget.dataset.index;\r\n          const notTheLastInLoop = brandIndex - 1 >= 0;\r\n          const barndSlides = [...this.$el.querySelectorAll('.slider__slide')];\r\n          const clickedSlideIndex = barndSlides.indexOf(event.currentTarget.parentNode.classList);\r\n          const activeSlideIndex = barndSlides.indexOf(this.$el.querySelector('.slider__slide.active'));\r\n\r\n\r\n          let clickDirection;\r\n\r\n          clickedSlideIndex < activeSlideIndex ? clickDirection = 'backward' : clickDirection = 'forward';\r\n\r\n          /*istanbul ignore else */\r\n          if (this.screenSize !== 'small' && this.brands.length === 4) {\r\n            brandIndex += 1;\r\n          }\r\n\r\n          if (this.screenSize !== 'small' && isClonedSlide && clickDirection === 'forward') {\r\n\r\n            this.$refs.slider.slideTransition = 'none';\r\n\r\n            if (notTheLastInLoop) {\r\n              this.$refs.slider.goToPage(brandIndex - 1);\r\n            } else {\r\n              this.$refs.slider.goToPage(0);\r\n            }\r\n\r\n            setTimeout(() => {\r\n              this.$refs.slider.slideTransition = `${this.$refs.slider.speed / 1000}s ${this.$refs.slider.easing} transform`;\r\n            }, 10);\r\n\r\n          } else if (this.screenSize !== 'small' && isClonedSlide && clickDirection === 'backward') {\r\n\r\n            this.$refs.slider.slideTransition = 'none';\r\n            this.$refs.slider.goToPage(brandIndex + 1);\r\n\r\n            setTimeout(() => {\r\n              this.$refs.slider.slideTransition = `${this.$refs.slider.speed / 1000}s ${this.$refs.slider.easing} transform`;\r\n\r\n              this.$refs.slider.goToPage(brandIndex);\r\n            }, 10);\r\n\r\n          } else  {\r\n            this.screenSize === 'small' ? this.$refs.slider.goToPage(brandIndex + 1) : this.$refs.slider.goToPage(brandIndex);\r\n          }\r\n        };\r\n\r\n        this.brandsButtons().forEach((brand) => {\r\n          brand.addEventListener('click', e => this.brandClick(e));\r\n        });\r\n      },\r\n\r\n      clearBrandClick() {\r\n        if (this.brandClick) {\r\n          this.brandsButtons().forEach((brand) => {\r\n            brand.removeEventListener('click', e => this.brandClick(e));\r\n          });\r\n        }\r\n      },\r\n\r\n      initialSlide(number) {\r\n        return Math.floor(Math.random() * number);\r\n      },\r\n\r\n      setActiveSlide() {\r\n        const slides = [...this.$el.querySelectorAll('.brand-slider__slide button')];\r\n\r\n        slides.forEach(element => element.removeAttribute('aria-selected'));\r\n        this.$el.querySelector('.brand-slider__slide.active button').setAttribute('aria-selected', true);\r\n      },\r\n\r\n      getBrandName() {\r\n        this.currentBrand = this.$el.querySelector('.brand-slider__slide.active button').getAttribute('aria-label');\r\n      },\r\n\r\n      getCurrentSlide() {\r\n        return document.querySelector('.brand-slider__slide.active');\r\n      },\r\n\r\n      handleVideoLazy() {\r\n        setTimeout(()=>{\r\n          const videoElementList = document.querySelectorAll('.video-lazy-bg-load');\r\n          if (videoElementList.length > 0) {\r\n            videoLazyObserver(videoElementList);\r\n          }\r\n        }, 1000);\r\n      },\r\n\r\n      updateFilter(id, selected) {\r\n        this.isLoading = true;\r\n        this.clearBrandClick();\r\n        this.selected = selected;\r\n        this.isLeaving = true;\r\n        fetchData(this.filterUrl, { data: { GUID: id } }).then(filteredBrand => {\r\n          this.slidePerPage = filteredBrand.length >= 5 ? [[320, 3], [768, 5]] : [[320, 3], [768, filteredBrand.length >= 5 ? 5 : 3]];\r\n          this.brands = filteredBrand.filter((data)=>{\r\n            return data.issliderdisplay === true;\r\n          });\r\n          if (this.brands.length === 0) {\r\n            this.noBrandFound = true;\r\n          } else {\r\n            this.noBrandFound = false;\r\n          }\r\n          this.sliderStartAt = this.initialSlide(filteredBrand.length);\r\n          this.sliderKey = Date.now();\r\n        })\r\n          .then(() => {\r\n            this.isEntering = true;\r\n            this.clickableBrand();\r\n          });\r\n      },\r\n\r\n      updateCarousel() {\r\n        let GUID;\r\n        let size;\r\n\r\n        switch (this.screenSize) {\r\n          case 'small':\r\n            size = 0;\r\n            break;\r\n\r\n          case 'medium':\r\n            size = 768;\r\n            break;\r\n\r\n          case 'tablet':\r\n            size = 768;\r\n            break;\r\n\r\n          case 'large':\r\n            size = 1370;\r\n            break;\r\n\r\n          default:\r\n            size = 0;\r\n            break;\r\n        }\r\n\r\n\r\n        this.counter += 1;\r\n        const innerCounter = this.counter;\r\n        this.isLoading = true;\r\n\r\n        setTimeout(() => {\r\n          this.isLeaving = true;\r\n          const slide = this.getCurrentSlide();\r\n          GUID = slide.getAttribute('data-GUID');\r\n          /* istanbul ignore else */\r\n          this.counter === innerCounter && fetchData(this.brandsUrl, { data: { GUID: GUID, size } }).then(\r\n            brands => {\r\n              const newSlide = brands;\r\n              this.brandInfo.title = newSlide.title;\r\n              this.brandInfo.focus = newSlide.focus;\r\n              this.brandInfo.text = newSlide.text;\r\n              this.brandInfo.baseline = newSlide.baseline;\r\n              this.brandInfo.background = newSlide.background;\r\n              this.brandInfo.video = newSlide.video;\r\n              this.brandInfo.label = newSlide.label;\r\n              this.brandInfo.link = newSlide.link;\r\n              this.linkUrl = `${window.location.origin}${newSlide.link}`;\r\n              setTimeout(() => {\r\n                this.setActiveSlide();\r\n                this.getBrandName();\r\n                this.isLeaving = false;\r\n                this.isEntering = true;\r\n                this.isLoading = false;\r\n                this.handleVideoLazy();\r\n              }, 200);\r\n            }\r\n          );\r\n        }, 10);\r\n      }\r\n    }\r\n  };\r\n</script>\r\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!./brand-slider.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!./brand-slider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./brand-slider.vue?vue&type=template&id=ccb73b28&\"\nimport script from \"./brand-slider.vue?vue&type=script&lang=js&\"\nexport * from \"./brand-slider.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 { VueModule } from '@Foundation/utilities';\r\nimport BrandSlider from './brand-slider.vue';\r\n\r\nexport default VueModule({\r\n  components: {\r\n    BrandSlider,\r\n  }\r\n});\r\n","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n"],"sourceRoot":""}