(window.webpackJsonp=window.webpackJsonp||[]).push([[171],{1457:function(e,t,l){"use strict";l.d(t,"b",(function(){return r})),l.d(t,"a",(function(){return o}));var n=l(95),r={INCREASE:"increase",DECREASE:"decrease",RESET:"reset"},o={IMAGE_HEIGHT_DESKTOP:500,IMAGE_HEIGHT_MOBILE:250,VIDEO_HEIGHT:350,VIDEO_WIDTH:500,THUMBNAIL_HEIGHT:200,THUMBNAIL_WIDTH:200,THUMBNAIL_CAROUSEL_HEIGHT:200,GALLERY_VIDEO_HEIGHT:512,GALLERY_360_IMAGE_PATH_TEMPLATE:l.n(n).a.IMAGES_360_URL,GALLERY_360_IMAGE_CONTENT_HEIGHT_OFFSET:260}},1722:function(e,t,l){e.exports={}},1723:function(e,t,l){e.exports={}},1724:function(e,t,l){e.exports={}},1725:function(e,t,l){e.exports={}},1726:function(e,t,l){e.exports={}},1921:function(e,t,l){"use strict";l(1722)},1922:function(e,t,l){"use strict";l(1723)},1923:function(e,t,l){"use strict";l(1724)},1924:function(e,t,l){"use strict";l(1725)},1925:function(e,t,l){"use strict";l(1726)},1977:function(e,t,l){"use strict";l.r(t);l(40),l(1920),l(1488),l(16),l(20),l(475),l(27),l(4),l(59),l(11),l(14),l(8),l(15),l(17),l(12);var n=l(0),r=l(241),o=l(21),c=l(28),d=l(1457),m=l(5),v=l(42),f=(l(39),l(1936)),h=l(476);function y(object){return object.url}var O=Object(n.c)({components:{SfModal:f.a,SimpleCarousel:h.a},props:{galleryItems:{type:Array,required:!0,validator:function(e){return 0!==e.length&&e.every((function(e){return(object=e).big&&object.desktop&&object.mobile&&object.alt&&y(object.big)&&y(object.mobile)&&y(object.mobile);var object}))}},activeIndex:{type:Number,required:!0,validator:function(e){return e>=0}},galleryVideo:{type:Object,default:function(){return null}}},setup:function(e,t){var l=t.emit,r=t.refs,o=Object(n.n)(0),c=Object(n.a)((function(){return I.value.length-1})),f=Object(n.n)(4),h=Object(n.a)((function(){return o.value<=0})),y=Object(n.a)((function(){return o.value>=2})),O=Object(n.a)((function(){return e.activeIndex<=e.galleryItems.length})),x=Object(n.a)((function(){return e.galleryItems.length>1})),C={x:null,y:null},_=Object(n.n)(null),w=Object(n.n)(null),I=Object(n.a)((function(){return e.galleryVideo?[].concat(Object(v.a)(e.galleryItems),[e.galleryVideo]):e.galleryItems})),E=Object(n.n)("opacity-70"),j=Object(n.a)((function(){return e.galleryVideo&&e.activeIndex===I.value.length-1})),S=Object(n.a)((function(){return I.value.length>f.value})),k=Object(n.a)((function(){return"scale(".concat(1+o.value,")")})),A=Object(n.a)((function(){if(!j.value)return"";return"".concat(e.galleryVideo.play.url,"?autoplay=").concat("0")})),P=function(e,t){var l,n;if(M()){var r=(l={},Object(m.a)(l,d.b.INCREASE,2),Object(m.a)(l,d.b.DECREASE,0),l),c=(n={},Object(m.a)(n,d.b.INCREASE,o.value+t>2),Object(m.a)(n,d.b.DECREASE,o.value+t<0),n)[e]?r[e]:o.value+t;o.value=e===d.b.RESET?0:c,M().style.transform=k.value}},T=function(e){e<0||e>c||l("change",e%I.value.length)},M=function(){return r["carouselItem".concat(e.activeIndex)]};return Object(n.j)((function(){document.querySelector("html").style.overflowY="hidden",M()&&(C.x=M().getBoundingClientRect().x,C.y=M().getBoundingClientRect().y),T(e.activeIndex)})),Object(n.i)((function(){document.querySelector("html").style.overflowY="unset"})),{galleryItemsIncludingVideo:I,isModalShown:O,isVideoShown:j,isPreviewsShown:x,changeZoomLevel:P,ZOOM_ACTIONS:d.b,onMouseMove:function(e){o.value<=0||(M().style.transformOrigin="".concat(e.clientX-C.x,"px ").concat(e.clientY-C.y,"px"))},isZoomInDisabled:y,isZoomOutDisabled:h,zoomLevel:o,onWheel:function(e){e.deltaY<0?P(d.b.INCREASE,.25):P(d.b.DECREASE,-.25)},disabledClass:E,onArrow:function(e){var t=_.value.scrollLeft,l=w.value[0].getBoundingClientRect().width;_.value.scrollLeft="left"===e?t-l:t+l},galleryPreviews:_,PRODUCT_GALLERY:d.a,previewImgContainer:w,maxImgPerView:f,onActiveImgChange:T,isMaxVisibleImgsShowed:S,minIndex:0,maxIndex:c,closeModal:function(){l("close")},iframeVideoLink:A,activeCarouselRef:M}}}),x=(l(1921),l(31)),C=Object(x.a)(O,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return e.isModalShown?l("SfModal",{attrs:{visible:!0},scopedSlots:e._u([{key:"modal-bar",fn:function(){var t,n,r;return[l("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.closeModal,expression:"closeModal"}],staticClass:"gallery-modal__bar py-7 lg:p-7 flex flex-col justify-between shadow-2xl"},[l("div",{staticClass:"overflow-hidden gallery-modal__scene flex flex-1 flex-col h-full"},[l("div",{staticClass:"gallery-modal__scene__wrapper flex items-start justify-end text-xl mt-1 mx-7 lg:mx-0"},[e.isVideoShown?e._e():l("div",{staticClass:"flex-1"},[l("span",{staticClass:"icon-shrink text-EXPONDO-primary-80 mr-3 p-0.5 rounded-full bg-EXPONDO-grey-5 items-center",class:(t={},t[e.disabledClass]=e.isZoomOutDisabled,t),attrs:{disabled:e.isZoomOutDisabled},on:{click:function(t){return e.changeZoomLevel(e.ZOOM_ACTIONS.RESET)}}}),e._v(" "),l("span",{staticClass:"icon-zoom-out text-EXPONDO-primary-80 mr-3 p-0.5 rounded-full bg-EXPONDO-grey-5 items-center",class:(n={},n[e.disabledClass]=e.isZoomOutDisabled,n),attrs:{disabled:e.isZoomOutDisabled},on:{click:function(t){return e.changeZoomLevel(e.ZOOM_ACTIONS.DECREASE,-1)}}}),e._v(" "),l("span",{staticClass:"icon-zoom-in text-EXPONDO-primary-80",class:(r={},r[e.disabledClass]=e.isZoomInDisabled,r),attrs:{disabled:e.isZoomInDisabled},on:{click:function(t){return e.changeZoomLevel(e.ZOOM_ACTIONS.INCREASE,1)}}})]),e._v(" "),l("button",{staticClass:"pr-0.5",on:{click:function(t){return e.$emit("close")}}},[l("span",{staticClass:"icon-close text-EXPONDO-black"})])]),e._v(" "),l("div",{staticClass:"overflow-hidden mb-3 lg:mb-6 lg:mt-3 w-full h-full"},[l("SimpleCarousel",{staticClass:"gallery-modal__img-video-container h-full",attrs:{"slider-items":e.galleryItems,"has-custom-last-item":e.isVideoShown,"slide-class":"flex-1 justify-center","active-index":e.activeIndex,height:"100%",arrows:!0,"should-scroll-to-slide-on-open":!0,draggable:!1,"gallery-carousel":!0},on:{left:function(t){return e.onActiveImgChange(e.activeIndex+1)},right:function(t){return e.onActiveImgChange(e.activeIndex-1)},leftArrowClick:function(t){return e.onActiveImgChange(e.activeIndex-1)},rightArrowClick:function(t){return e.onActiveImgChange(e.activeIndex+1)}},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.currentItem,r=t.index;return[l("img",{ref:"carouselItem"+r,staticClass:"img-zoom w-full h-full object-contain",attrs:{src:n.big.url},on:{wheel:function(t){return e.onWheel(t)},dblclick:function(t){return e.changeZoomLevel(e.ZOOM_ACTIONS.INCREASE,1)},mousemove:function(t){return e.onMouseMove(t)}}})]}},{key:"custom-last-item",fn:function(){return[e.isVideoShown?l("iframe",{ref:"carouselItem"+e.galleryItems.length,staticClass:"gallery-modal__video-container hide-in-percy mb-10 w-full h-full lg:px-16",attrs:{height:e.PRODUCT_GALLERY.GALLERY_VIDEO_HEIGHT,width:"100%",src:e.iframeVideoLink,title:e.galleryVideo.alt,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}}):e._e()]},proxy:!0}],null,!1,1600032501)})],1)]),e._v(" "),e.isPreviewsShown?l("div",{staticClass:"gallery-modal__previews relative mx-7 lg:mx-0"},[e.isMaxVisibleImgsShowed?l("div",{staticClass:"gallery-modal__previews__icon absolute\n          top-5 -left-3 w-8 rounded border-2 border-EXPONDO-grey-20 bg-EXPONDO-white block lg:hidden",on:{click:function(t){return e.onArrow("left")}}},[l("span",{staticClass:"icon-arrow-left text-EXPONDO-primary-80 right-2 absolute"})]):e._e(),e._v(" "),e.isMaxVisibleImgsShowed?l("div",{staticClass:"gallery-modal__previews__icon absolute top-5 -right-4 w-8\n          rounded border-2 border-EXPONDO-grey-20 bg-EXPONDO-white block lg:hidden",on:{click:function(t){return e.onArrow("right")}}},[l("span",{staticClass:"icon-arrow-right text-EXPONDO-primary-80 right-2 absolute"})]):e._e(),e._v(" "),l("div",{staticClass:"overflow-hidden"},[l("div",{ref:"galleryPreviews",staticClass:"flex w-full top-0 relative overflow-scroll lg:overflow-hidden"},e._l(e.galleryItemsIncludingVideo,(function(image,t){return l("div",{key:t,ref:"previewImgContainer",refInFor:!0,staticClass:"img-container px-1 -z-1 justify-center flex-1",on:{click:function(l){return e.onActiveImgChange(t)}}},[l("img",{staticClass:"border-solid rounded cursor-pointer h-full w-full object-contain",class:e.activeIndex===t?"border-2 border-EXPONDO-primary-80":"border",attrs:{src:image.big.url}})])})),0)])]):e._e()])]},proxy:!0}],null,!1,2041880589)}):e._e()}),[],!1,null,"70bfce06",null).exports,_=l(1355),w=l.n(_),I=Object(n.c)({components:{SfModal:f.a},props:{threeSixtyImage:{type:[Object,null],default:null}},setup:function(e,t){var l=t.emit;Object(n.j)((function(){r(),window.addEventListener("resize",o)})),Object(n.i)((function(){window.removeEventListener("resize",o)}));var r=function(){var e=document.documentElement.clientHeight-d.a.GALLERY_360_IMAGE_CONTENT_HEIGHT_OFFSET,t=document.querySelector(".v360-image-container");t.style.height="".concat(e,"px"),t.style.width="".concat(e,"px")},o=function(){w()((function(){r()}),100)()};return{PRODUCT_GALLERY:d.a,closeModal:function(){return l("close")}}}}),E=(l(1922),Object(x.a)(I,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return e.threeSixtyImage?l("SfModal",{staticClass:"z-20",attrs:{visible:""},scopedSlots:e._u([{key:"modal-bar",fn:function(){return[l("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.closeModal,expression:"closeModal"}],staticClass:"three-sixty-modal__bar py-7 lg:p-7 flex flex-col justify-between shadow-2xl"},[l("div",{staticClass:"overflow-hidden flex flex-1 flex-col h-full"},[l("div",{staticClass:"flex items-start justify-end text-xl mt-1 mx-7 lg:mx-0"},[l("button",{staticClass:"pr-0.5",on:{click:e.closeModal}},[l("span",{staticClass:"icon-close text-EXPONDO-black"})])]),e._v(" "),l("div",{staticClass:"overflow-hidden mb-3 lg:mb-6 lg:mt-3 w-full h-full"},[l("vue-three-sixty",{attrs:{amount:e.threeSixtyImage.numberOfImages,"image-path":e.PRODUCT_GALLERY.GALLERY_360_IMAGE_PATH_TEMPLATE,"file-name":e.threeSixtyImage.path,autoplay:!0,identifier:"vueThreeSixty","button-class":"light",loop:1}})],1)])])]},proxy:!0}],null,!1,1000780887)}):e._e()}),[],!1,null,"6152d4cc",null).exports),j=(l(277),l(19),l(18),l(23),l(6),l(24),l(1299)),S=l(238),k=Object(n.c)({name:"ThumbnailCarouselItem",components:{TwicpicsImage:j.a,ImgView:S.a},props:{item:{type:Object,required:!0},size:{type:Number,required:!0}},setup:function(e){return{itemSize:Object(n.a)((function(){return"".concat(e.size,"px")})),imageAlt:Object(n.a)((function(){return e.item.alt||"Image"})),customClasses:"bg-EXPONDO-primary absolute opacity-70 w-full h-full flex justify-center items-center",imageClasses:"object-cover border border-EXPONDO-primary-10",iconClasses:"text-EXPONDO-white text-4xl"}}}),A=Object(x.a)(k,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"thumbnail-carousel-item flex-shrink-0 snap-start relative cursor-pointer",style:{width:e.itemSize,height:e.itemSize}},[e.item.isVideo?l("div",{staticClass:"w-full h-full",on:{click:function(t){return e.$emit("click",e.item)}}},[l("div",{class:e.customClasses},[l("span",{staticClass:"icon-video-play",class:e.iconClasses})]),e._v(" "),l("ImgView",{class:e.imageClasses,attrs:{src:e.item.videoThumbnail,alt:e.imageAlt,width:e.size,height:e.size}})],1):l("div",{on:{click:function(t){return e.$emit("click",e.item)}}},[e.item.isThreeSixty?l("div",{class:e.customClasses},[l("span",{staticClass:"icon-three-sixty-images",class:e.iconClasses})]):e._e(),e._v(" "),e.item.mobile?l("TwicpicsImage",{staticClass:"w-full h-full",class:e.imageClasses,attrs:{src:e.item.mobile.url,alt:e.imageAlt,width:e.size,height:e.size}}):e._e()],1)])}),[],!1,null,null,null).exports,P=Object(n.c)({name:"CarouselArrowButton",props:{isHorizontal:{type:Boolean,required:!0},isClickable:{type:Boolean,required:!0},isPreviousButton:{type:Boolean,required:!0}},setup:function(e){return{dynamicButtonClasses:Object(n.a)((function(){return{"rounded-t-md":!e.isHorizontal&&e.isPreviousButton,"rounded-b-md":!e.isHorizontal&&!e.isPreviousButton,"rounded-l-md":e.isHorizontal&&e.isPreviousButton,"rounded-r-md":e.isHorizontal&&!e.isPreviousButton,"h-full":e.isHorizontal,"w-full":!e.isHorizontal,"cursor-not-allowed":!e.isClickable}})),dynamicArrowClasses:Object(n.a)((function(){return{"rotate-180":e.isHorizontal&&e.isPreviousButton,"-rotate-90":!e.isHorizontal&&e.isPreviousButton,"rotate-90":!e.isHorizontal&&!e.isPreviousButton}})),ariaLabel:Object(n.a)((function(){return e.isPreviousButton?"Previous":"Next"}))}}}),T=Object(x.a)(P,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("button",{staticClass:"flex items-center justify-center p-3 bg-EXPONDO-primary-10",class:e.dynamicButtonClasses,attrs:{"aria-label":e.ariaLabel},on:{click:function(t){return e.$emit("click")}}},[l("span",{staticClass:"icon-chevron-right text-lg text-EXPONDO-primary transform",class:e.dynamicArrowClasses})])}),[],!1,null,null,null).exports;function M(object,e){var t=Object.keys(object);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(object);e&&(l=l.filter((function(e){return Object.getOwnPropertyDescriptor(object,e).enumerable}))),t.push.apply(t,l)}return t}function D(e){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?M(Object(source),!0).forEach((function(t){Object(m.a)(e,t,source[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(source)):M(Object(source)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(source,t))}))}return e}var N=Object(n.c)({name:"PdpThumbnailCarousel",components:{ThumbnailCarouselItem:A,CarouselArrowButton:T},props:{sliderItems:{type:Array,required:!0},showThreeSixty:{type:Boolean,required:!0},videoUrl:{type:String,required:!0},videoAlt:{type:String,required:!0}},setup:function(e,t){var l=t.emit,r=Object(n.n)(0),o=Object(n.n)(0),d=Object(n.a)((function(){return"".concat(104,"px")})),m=Object(n.a)((function(){return Math.min(5,f.value.length)})),f=Object(n.a)((function(){var t=Object(v.a)(e.sliderItems);if(e.videoUrl){var l={mobile:{url:e.videoUrl},alt:e.videoAlt,isVideo:!0,videoThumbnail:e.videoUrl,originalIndex:e.sliderItems.length};t.length>=4?t.splice(3,0,l):t.push(l)}return e.showThreeSixty&&t.length>0&&(t.length>3?t.splice(3,0,D(D({},t[0]),{},{isThreeSixty:!0})):t.push(D(D({},t[0]),{},{isThreeSixty:!0}))),t})),h=Object(c.Gb)({thumbnailGap:8,thumbnailDimension:104,visibleItemsCount:5,sliderItemsLength:f.value.length}),y=h.handlePrevClickHelper,O=h.handleNextClickHelper,x=h.carouselArea;return{handlePrevClick:function(){var e=y(o.value);e&&(o.value=e.newCurrentIndex,r.value=e.newPlacement)},handleNextClick:function(){var e=O(o.value);e&&(o.value=e.newCurrentIndex,r.value=e.newPlacement)},handleItemClick:function(t){e.showThreeSixty&&t.isThreeSixty&&l("threeSixty-click"),l("item-click",{index:t.originalIndex})},carouselWidth:d,carouselStyles:Object(n.a)((function(){return{transform:"translateY(".concat(r.value,"px)"),transition:"transform 0.5s ease"}})),hasPrev:Object(n.a)((function(){return o.value>0})),hasNext:Object(n.a)((function(){return o.value+m.value<f.value.length})),hasArrows:Object(n.a)((function(){return f.value.length>5})),modifiedSliderItems:f,carouselArea:x,thumbnailDimension:104}}}),L=(l(1923),Object(x.a)(N,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"pdp-thumbnail-carousel relative flex flex-col items-center gap-2",style:{width:e.carouselWidth}},[e.hasArrows?l("CarouselArrowButton",{staticClass:"pdp-thumbnail-carousel__prev",attrs:{"is-clickable":e.hasPrev,"is-horizontal":!1,"is-previous-button":!0},on:{click:e.handlePrevClick}}):e._e(),e._v(" "),l("div",{staticClass:"pdp-thumbnail-carousel__container relative mt-auto mb-auto",style:{height:e.carouselArea}},[l("div",{staticClass:"flex flex-col space-y-2",style:e.carouselStyles},e._l(e.modifiedSliderItems,(function(t,n){return l("ThumbnailCarouselItem",{key:n,attrs:{item:t,size:e.thumbnailDimension},on:{click:e.handleItemClick}})})),1)]),e._v(" "),e.hasArrows?l("CarouselArrowButton",{staticClass:"pdp-thumbnail-carousel__next",attrs:{"is-clickable":e.hasNext,"is-horizontal":!1,"is-previous-button":!1},on:{click:e.handleNextClick}}):e._e()],1)}),[],!1,null,"aef2f306",null).exports),G=l(316),H=l(68),R=l(1357),B=l(496),z=Object(n.c)({name:"TwicpicsPicture",components:{},props:{src:{type:String,required:!0},alt:{type:String,default:""},width:{type:Number,default:G.a},desktopHeight:{type:Number,required:!0},mobileHeight:{type:Number,required:!0},mode:{type:String,default:"contain"},preload:{type:Boolean,default:!1}},setup:function(e){var t=Object(n.a)((function(){return Object(R.a)(e.src,{mode:e.mode,width:e.width,height:e.desktopHeight})})),l=Object(n.a)((function(){return Object(R.a)(e.src,{mode:e.mode,width:e.width,height:e.mobileHeight})})),r=Object(n.a)((function(){return e.preload?B.c.EAGER:B.c.LAZY}));return{desktopUrl:t,mobileUrl:l,MIN_DESKTOP_WIDTH:G.a,SCHEMA_ITEM_PROP:H.SCHEMA_ITEM_PROP,loadingMode:r}},head:function(){if(this.preload)return{link:[{rel:"preload",as:"image",href:this.desktopUrl,media:"(min-width: ".concat(G.a,"px)"),fetchpriority:"high"},{rel:"preload",as:"image",href:this.mobileUrl,media:"(max-width: ".concat(G.a-1,"px)"),fetchpriority:"high"}]}}}),X=Object(x.a)(z,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("picture",[l("source",{attrs:{srcset:e.desktopUrl,media:"(min-width: "+e.MIN_DESKTOP_WIDTH+"px)"}}),e._v(" "),l("img",{staticClass:"object-contain w-full h-full",attrs:{src:e.mobileUrl,alt:e.alt,title:e.alt,itemprop:e.SCHEMA_ITEM_PROP.IMAGE,loading:e.loadingMode}})])}),[],!1,null,null,null).exports,V=l(231),U=l(1752),Y=l(1654),Z=Object(n.c)({name:"DraggableDiv",setup:function(e,t){var l=t.emit,r=Object(n.n)(0);return{handleTouchStart:function(e){r.value=e.touches[0].clientX},handleTouchMove:function(e){if(r.value){var t=e.touches[0].clientX,n=r.value-t;l(n>0?"drag-right":"drag-left"),r.value=0}}}}}),$=Object(x.a)(Z,(function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{staticClass:"draggable-div",on:{touchstart:e.handleTouchStart,touchmove:e.handleTouchMove}},[e._t("default")],2)}),[],!1,null,null,null).exports,W=Object(n.c)({name:"PdpThumbnailCarouselMobile",components:{DraggableDiv:$,ThumbnailCarouselItem:A,CarouselArrowButton:T},props:{sliderItems:{type:Array,required:!0}},setup:function(e,t){var l=t.emit,r=Object(n.n)(0),o=Object(n.n)(0),d=Object(n.a)((function(){return Math.min(5,e.sliderItems.length)})),m=Object(c.Gb)({thumbnailGap:8,thumbnailDimension:40,visibleItemsCount:d.value,sliderItemsLength:e.sliderItems.length}),v=m.handlePrevClickHelper,f=m.handleNextClickHelper,h=m.carouselArea,y=Object(n.a)((function(){return"".concat(40,"px")}));return{handlePrevClick:function(){var e=v(o.value);e&&(o.value=e.newCurrentIndex,r.value=e.newPlacement)},handleNextClick:function(){var e=f(o.value);e&&(o.value=e.newCurrentIndex,r.value=e.newPlacement)},handleItemClick:function(e){l("item-click",{index:e.originalIndex})},carouselArea:h,carouselStyles:Object(n.a)((function(){return{transform:"translateX(".concat(r.value,"px)"),transition:"transform 0.5s ease"}})),hasPrev:Object(n.a)((function(){return o.value>0})),hasNext:Object(n.a)((function(){return o.value+d.value<e.sliderItems.length})),hasArrows:Object(n.a)((function(){return e.sliderItems.length>5})),carouselHeight:y,thumbnailDimension:40}}}),F=(l(1924),Object(x.a)(W,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("DraggableDiv",{staticClass:"pdp-thumbnail-carousel-mobile relative flex items-center gap-2 justify-center",style:{height:e.carouselHeight},on:{"drag-right":e.handleNextClick,"drag-left":e.handlePrevClick}},[e.hasArrows?l("CarouselArrowButton",{attrs:{"is-clickable":e.hasPrev,"is-horizontal":!0,"is-previous-button":!0},on:{click:e.handlePrevClick}}):e._e(),e._v(" "),l("div",{staticClass:"pdp-thumbnail-carousel-mobile__container relative mt-auto mb-auto",style:{width:e.carouselArea}},[l("div",{staticClass:"flex flex-row gap-2",style:e.carouselStyles},e._l(e.sliderItems,(function(t,n){return l("ThumbnailCarouselItem",{key:n,attrs:{item:t,size:e.thumbnailDimension},on:{click:e.handleItemClick}})})),1)]),e._v(" "),e.hasArrows?l("CarouselArrowButton",{attrs:{"is-clickable":e.hasNext,"is-horizontal":!0,"is-previous-button":!1},on:{click:e.handleNextClick}}):e._e()],1)}),[],!1,null,"01cda98b",null).exports);function K(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=function(e,t){if(!e)return;if("string"==typeof e)return J(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);"Object"===l&&e.constructor&&(l=e.constructor.name);if("Map"===l||"Set"===l)return Array.from(e);if("Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l))return J(e,t)}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var i=0,n=function(){};return{s:n,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,c=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return o=e.done,e},e:function(e){c=!0,r=e},f:function(){try{o||null==l.return||l.return()}finally{if(c)throw r}}}}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,l=new Array(t);i<t;i++)l[i]=e[i];return l}var Q=Object(n.c)({name:"ProductGallery",components:{GalleryModal:C,ImgView:S.a,TwicpicsPicture:X,SimpleCarousel:h.a,PdpThumbnailCarousel:L,ThreeSixtyModal:E,PdpThumbnailCarouselMobile:F},props:{product:{type:Object,required:!0}},setup:function(e,t){var l=t.root.$i18n,m=Object(n.n)(!1),v=l.localeProperties.code,f=Object(n.n)(0),h=Object(c.Q)().isMounted,y=Object(n.a)((function(){return"undefined"!=typeof document?document.querySelector("html"):null})),O=Object(n.n)(!1),x=Object(n.n)(!1),C=Object(n.n)(!1),_=function(e){!(39!==e.keyCode&&37!==e.keyCode)&&m.value&&(e.preventDefault(),39===e.keyCode?I():E())},w=function(){var e,t,l,n=null===(e=y.value)||void 0===e?void 0:e.classList.contains("ab-tasty-disable-video"),r=null===(t=y.value)||void 0===t?void 0:t.classList.contains("ab-tasty-gallery-three-images"),o=null===(l=y.value)||void 0===l?void 0:l.classList.contains("ab-tasty-three-sixty-disabled");n&&(O.value=!0),r&&(x.value=!0),o&&(C.value=!0)};Object(r.useMutationObserver)(y,(function(e){var t,l=K(e);try{for(l.s();!(t=l.n()).done;){var n=t.value;"attributes"===n.type&&"class"===n.attributeName&&w()}}catch(e){l.e(e)}finally{l.f()}}),{attributes:!0,attributeFilter:["class"]}),Object(n.j)((function(){window.addEventListener("keydown",_),w()})),Object(n.l)((function(){window.removeEventListener("keydown",_)}));var I=function(){f.value===P.value-1?f.value=0:f.value+=1},E=function(){f.value===D?f.value=P.value-1:f.value-=1},j=function(e){f.value=e,m.value=!0},S=Object(n.a)((function(){return o.c.getGallery(e.product).map((function(img,t){return{mobile:{url:img.small},desktop:{url:img.normal},big:{url:img.big},alt:e.product._name||e.product.name,originalIndex:t}}))})),k=Object(n.a)((function(){return x.value?S.value.slice(0,3):S.value})),A=Object(n.a)((function(){return Object(U.a)(e.product,v)})),P=Object(n.a)((function(){return M.value?k.value.length+1:k.value.length})),T=Object(n.a)((function(){return o.c.getName(e.product)})),M=Object(n.a)((function(){if(!A.value||O.value)return null;var e=A.value.link,t=A.value.thumbnail;return{mobile:{url:t},desktop:{url:t},big:{url:t},play:{url:e},alt:"".concat(l.t("video")," - ").concat(T.value)}})),D=0,N=Object(n.a)((function(){return Object(Y.a)(e.product)})),L=Object(n.a)((function(){return!(!N.value||C.value)})),G=Object(n.a)((function(){return e.product.sku})),R=Object(n.n)(!1),B=Object(n.a)((function(){return M.value&&M.value.mobile&&M.value.mobile.url||""})),z=Object(n.a)((function(){return M.value&&M.value.alt||""}));return{isGalleryModalOpen:m,openGalleryModal:j,closeGalleryModal:function(){m.value=!1},onClickMoreImages:function(){m.value=!0},videoDetails:M,activeIndex:f,PRODUCT_GALLERY:d.a,totalSlidesCount:P,getImageBulletClass:function(e,t){return e===t?"icon-circle-full text-EXPONDO-primary-80":"icon-circle-empty"},onActiveImgChange:function(e){e<D||e>P.value||j(e)},minIndex:D,handleLeftTouch:I,handleRightTouch:E,desktopArrowClass:{container:"h-12 cursor-pointer absolute z-1 top-carouselControl flex items-center",arrow:"text-EXPONDO-black text-2xl"},images:k,SCHEMA_ITEM_PROP:H.SCHEMA_ITEM_PROP,isMounted:h,SimpleCarouselArrow:V.a,threeSixtyImage:N,showThreeSixtyGalleryButton:L,isThreeSixtyModalOpen:R,openThreeSixtyModal:function(){R.value=!0},closeThreeSixtyModal:function(){R.value=!1},productSku:G,videoImageUrl:B,videoTitle:z}}}),ee=(l(1925),Object(x.a)(Q,(function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"sf-gallery flex-row overflow-hidden",attrs:{"data-testid":e.isMounted&&"product-gallery--mounted"}},[e.isGalleryModalOpen?l("GalleryModal",{attrs:{"gallery-items":e.images,"gallery-video":e.videoDetails,"active-index":e.activeIndex},on:{change:function(t){return e.openGalleryModal(t)},close:e.closeGalleryModal}}):e._e(),e._v(" "),e.isThreeSixtyModalOpen?l("ThreeSixtyModal",{attrs:{"three-sixty-image":e.threeSixtyImage},on:{close:e.closeThreeSixtyModal}}):e._e(),e._v(" "),l("PdpThumbnailCarousel",{staticClass:"desktop-only flex",attrs:{"slider-items":e.images,"show-three-sixty":e.showThreeSixtyGalleryButton,"video-url":e.videoImageUrl,"video-alt":e.videoTitle},on:{"item-click":function(t){var l=t.index;return e.openGalleryModal(l)},"threeSixty-click":function(t){return e.openThreeSixtyModal()}}}),e._v(" "),l("div",{staticClass:"sf-gallery__stage relative"},[l("div",{staticClass:"overflow-hidden lg:my-3 w-full"},[l("SimpleCarousel",{staticClass:"gallery-thumbs",attrs:{"slider-items":e.images,"has-custom-last-item":!!e.videoDetails,"slide-class":"relative w-full","active-index":e.activeIndex,draggable:!1,"gallery-carousel":!0},on:{left:e.handleLeftTouch,right:e.handleRightTouch,"item-click":function(t){var l=t.index;return e.openGalleryModal(l)}},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.currentItem,r=t.index;return[l("TwicpicsPicture",{staticClass:"sf-gallery__big-image",attrs:{src:n.desktop.url,alt:n.alt||"mainImg","desktop-height":e.PRODUCT_GALLERY.IMAGE_HEIGHT_DESKTOP,"mobile-height":e.PRODUCT_GALLERY.IMAGE_HEIGHT_MOBILE,preload:0===r}})]}},{key:"custom-last-item",fn:function(){return[l("ImgView",{staticClass:"sf-gallery__big-image cursor-pointer",attrs:{src:e.videoDetails.desktop.url,alt:e.videoDetails.alt,itemprop:e.SCHEMA_ITEM_PROP.IMAGE}}),e._v(" "),l("div",{staticClass:"video-overlay absolute inset-1/2 -mt-8 -ml-8 cursor-pointer"},[l("span",{staticClass:"icon icon-video-play text-EXPONDO-primary-5 text-7xl"})])]},proxy:!0}])})],1),e._v(" "),l("span",{staticClass:"absolute left-0 top-0 pl-2 pt-1 text-EXPONDO-grey-60 text-xs opacity-75 lg:hidden"},[e._v("\n      "+e._s(e.$t("image-gallery-indicator",{slide:""+(e.activeIndex+1),totalSlides:e.totalSlidesCount}))+"\n    ")]),e._v(" "),l("button",{staticClass:"absolute bottom-0 right-0 icon-enlarge text-EXPONDO-white mr-1 mb-1 p-2\n      rounded-full bg-EXPONDO-primary-40 items-center cursor-pointer opacity-75 lg:hidden",on:{click:function(t){return e.openGalleryModal(e.activeIndex)}}})]),e._v(" "),l("div",{staticClass:"flex flex-col pt-2 items-center lg:hidden"},[l("div",{staticClass:"w-full text-center mb-3"},[l("PdpThumbnailCarouselMobile",{staticClass:"flex flow-row",attrs:{"slider-items":e.images},on:{"item-click":function(t){var l=t.index;return e.openGalleryModal(l)}}})],1),e._v(" "),l("div",[e.videoDetails?l("button",{on:{click:function(t){return e.openGalleryModal(e.images.length)}}},[l("div",{staticClass:"border border-solid border-EXPONDO-primary-80 px-3 py-2 text-EXPONDO-primary-80 rounded-2xl font-bold\n            flex items-center gap-2"},[l("span",[e._v(e._s(e.$t("video")))]),e._v(" "),l("span",{staticClass:"icon-video-play-empty"})])]):e._e(),e._v(" "),l("client-only",[e.showThreeSixtyGalleryButton?l("button",{on:{click:function(t){return e.openThreeSixtyModal()}}},[l("div",{staticClass:"border border-solid border-EXPONDO-primary-80 px-3 py-2 text-EXPONDO-primary-80\n            rounded-2xl font-bold flex items-center gap-2 ml-2"},[l("span",[e._v(e._s(e.$t("360")))]),e._v(" "),l("span",{staticClass:"icon-360"})])]):e._e()])],1)])],1)}),[],!1,null,null,null));t.default=ee.exports}}]);
//# sourceMappingURL=ProductGallery-0b0ff83.js.map