{"version":3,"sources":["webpack:///./src/components/SlideImgVideo/SlideImgVideo.vue?6660","webpack:///src/components/SlideImgVideo/SlideImgVideo.vue","webpack:///./src/components/SlideImgVideo/SlideImgVideo.vue?953d","webpack:///./src/components/SlideImgVideo/SlideImgVideo.vue","webpack:///./src/components/CarouselV3/CarouselV3.vue?1513","webpack:///src/components/CarouselV3/CarouselV3.vue","webpack:///./src/components/CarouselV3/CarouselV3.vue?cf20","webpack:///./src/components/CarouselV3/CarouselV3.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","slideImgStyle","attrs","imageMobile","_f","item","itemAltText","$options","filters","mgnlMedia","staticClass","ref","style","videoSource","height","autoplayVideo","vimeoControls","options","$msg","on","handlePlayerError","onReady","_e","$event","unmute","_m","mute","pause","staticStyle","play","staticRenderFns","_v","component","$config","editMode","parseInt","model","playSpeed","activeSlide","_l","index","key","uuid","media","altImage","hideGradient","videoMobile","slidenum","updateCarouselIndex","link","label","onBlank","analyticsData","showControls","hideTitleAndText","_s","title","domProps","text","stopCarousel","startCarousel","activeNav","preventDefault","updateSlide","refInFor","mixins","name","data","hover","speed","carouselIndex","components","Hooper","Slide","SlideImgVideo","PgButton","computed","classes","setTimeout","loaderStyle","checkNavigation","childElement","length","heroItems","methods","evCategory","evAction","evLabel","changePlaySpeed","carousel","slideTo","timer","restart","payload","currentSlide","stop","mounted","$emit","$refs","propsData"],"mappings":"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","file":"js/chunk-41957b65-22e8f671b0881a38938a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isImg)?_c('div',{class:_vm.slideImgStyle},[_c('picture',[_c('source',{attrs:{\"media\":\"(min-width:0) and (max-width:1023px)\",\"srcset\":_vm.imageMobile}}),_c('source',{attrs:{\"media\":\"(min-width:1024px)\",\"srcset\":_vm._f(\"mgnlMedia\")(_vm.item,'url')}}),_c('pg-image',{attrs:{\"lazy-src\":_vm._f(\"mgnlMedia\")(_vm.item,'url'),\"alt\":_vm.itemAltText ? _vm.itemAltText : _vm.$options.filters.mgnlMedia(this.item, 'title')}})],1)]):_c('div',{staticClass:\"slide-img__video\"},[(_vm.videoShouldBeLoaded)?_c('vue-vimeo-player',{ref:\"player\",style:(_vm.previewImage),attrs:{\"video-id\":_vm.videoSource,\"player-height\":_vm.height,\"autoplay\":_vm.autoplayVideo,\"options\":!_vm.vimeoControls ? _vm.options : '',\"controls\":_vm.vimeoControls,\"aria-label\":_vm.$msg(\"common.heroheading.video.container.aria\")},on:{\"error\":_vm.handlePlayerError,\"ready\":_vm.onReady}}):_vm._e(),(!_vm.autoplayVideo && !_vm.vimeoControls)?_c('div',{staticClass:\"toggle-mute\"},[(_vm.isInMute)?_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.unmute()}}},[_vm._m(0)]):_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.mute()}}},[_vm._m(1)])]):_vm._e(),(!_vm.vimeoControls)?_c('div',{staticClass:\"toggle-play\"},[(_vm.isInPlay)?_c('button',{attrs:{\"type\":\"button\",\"aria-label\":_vm.$msg('common.heroheading.video.pause.aria'),\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.pause()}}},[_vm._m(2)]):_c('button',{staticStyle:{\"color\":\"#fff\"},attrs:{\"type\":\"button\",\"aria-label\":_vm.$msg('common.heroheading.video.play.aria'),\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.play()}}},[_vm._m(3)])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"icon icon-mute\"},[_c('span',{staticClass:\"show-for-sr\"},[_vm._v(\"unmute\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"icon icon-unmute\"},[_c('span',{staticClass:\"show-for-sr\"},[_vm._v(\"mute\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"icon icon-pause\"},[_c('span',{staticClass:\"show-for-sr\"},[_vm._v(\"pause\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:\"icon icon-play\"},[_c('span',{staticClass:\"show-for-sr\"},[_vm._v(\"play\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"slideImgStyle\" v-if=\"isImg\">\n    <picture>\n      <source media=\"(min-width:0) and (max-width:1023px)\" :srcset=\"imageMobile\"/>\n      <source media=\"(min-width:1024px)\" :srcset=\"item | mgnlMedia('url')\"/>\n      <pg-image :lazy-src=\"item | mgnlMedia('url')\"\n                :alt=\"itemAltText ? itemAltText : $options.filters.mgnlMedia(this.item, 'title')\"\n      ></pg-image>\n    </picture>\n  </div>\n  <div class=\"slide-img__video\" v-else>\n\n    <vue-vimeo-player v-if=\"videoShouldBeLoaded\"\n                      @error=\"handlePlayerError\"\n                      @ready=\"onReady\"\n                      ref=\"player\"\n                      :video-id=\"videoSource\"\n                      :player-height=\"height\"\n                      :autoplay=\"autoplayVideo\"\n                      :options=\"!vimeoControls ? options : ''\"\n                      :controls=\"vimeoControls\"\n                      :style=\"previewImage\"\n                      :aria-label=\"$msg(`common.heroheading.video.container.aria`)\"\n    ></vue-vimeo-player>\n\n    <div class=\"toggle-mute\" v-if=\"!autoplayVideo && !vimeoControls\">\n      <button @click=\"unmute()\" type=\"button\" v-if=\"isInMute\">\n        <i class=\"icon icon-mute\">\n          <span class=\"show-for-sr\">unmute</span>\n        </i>\n      </button>\n      <button v-else @click=\"mute()\" type=\"button\">\n        <i class=\"icon icon-unmute\">\n          <span class=\"show-for-sr\">mute</span></i>\n      </button>\n    </div>\n\n\n    <div v-if=\"!vimeoControls\" class=\"toggle-play\">\n      <button @click=\"pause()\" type=\"button\" v-if=\"isInPlay\" :aria-label=\"$msg('common.heroheading.video.pause.aria')\" tabindex=\"0\">\n        <i class=\"icon icon-pause\">\n          <span class=\"show-for-sr\">pause</span>\n        </i>\n      </button>\n      <button @click=\"play()\" type=\"button\" v-else style=\"color:#fff\" :aria-label=\"$msg('common.heroheading.video.play.aria')\" tabindex=\"0\">\n        <i class=\"icon icon-play\">\n          <span class=\"show-for-sr\">play</span>\n        </i>\n      </button>\n    </div>\n\n\n  </div>\n</template>\n\n\n<script>\n  import PgImage from \"../Image/Image.vue\";\n  import PgButton from \"../Button/Button.vue\";\n  import {vueVimeoPlayer} from 'vue-vimeo-player'\n\n  export default {\n    name: \"SlideImgVideo\",\n    components: {\n      PgImage,\n      PgButton,\n      vueVimeoPlayer\n    },\n    data() {\n      return {\n        height: '100%',\n        options: {\n          muted: true,\n          loop: true,\n          autopause: false\n        },\n        playerReady: false,\n\n        isInPlay: false,\n\n        isInMute: true\n      }\n    },\n    props: {\n      item: {\n        type: Object,\n        default: () => ({})\n      },\n      itemMobile: {\n        type: Object,\n        default: () => ({})\n      },\n      itemAltText: {\n        type: String\n      },\n      videoMobile: {\n        type: Object,\n        required: false,\n        default: () => ({})\n      },\n      autoplayVideo: {\n        type: Boolean,\n        required: false,\n        default: false\n      },\n      vimeoControls: {\n        type: Boolean,\n        default: false\n      },\n      audioVideo: {\n        type: Boolean,\n        required: false,\n        default: false\n      },\n      slideNum: {\n        type: Number\n      },\n      currentSlide: {\n        type: Number\n      },\n      hideGradient: {\n        type: Boolean,\n        required: false,\n        default: false\n      }\n    },\n    computed: {\n      isImg() {\n        return (\n          (this.item && this.item.type === \"image\") ||\n          (this.$mq !== \"large\" &&\n            this.item.type !== \"image\" &&\n            this.itemMobile &&\n            typeof this.videoMobile === \"undefined\")\n        );\n      },\n      previewImage() {\n        let preview;\n        if (this.$mq == \"small\") {\n          preview = this.imageMobile;\n        } else {\n          preview = this.item.previewImage !== \"undefined\" ? this.item.previewImage : item | this.$options.filters.mgnlMedia('url');\n        }\n        return `background:url(${preview}) transparent 0 0;background-size: cover;`;\n      },\n      imageMobile() {\n        return this.$options.filters.mgnlMedia(\n          this.itemMobile || this.item,\n          \"url\"\n        );\n      },\n      videoShouldBeLoaded() {\n        this.autoplayVideo ? this.isInPlay = true : this.isInPlay = false;\n        return this.slideNum === this.currentSlide;\n      },\n      slideImgStyle() {\n        return [\"slide-img__image\", this.hideGradient ? \"slide-img__image--no-gradient\" : \"\"]\n      },\n      videoSource() {\n        const path = \"https://vimeo.com/\";\n        let videoPath =\n          (this.$mq !== \"large\" && this.videoMobile && this.videoMobile.url) ||\n          this.item.url;\n        let videoId = videoPath && videoPath.substr(path.length, videoPath.length);\n\n        return videoId;\n      },\n      toggleLabel() {\n        const labelKey = this.isVideoPaused\n          ? \"common.heroheading.video.play.aria\"\n          : \"common.heroheading.video.pause.aria\";\n        return this.$msg(labelKey);\n      }\n    },\n    methods: {\n      onReady() {\n        if (this.autoplayVideo) this.isInPlay = true;\n        this.playerReady = true\n      },\n      play() {\n        this.$refs.player && this.$refs.player.play();\n        this.isInPlay = true;\n      },\n      pause() {\n        this.$refs.player && this.$refs.player.pause();\n        this.isInPlay = false;\n      },\n      mute() {\n        this.$refs.player && this.$refs.player.mute();\n        this.isInMute = true;\n      },\n      unmute() {\n        this.$refs.player && this.$refs.player.unmute();\n        this.isInMute = false;\n      },\n      handlePlayerError(err) {\n        if(err) {\n          const iFrame = this.$refs.player.$el.getElementsByTagName('iframe');\n          if(iFrame.length > 0) {\n            iFrame[0].style.display = 'none';\n          }\n        }\n      }\n    },\n    mounted() {\n      if (this.autoplayVideo) this.isInPlay = true;\n\n      if (this.audioVideo) {\n        this.unmute();\n      }\n    },\n    watch: {\n      videoSource() {\n        //this.player && this.player.unload();\n        this.playerReady = false;\n        this.$nextTick(() => {\n          return this.playerReady = true\n        });\n      }\n    }\n  };\n</script>","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!./SlideImgVideo.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!./SlideImgVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SlideImgVideo.vue?vue&type=template&id=13d94e38&\"\nimport script from \"./SlideImgVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./SlideImgVideo.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('div',{staticClass:\"carouselV3\"},[_c('hooper',{ref:\"carousel\",attrs:{\"itemsToShow\":1,\"centerMode\":true,\"autoPlay\":!_vm.$config.editMode,\"playSpeed\":parseInt(_vm.model.playSpeed),\"hoverPause\":true,\"wheelControl\":false,\"pagination\":\"no\"},on:{\"slide\":_vm.activeSlide}},_vm._l((_vm.model.heroItems),function(item,index){return _c('slide',{key:item.uuid},[_c('div',{staticClass:\"content-slide\"},[_c('slide-img-video',{attrs:{\"item\":item.media,\"itemMobile\":item.imageMobile,\"itemAltText\":item.altImage,\"hideGradient\":item.hideGradient,\"videoMobile\":item.videoMobile,\"slide-num\":_vm.slidenum,\"current-slide\":index,\"autoplayVideo\":item.autoplayVideo,\"audioVideo\":false,\"vimeoControls\":item.vimeoControls},on:{\"slide-img-video-mounted\":function($event){return _vm.updateCarouselIndex(index)}}}),(item.link && !item.label)?_c('pg-button',{staticClass:\"content-slide__link\",attrs:{\"href\":_vm._f(\"mgnlLink\")(item.link,'url'),\"targetBlank\":item.onBlank,\"analyticsData\":_vm.analyticsData(item)}},[_c('msg',{attrs:{\"id\":\"common.article-featured.readmore.aria\",\"cssClass\":\"show-for-sr\"}})],1):_vm._e()],1),_c('div',{class:(\"content-slide \" + _vm.showControls)},[_c('div',{class:(\"carouselV3__container carouselV3__container--\" + (item.layout) + \" \" + _vm.showControls)},[_c('div',{staticClass:\"carouselV3__content\"},[_c('h2',{class:(\"carouselV3__title \" + (item.hideTitleAndText ? 'show-for-sr' : ''))},[_vm._v(_vm._s(item.title))]),(item.text)?_c('div',{class:(\"carouselV3__text \" + (item.hideTitleAndText ? 'show-for-sr' : '')),domProps:{\"innerHTML\":_vm._s(item.text)}}):_vm._e(),(item.label)?_c('div',{staticClass:\"cta-links\"},[_c('pg-button',{staticClass:\"padding-left-right-0\",attrs:{\"href\":_vm._f(\"mgnlLink\")(item.link,'url'),\"color\":'primary',\"styleType\":'contained',\"size\":'medium',\"targetBlank\":item.onBlank,\"analyticsData\":_vm.analyticsData(item)}},[_vm._v(_vm._s(item.label))])],1):_vm._e()])])])])}),1),(_vm.checkNavigation)?_c('div',{class:(\"carouselV3__container carouselV3__container--bottom \" + _vm.showControls)},[_c('ul',{staticClass:\"carouselV3__navigation\",on:{\"mouseover\":_vm.stopCarousel,\"mouseleave\":_vm.startCarousel}},_vm._l((_vm.model.heroItems),function(item,index){return _c('li',{key:item.uuid,class:_vm.activeNav(index)},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.updateSlide(index)}}},[_c('i',{class:(\"icon-\" + (item.iconName)),attrs:{\"aria-hidden\":\"true\"}}),_c('span',{staticClass:\"show-for-large\"},[_vm._v(_vm._s(item.title))]),_c('span',{ref:\"slide-loader\",refInFor:true,staticClass:\"slide-loader\",style:(_vm.loaderStyle)})])])}),0),_vm._v(\"` \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"carouselV3\">\n    <hooper\n      ref=\"carousel\"\n      :itemsToShow=\"1\"\n      :centerMode=\"true\"\n      :autoPlay=\"!$config.editMode\"\n      :playSpeed=\"parseInt(model.playSpeed)\"\n      :hoverPause=\"true\"\n      :wheelControl=\"false\"\n      @slide=\"activeSlide\"\n      pagination=\"no\"\n    >\n      <slide v-for=\"(item, index) in model.heroItems\" :key=\"item.uuid\">\n        <div class=\"content-slide\">\n\n          <slide-img-video\n            :item=\"item.media\"\n            :itemMobile=\"item.imageMobile\"\n            :itemAltText=\"item.altImage\"\n            :hideGradient=\"item.hideGradient\"\n            :videoMobile=\"item.videoMobile\"\n            :slide-num=\"slidenum\"\n            :current-slide=\"index\"\n            :autoplayVideo=\"item.autoplayVideo\"\n            :audioVideo=\"false\"\n            :vimeoControls=\"item.vimeoControls\"\n            @slide-img-video-mounted=\"updateCarouselIndex(index)\"\n          />\n          <!--\n            PIAGGIO-4802: show this if the link is set but has no label\n          -->\n          <pg-button v-if=\"item.link && !item.label\"\n              :href=\"item.link | mgnlLink('url')\"\n             :targetBlank=\"item.onBlank\"\n             class=\"content-slide__link\"\n             :analyticsData=\"analyticsData(item)\"\n             >\n            <msg id=\"common.article-featured.readmore.aria\" cssClass=\"show-for-sr\" />\n          </pg-button>\n        </div>\n\n        <div :class=\"`content-slide ${showControls}`\">\n          <div :class=\"`carouselV3__container carouselV3__container--${item.layout} ${showControls}`\">\n            <div class=\"carouselV3__content\">\n              <h2 :class=\"`carouselV3__title ${item.hideTitleAndText ? 'show-for-sr' : ''}`\">{{item.title}}</h2>\n              <div :class=\"`carouselV3__text ${item.hideTitleAndText ? 'show-for-sr' : ''}`\" v-html=\"item.text\" v-if=\"item.text\"></div>\n\n              <div class=\"cta-links\" v-if=\"item.label\">\n                <pg-button\n                  :href=\"item.link | mgnlLink('url')\"\n                  :color=\"'primary'\"\n                  :styleType=\"'contained'\"\n                  :size=\"'medium'\"\n                  :targetBlank=\"item.onBlank\"\n                  class=\"padding-left-right-0\"\n                  :analyticsData=\"analyticsData(item)\"\n                >{{item.label}}</pg-button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </slide>\n    </hooper>\n\n    <div :class=\"`carouselV3__container carouselV3__container--bottom ${showControls}`\" v-if=\"checkNavigation\">\n      <ul class=\"carouselV3__navigation\" @mouseover=\"stopCarousel\" @mouseleave=\"startCarousel\">\n        <li v-for=\"(item, index) in model.heroItems\" :key=\"item.uuid\" :class=\"activeNav(index)\">\n          <button @click.prevent=\"updateSlide(index)\" type=\"button\">\n            <i :class=\"`icon-${item.iconName}`\" aria-hidden=\"true\"></i>\n            <span class=\"show-for-large\">{{item.title}}</span>\n            <span ref=\"slide-loader\" class=\"slide-loader\" :style=\"loaderStyle\"></span>\n          </button>\n        </li>\n      </ul>`\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mgnlComponentMixin } from \"@wl-vue-mixins/mixins.js\";\nimport { Hooper, Slide }      from \"hooper\";\nimport SlideImgVideo from \"../SlideImgVideo/SlideImgVideo.vue\";\nimport PgButton from \"../Button/Button.vue\";\n\nexport default {\n  mixins: [mgnlComponentMixin], // !!! all the mgnl components must be configured with mgnlComponentMixin !!!\n\n  name: \"CarouselV3\",\n  data: function() {\n    return {\n      slidenum: null,\n      hover: false,\n      speed: 5000,\n      carouselIndex: 0,\n    };\n  },\n  components: {\n    Hooper,\n    Slide,\n    SlideImgVideo,\n    PgButton\n  },\n  computed: {\n    classes(index) {\n      setTimeout(() => {\n        this.slidenum === index ? \"active\" : \"\";\n      }, 0);\n    },\n    loaderStyle() {\n      let playSpeed = this.model.playSpeed;\n      let speed =  Math.floor(playSpeed / 1000);\n      return `animation-duration: ${speed}s`;\n    },\n    checkNavigation() {\n      let childElement = this.model.heroItems;\n      return !!(childElement && childElement.length > 1);\n    },\n    showControls() {\n      return this.model.heroItems && this.model.heroItems[this.carouselIndex].vimeoControls ? 'controls-on' : 'controls-off';\n    }\n  },\n  methods: {\n    analyticsData(el) {\n      return {\n        evCategory: 'call_to_action',\n        evAction: el.document?.url || el.link?.url || el.trackingLabel,\n        evLabel: `${el.campaignId || 'No Campaign'} | ${this.$attrs.actpageFullUrl}`\n      }\n    },\n    changePlaySpeed(speed) {\n      return  speed;\n    },\n    updateSlide(index) {\n      const carousel = this.$refs.carousel;\n      //carousel.timer.stop();\n\n      carousel.slideTo(index);\n\n      carousel.timer.restart();\n    },\n    activeSlide(payload) {\n      this.slidenum = payload.currentSlide;\n    },\n    activeNav(index) {\n      return this.slidenum === index ? \"active\" : \"\";\n    },\n    stopCarousel() {\n      const carousel = this.$refs.carousel;\n      if (carousel.timer) carousel.timer.stop();\n    },\n    startCarousel() {\n      const carousel = this.$refs.carousel;\n\n      if (carousel.timer) carousel.timer.restart();\n    },\n    updateCarouselIndex(index) {\n      this.carouselIndex = index;\n    }\n  },\n  mounted() {\n    this.$emit('slide-img-video-mounted');\n    this.playSpeed = this.$refs.carousel && this.$refs.carousel.$options.propsData.playSpeed;\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!./CarouselV3.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!./CarouselV3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CarouselV3.vue?vue&type=template&id=6621f103&\"\nimport script from \"./CarouselV3.vue?vue&type=script&lang=js&\"\nexport * from \"./CarouselV3.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":""}