(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{1271:function(e,t,a){var o=a(1862);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,a(567).default)("7939e6d5",o,!0,{})},1272:function(e,t,a){var o=a(1864);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,a(567).default)("f0237166",o,!0,{})},1273:function(e,t,a){var o=a(1866);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,a(567).default)("00e821cc",o,!0,{})},1861:function(e,t,a){"use strict";a(1271)},1862:function(e,t,a){(e.exports=a(566)(!1)).push([e.i,'.product-image[data-v-db2232d4]{position:relative;overflow:hidden;width:100%;max-width:100%;height:0;mix-blend-mode:multiply}.product-image__placeholder[data-v-db2232d4],.product-image__thumb[data-v-db2232d4]{position:relative;top:auto;left:auto;-webkit-transform:none;-ms-transform:none;transform:none;cursor:url("/assets/search-plus.png"),auto}.product-image__placeholder[data-v-db2232d4]{max-width:50%}.product-image--zoomed[data-v-db2232d4]{cursor:url("/assets/search-minus.png"),auto}.product-image--height .product-image__thumb[data-v-db2232d4]{height:100%}.product-image--width .product-image__thumb[data-v-db2232d4]{width:100%}.zoomed-image[data-v-db2232d4]{position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;top:0}.invisible[data-v-db2232d4]{visibility:hidden}\n',""])},1863:function(e,t,a){"use strict";a(1272)},1864:function(e,t,a){(e.exports=a(566)(!1)).push([e.i,".fade-enter-active[data-v-35daf5cf]{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.fade-leave-active[data-v-35daf5cf]{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.fade-enter[data-v-35daf5cf],.fade-leave-to[data-v-35daf5cf]{opacity:0}.fade-in-down-enter-active[data-v-35daf5cf],.fade-in-up-enter-active[data-v-35daf5cf]{-webkit-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1)}.fade-in-down-leave-active[data-v-35daf5cf],.fade-in-up-leave-active[data-v-35daf5cf]{-webkit-transition:all .2s cubic-bezier(0.4, 0, 1, 1);-o-transition:all .2s cubic-bezier(0.4, 0, 1, 1);transition:all .2s cubic-bezier(0.4, 0, 1, 1)}.fade-in-down-enter[data-v-35daf5cf],.fade-in-down-leave-to[data-v-35daf5cf],.fade-in-up-enter[data-v-35daf5cf],.fade-in-up-leave-to[data-v-35daf5cf]{opacity:0}.fade-in-down-enter[data-v-35daf5cf],.fade-in-down-leave-to[data-v-35daf5cf]{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.fade-in-up-enter[data-v-35daf5cf],.fade-in-up-leave-to[data-v-35daf5cf]{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.media-zoom-carousel *[data-v-35daf5cf]{-webkit-box-sizing:border-box;box-sizing:border-box}.media-zoom-carousel__container[data-v-35daf5cf]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden;padding:20px;height:750px;max-height:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 767px){.media-zoom-carousel__container[data-v-35daf5cf]{top:50%;bottom:auto;height:auto;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);padding-bottom:30px}}.media-zoom-carousel__thumbs[data-v-35daf5cf]{list-style:none;padding-right:20px;width:100%;max-width:140px;height:100%;overflow:auto;-ms-overflow-style:none}.media-zoom-carousel__thumbs[data-v-35daf5cf]::-webkit-scrollbar{display:none}@media (max-width: 767px){.media-zoom-carousel__thumbs[data-v-35daf5cf]{display:none}}.media-zoom-carousel__thumb[data-v-35daf5cf]{margin-bottom:20px;max-width:100%;cursor:pointer}.media-zoom-carousel__thumb[data-v-35daf5cf]:last-of-type{margin-bottom:0}.media-zoom-carousel__thumb>*[data-v-35daf5cf]{opacity:0.9;will-change:opacity;-webkit-transition:0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);-o-transition:0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);transition:0.3s opacity cubic-bezier(0.4, 0, 0.2, 1)}.media-zoom-carousel__thumb>*[data-v-35daf5cf]:hover{opacity:1}.media-zoom-carousel__gallery[data-v-35daf5cf]{max-width:600px;height:100%;-ms-flex:1 1;flex:1 1}@media (max-width: 767px){.media-zoom-carousel__gallery[data-v-35daf5cf]{height:auto}}.media-zoom-carousel__carousel[data-v-35daf5cf]{height:100%}.media-zoom-carousel__slide[data-v-35daf5cf]{height:100%;max-height:100%}.thumb-video[data-v-35daf5cf]{padding-bottom:calc(319% / (568 / 100))}.video-container[data-v-35daf5cf]{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.media-zoom-carousel__thumb .product-image.product-image--width[data-v-35daf5cf]{padding-bottom:100% !important}.media-zoom-carousel__slide.bg-cl-secondary .product-image.product-image--width[data-v-35daf5cf]{padding-bottom:100% !important}\n",""])},1865:function(e,t,a){"use strict";a(1273)},1866:function(e,t,a){(e.exports=a(566)(!1)).push([e.i,".media-zoom-carousel .VueCarousel-wrapper,.media-zoom-carousel .VueCarousel-inner,.media-zoom-carousel .VueCarousel-slide{height:100%}\n",""])},2028:function(e,t,a){"use strict";a.r(t);var o=a(255),i=a(584),r=a(587),s=a(3),n={props:{calcRatio:{type:Boolean,default:!0},image:{type:Object,default:function(){return{src:"",loading:""}}},alt:{type:String,default:""},isActive:{type:Boolean,default:!1}},data:function(){return{lowerQualityImage:!1,lowerQualityImageError:!1,highQualityImage:!1,highQualityImageError:!1,basic:!0,zoomed:!1,zoomFactor:1}},watch:{lowerQualityImage:function(e){e&&(this.basic=this.$refs.lQ.naturalWidth<this.$refs.lQ.naturalHeight)},isActive:function(){this.zoomed=!1}},computed:{showPlaceholder:function(){return!this.showLowerQuality&&!this.showHighQuality},showLowerQuality:function(){return this.lowerQualityImage&&!this.showHighQuality},showHighQuality:function(){return this.highQualityImage},imageRatio:function(){var e=this.$store.state.config.products.gallery,t=e.width,a=e.height;return"".concat(a/(t/100),"%")},style:function(){return this.calcRatio?{paddingBottom:this.imageRatio}:{}},isOnline:function(e){return s.j.isOnline}},methods:{imageLoaded:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this["".concat(e,"QualityImage")]=t,this["".concat(e,"QualityImageError")]=!t},toggleZoom:function(e){this.zoomed=!this.zoomed,this.calcZoomPosition(e)},calcZoomPosition:function(e){if(this.zoomed){var t=this.pageOffset(this.$refs.mainimage),a=this.$refs.zoomimage,o=this.$refs.mainimage,i=0,r=0;e.touches?(r=e.touches[0].clientY,i=e.touches[0].clientX):(r=e.clientY,i=e.clientX);var s=i-t.x+window.pageXOffset,n=r-t.y+window.pageYOffset,d=s/o.offsetWidth,c=n/o.offsetHeight,l=d*(a.offsetWidth*this.zoomFactor-o.offsetWidth),u=c*(a.offsetHeight*this.zoomFactor-o.offsetHeight);a.style.left=-l+"px",a.style.top=-u+"px"}},pageOffset:function(e){var t=e.getBoundingClientRect(),a=window.pageXOffset||document.documentElement.scrollLeft,o=window.pageYOffset||document.documentElement.scrollTop;return{y:t.top+o,x:t.left+a}}}},d=(a(1861),a(123)),c=Object(d.a)(n,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",e._g({staticClass:"product-image",class:{"product-image--height":e.basic,"product-image--width":!e.basic,"product-image--zoomed":e.zoomed},style:e.style},e.$listeners),[a("img",{directives:[{name:"show",rawName:"v-show",value:e.showPlaceholder,expression:"showPlaceholder"}],staticClass:"product-image__placeholder",attrs:{src:"/assets/placeholder.svg",alt:e.alt}}),e._v(" "),!e.lowerQualityImageError||e.isOnline?a("img",{directives:[{name:"show",rawName:"v-show",value:e.showLowerQuality,expression:"showLowerQuality"}],ref:"lQ",staticClass:"product-image__thumb",attrs:{src:e.image.loading,alt:e.alt},on:{load:function(t){return e.imageLoaded("lower",!0)},error:function(t){return e.imageLoaded("lower",!1)}}}):e._e(),e._v(" "),!e.highQualityImageError||e.isOnline?a("div",{directives:[{name:"show",rawName:"v-show",value:e.showHighQuality,expression:"showHighQuality"}],staticClass:"zoom-image-gallery",on:{click:e.toggleZoom}},[a("img",{ref:"mainimage",staticClass:"product-image__thumb",attrs:{src:e.image.src,alt:e.alt},on:{load:function(t){return e.imageLoaded("high",!0)},error:function(t){return e.imageLoaded("high",!1)}}}),e._v(" "),a("img",{ref:"zoomimage",staticClass:"zoomed-image",class:{invisible:!e.zoomed},style:{transform:"scale("+e.zoomFactor+")"},attrs:{src:e.image.src,alt:e.alt},on:{mousemove:function(t){return e.calcZoomPosition(t)},touchmove:function(t){return e.calcZoomPosition(t)}}})]):e._e()])}),[],!1,null,"db2232d4",null).exports,l=a(977),u={name:"ProductGalleryZoomCarousel",props:{currentSlide:{type:Number,required:!1,default:0},gallery:{type:Array,required:!0},productName:{type:String,required:!0}},data:function(){return{carouselTransitionSpeed:300,currentPage:0,hideImageAtIndex:null}},components:{Carousel:o.Carousel,Slide:o.Slide,ProductImage:r.a,ProductGalleryImage:c,ProductVideo:l.a},mounted:function(){var e=this;if(this.$nextTick((function(){Object(i.disableBodyScroll)(e.$refs.thumbs)})),setTimeout((function(){e.navigate(e.currentSlide)}),100),this.$refs.zoomCarousel){var t=this.$refs.zoomCarousel.$children.find((function(e){return"VueCarousel-navigation"===e.$el.className})),a=this.$refs.zoomCarousel.$children.find((function(e){return"VueCarousel-pagination"===e.$el.className}));void 0!==t&&t.$on("navigationclick",this.increaseCarouselTransitionSpeed),void 0!==a&&a.$on("paginationclick",this.increaseCarouselTransitionSpeed)}},destroyed:function(){Object(i.clearAllBodyScrollLocks)()},methods:{navigate:function(e){this.$refs.zoomCarousel.goToPage(e)},increaseCarouselTransitionSpeed:function(){this.carouselTransitionSpeed=500},pageChange:function(e){this.currentPage=e,this.hideImageAtIndex=null},onVideoStarted:function(e){this.hideImageAtIndex=e}}},m=(a(1863),a(1865),Object(d.a)(u,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"media-zoom-carousel"},[a("div",{staticClass:"media-zoom-carousel__container row flex"},[a("ul",{ref:"thumbs",staticClass:"media-zoom-carousel__thumbs m0 p0"},e._l(e.gallery,(function(t,o){return a("li",{key:t.src,staticClass:"media-zoom-carousel__thumb bg-cl-secondary"},[a("product-image",{attrs:{image:t,alt:e._f("htmlDecode")(e.productName)},on:{click:function(t){return e.navigate(o)}}})],1)})),0),e._v(" "),a("div",{staticClass:"media-zoom-carousel__gallery"},[a("carousel",{ref:"zoomCarousel",staticClass:"media-zoom-carousel__carousel",attrs:{"per-page":1,"mouse-drag":!1,"touch-drag":!1,"navigation-enabled":!0,"pagination-active-color":"#828282","pagination-color":"transparent","navigation-next-label":"<i class='material-icons p15 cl-bg-tertiary pointer'>keyboard_arrow_right</i>","navigation-prev-label":"<i class='material-icons p15 cl-bg-tertiary pointer'>keyboard_arrow_left</i>",speed:e.carouselTransitionSpeed},on:{pageChange:e.pageChange}},e._l(e.gallery,(function(t,o){return a("slide",{key:t.src},[a("div",{staticClass:"media-zoom-carousel__slide bg-cl-secondary",class:{"video-container h-100 flex relative":t.video}},[a("product-gallery-image",{directives:[{name:"show",rawName:"v-show",value:e.hideImageAtIndex!==o,expression:"hideImageAtIndex !== index"}],attrs:{image:t,alt:e._f("htmlDecode")(e.productName),"is-active":o===e.currentPage}}),e._v(" "),t.video&&o===e.currentPage?a("product-video",e._b({attrs:{index:o},on:{"video-started":e.onVideoStarted}},"product-video",t.video,!1)):e._e()],1)])})),1)],1)])])}),[],!1,null,"35daf5cf",null));t.default=m.exports},771:function(e,t,a){var o=a(958);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,a(567).default)("72e4109f",o,!0,{})},772:function(e,t,a){var o=a(960);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);(0,a(567).default)("5f8ac072",o,!0,{})},957:function(e,t,a){"use strict";a(771)},958:function(e,t,a){(e.exports=a(566)(!1)).push([e.i,".loader-container[data-v-e999325e]{z-index:1001;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.65)}.loader-inner-container[data-v-e999325e]{left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.loader-message-container[data-v-e999325e]{background-color:rgba(77,186,135,0.75);border-radius:50px;letter-spacing:0.5px}.spinner[data-v-e999325e]{width:40px;height:40px;margin:0 auto}.double-bounce1[data-v-e999325e],.double-bounce2[data-v-e999325e]{height:100%;opacity:0.6;top:0;left:0;-webkit-animation:sk-bounce-data-v-e999325e 2s infinite ease-in-out;animation:sk-bounce-data-v-e999325e 2s infinite ease-in-out}.double-bounce2[data-v-e999325e]{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce-data-v-e999325e{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce-data-v-e999325e{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}\n",""])},959:function(e,t,a){"use strict";a(772)},960:function(e,t,a){(e.exports=a(566)(!1)).push([e.i,".product-video[data-v-0fa4f0be]{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.product-video .gallery-video[data-v-0fa4f0be]{top:0}.product-video .gallery-video>.material-icons[data-v-0fa4f0be]{left:0;right:0;color:#fff;font-size:120px;top:calc( 50% - 60px);-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;-o-transition:transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s, -webkit-transform ease 0.3s}.product-video .gallery-video[data-v-0fa4f0be]:hover{cursor:pointer}.product-video .gallery-video:hover>.material-icons[data-v-0fa4f0be]{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.product-video .iframe-wrapper[data-v-0fa4f0be]{left:0}.product-video .iframe-wrapper .iframe-container[data-v-0fa4f0be]{padding-top:56.25%}.product-video .iframe-wrapper .iframe-container iframe[data-v-0fa4f0be]{top:0;left:0;border:none}\n",""])},977:function(e,t,a){"use strict";var o={name:"LoaderScoped"},i=(a(957),a(123)),r={components:{LoaderScoped:Object(i.a)(o,(function(){var e=this.$createElement;this._self._c;return this._m(0)}),[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"loader-container absolute"},[t("div",{staticClass:"loader-inner-container absolute"},[t("div",{staticClass:"spinner relative"},[t("div",{staticClass:"double-bounce1 absolute w-100 brdr-circle bg-cl-th-success"}),this._v(" "),t("div",{staticClass:"double-bounce2 absolute w-100 brdr-circle bg-cl-th-success"})])])])}],!1,null,"e999325e",null).exports},mixins:[{name:"ProductVideo",props:{url:{type:String,required:!0},id:{type:String,required:!0},type:{type:String,required:!0},index:{type:Number,required:!1,default:0}},data:function(){return{videoStarted:!1,iframeLoaded:!1}},methods:{initVideo:function(){this.videoStarted=!0,this.$emit("video-started",this.index)},iframeIsLoaded:function(){this.iframeLoaded=!0}},computed:{embedUrl:function(){switch(this.type){case"youtube":return"https://www.youtube.com/embed/"+this.id+"?autoplay=1";case"vimeo":return"https://player.vimeo.com/video/"+this.id+"?autoplay=1"}}}}]},s=(a(959),Object(i.a)(r,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"product-video absolute w-100 h-100 flex"},[a("div",{directives:[{name:"show",rawName:"v-show",value:!e.videoStarted,expression:"!videoStarted"}],staticClass:"gallery-video absolute w-100 h-100",on:{click:e.initVideo}},[a("i",{staticClass:"material-icons absolute"},[e._v("play_circle_outline")])]),e._v(" "),e.videoStarted?a("div",{staticClass:"iframe-wrapper absolute w-100"},[e.iframeLoaded?e._e():a("LoaderScoped"),e._v(" "),a("div",{staticClass:"iframe-container w-100"},[a("iframe",{staticClass:"absolute w-100 h-100",attrs:{src:e.embedUrl,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",webkitallowfullscreen:"",mozallowfullscreen:"",allowfullscreen:""},on:{load:function(t){return e.iframeIsLoaded()}}})])],1):e._e()])}),[],!1,null,"0fa4f0be",null));t.a=s.exports}}]); //# sourceMappingURL=vsf-product-gallery-zoom-carousel.56c1b3df03a7533fb193.js.map