(window.webpackJsonp=window.webpackJsonp||[]).push([[170],{1350:function(e,t,l){"use strict";l.d(t,"b",(function(){return o})),l.d(t,"a",(function(){return n}));var r=l(67),o={INCREASE:"increase",DECREASE:"decrease",RESET:"reset"},n={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(r).a.IMAGES_360_URL,GALLERY_360_IMAGE_CONTENT_HEIGHT_OFFSET:260}},1623:function(e,t,l){e.exports={}},1624:function(e,t,l){e.exports={}},1625:function(e,t,l){e.exports={}},1626:function(e,t,l){e.exports={}},1627:function(e,t,l){e.exports={}},1817:function(e,t,l){"use strict";l(1623)},1818:function(e,t,l){"use strict";l(1624)},1819:function(e,t,l){"use strict";l(1625)},1820:function(e,t,l){"use strict";l(1626)},1821:function(e,t,l){"use strict";l(1627)},1871:function(e,t,l){"use strict";l.r(t);l(10),l(11);var r=l(0),o=l(199),n=l(9),c=l(14),d=l(1350),m=l(1831),v=l(418);function h(object){return object.url}var f=Object(r.c)({components:{SfModal:m.a,SimpleCarousel:v.a},props:{galleryItems:{type:Array,required:!0,validator:e=>0!==e.length&&e.every((e=>{return(object=e).big&&object.desktop&&object.mobile&&object.alt&&h(object.big)&&h(object.mobile)&&h(object.mobile);var object}))},activeIndex:{type:Number,required:!0,validator:e=>e>=0},galleryVideo:{type:Object,default:()=>null}},setup(e,t){var{emit:l,refs:o}=t,n=Object(r.n)(0),c=Object(r.a)((()=>_.value.length-1)),m=Object(r.n)(4),v=Object(r.a)((()=>n.value<=0)),h=Object(r.a)((()=>n.value>=2)),f=Object(r.a)((()=>e.activeIndex<=e.galleryItems.length)),y=Object(r.a)((()=>e.galleryItems.length>1)),O={x:null,y:null},x=Object(r.n)(null),C=Object(r.n)(null),_=Object(r.a)((()=>e.galleryVideo?[...e.galleryItems,e.galleryVideo]:e.galleryItems)),w=Object(r.n)("opacity-70"),I=Object(r.a)((()=>e.galleryVideo&&e.activeIndex===_.value.length-1)),E=Object(r.a)((()=>_.value.length>m.value)),j=Object(r.a)((()=>"scale(".concat(1+n.value,")"))),S=Object(r.a)((()=>{if(!I.value)return"";return"".concat(e.galleryVideo.play.url,"?autoplay=").concat("0")})),k=(e,t)=>{if(T()){var l={[d.b.INCREASE]:2,[d.b.DECREASE]:0},r={[d.b.INCREASE]:n.value+t>2,[d.b.DECREASE]:n.value+t<0}[e]?l[e]:n.value+t;n.value=e===d.b.RESET?0:r,T().style.transform=j.value}},P=e=>{e<0||e>c||l("change",e%_.value.length)},T=()=>o["carouselItem".concat(e.activeIndex)];return Object(r.j)((()=>{document.querySelector("html").style.overflowY="hidden",T()&&(O.x=T().getBoundingClientRect().x,O.y=T().getBoundingClientRect().y),P(e.activeIndex)})),Object(r.i)((()=>{document.querySelector("html").style.overflowY="unset"})),{galleryItemsIncludingVideo:_,isModalShown:f,isVideoShown:I,isPreviewsShown:y,changeZoomLevel:k,ZOOM_ACTIONS:d.b,onMouseMove:e=>{n.value<=0||(T().style.transformOrigin="".concat(e.clientX-O.x,"px ").concat(e.clientY-O.y,"px"))},isZoomInDisabled:h,isZoomOutDisabled:v,zoomLevel:n,onWheel:e=>{e.deltaY<0?k(d.b.INCREASE,.25):k(d.b.DECREASE,-.25)},disabledClass:w,onArrow:e=>{var t=x.value.scrollLeft,l=C.value[0].getBoundingClientRect().width;x.value.scrollLeft="left"===e?t-l:t+l},galleryPreviews:x,PRODUCT_GALLERY:d.a,previewImgContainer:C,maxImgPerView:m,onActiveImgChange:P,isMaxVisibleImgsShowed:E,minIndex:0,maxIndex:c,closeModal:()=>{l("close")},iframeVideoLink:S,activeCarouselRef:T}}}),y=(l(1817),l(16)),O=Object(y.a)(f,(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,r,o;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:(r={},r[e.disabledClass]=e.isZoomOutDisabled,r),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:(o={},o[e.disabledClass]=e.isZoomInDisabled,o),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 r=t.currentItem,o=t.index;return[l("img",{ref:"carouselItem"+o,staticClass:"img-zoom w-full h-full object-contain",attrs:{src:r.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,x=l(1250),C=l.n(x),_=Object(r.c)({components:{SfModal:m.a},props:{threeSixtyImage:{type:[Object,null],default:null}},setup(e,t){var{emit:l}=t;Object(r.j)((()=>{o(),window.addEventListener("resize",n)})),Object(r.i)((()=>{window.removeEventListener("resize",n)}));var o=()=>{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")},n=()=>{C()((()=>{o()}),100)()};return{PRODUCT_GALLERY:d.a,closeModal:()=>l("close")}}}),w=(l(1818),Object(y.a)(_,(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),I=l(8),E=l(1202),j=l(196),S=Object(r.c)({name:"ThumbnailCarouselItem",components:{TwicpicsImage:E.a,ImgView:j.a},props:{item:{type:Object,required:!0},size:{type:Number,required:!0}},setup:e=>({itemSize:Object(r.a)((()=>"".concat(e.size,"px"))),imageAlt:Object(r.a)((()=>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"})}),k=Object(y.a)(S,(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(r.c)({name:"CarouselArrowButton",props:{isHorizontal:{type:Boolean,required:!0},isClickable:{type:Boolean,required:!0},isPreviousButton:{type:Boolean,required:!0}},setup:e=>({dynamicButtonClasses:Object(r.a)((()=>({"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(r.a)((()=>({"rotate-180":e.isHorizontal&&e.isPreviousButton,"-rotate-90":!e.isHorizontal&&e.isPreviousButton,"rotate-90":!e.isHorizontal&&!e.isPreviousButton}))),ariaLabel:Object(r.a)((()=>e.isPreviousButton?"Previous":"Next"))})}),T=Object(y.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 A(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 M(e){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?A(Object(source),!0).forEach((function(t){Object(I.a)(e,t,source[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(source)):A(Object(source)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(source,t))}))}return e}var D=Object(r.c)({name:"PdpThumbnailCarousel",components:{ThumbnailCarouselItem:k,CarouselArrowButton:T},props:{sliderItems:{type:Array,required:!0},showThreeSixty:{type:Boolean,required:!0},videoUrl:{type:String,required:!0},videoAlt:{type:String,required:!0}},setup(e,t){var{emit:l}=t,o=Object(r.n)(0),n=Object(r.n)(0),d=Object(r.a)((()=>"".concat(104,"px"))),m=Object(r.a)((()=>Math.min(5,v.value.length))),v=Object(r.a)((()=>{var t=[...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,M(M({},t[0]),{},{isThreeSixty:!0})):t.push(M(M({},t[0]),{},{isThreeSixty:!0}))),t})),{handlePrevClickHelper:h,handleNextClickHelper:f,carouselArea:y}=Object(c.Gb)({thumbnailGap:8,thumbnailDimension:104,visibleItemsCount:5,sliderItemsLength:v.value.length});return{handlePrevClick:()=>{var e=h(n.value);e&&(n.value=e.newCurrentIndex,o.value=e.newPlacement)},handleNextClick:()=>{var e=f(n.value);e&&(n.value=e.newCurrentIndex,o.value=e.newPlacement)},handleItemClick:t=>{e.showThreeSixty&&t.isThreeSixty&&l("threeSixty-click"),l("item-click",{index:t.originalIndex})},carouselWidth:d,carouselStyles:Object(r.a)((()=>({transform:"translateY(".concat(o.value,"px)"),transition:"transform 0.5s ease"}))),hasPrev:Object(r.a)((()=>n.value>0)),hasNext:Object(r.a)((()=>n.value+m.value<v.value.length)),hasArrows:Object(r.a)((()=>v.value.length>5)),modifiedSliderItems:v,carouselArea:y,thumbnailDimension:104}}}),N=(l(1819),Object(y.a)(D,(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,r){return l("ThumbnailCarouselItem",{key:r,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),L=l(260),G=l(46),H=l(1251),R=l(434),B=Object(r.c)({name:"TwicpicsPicture",components:{},props:{src:{type:String,required:!0},alt:{type:String,default:""},width:{type:Number,default:L.a},desktopHeight:{type:Number,required:!0},mobileHeight:{type:Number,required:!0},mode:{type:String,default:"contain"},preload:{type:Boolean,default:!1}},setup(e){var t=Object(r.a)((()=>Object(H.a)(e.src,{mode:e.mode,width:e.width,height:e.desktopHeight}))),l=Object(r.a)((()=>Object(H.a)(e.src,{mode:e.mode,width:e.width,height:e.mobileHeight}))),o=Object(r.a)((()=>e.preload?R.c.EAGER:R.c.LAZY));return{desktopUrl:t,mobileUrl:l,MIN_DESKTOP_WIDTH:L.a,SCHEMA_ITEM_PROP:G.e,loadingMode:o}},head(){if(this.preload)return{link:[{rel:"preload",as:"image",href:this.desktopUrl,media:"(min-width: ".concat(L.a,"px)"),fetchpriority:"high"},{rel:"preload",as:"image",href:this.mobileUrl,media:"(max-width: ".concat(L.a-1,"px)"),fetchpriority:"high"}]}}}),z=Object(y.a)(B,(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,X=l(190),V=l(1653),U=l(1557),Y=Object(r.c)({name:"DraggableDiv",setup(e,t){var{emit:l}=t,o=Object(r.n)(0);return{handleTouchStart:e=>{o.value=e.touches[0].clientX},handleTouchMove:e=>{if(o.value){var t=e.touches[0].clientX,r=o.value-t;l(r>0?"drag-right":"drag-left"),o.value=0}}}}}),Z=Object(y.a)(Y,(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,$=Object(r.c)({name:"PdpThumbnailCarouselMobile",components:{DraggableDiv:Z,ThumbnailCarouselItem:k,CarouselArrowButton:T},props:{sliderItems:{type:Array,required:!0}},setup(e,t){var{emit:l}=t,o=Object(r.n)(0),n=Object(r.n)(0),d=Object(r.a)((()=>Math.min(5,e.sliderItems.length))),{handlePrevClickHelper:m,handleNextClickHelper:v,carouselArea:h}=Object(c.Gb)({thumbnailGap:8,thumbnailDimension:40,visibleItemsCount:d.value,sliderItemsLength:e.sliderItems.length}),f=Object(r.a)((()=>"".concat(40,"px")));return{handlePrevClick:()=>{var e=m(n.value);e&&(n.value=e.newCurrentIndex,o.value=e.newPlacement)},handleNextClick:()=>{var e=v(n.value);e&&(n.value=e.newCurrentIndex,o.value=e.newPlacement)},handleItemClick:e=>{l("item-click",{index:e.originalIndex})},carouselArea:h,carouselStyles:Object(r.a)((()=>({transform:"translateX(".concat(o.value,"px)"),transition:"transform 0.5s ease"}))),hasPrev:Object(r.a)((()=>n.value>0)),hasNext:Object(r.a)((()=>n.value+d.value<e.sliderItems.length)),hasArrows:Object(r.a)((()=>e.sliderItems.length>5)),carouselHeight:f,thumbnailDimension:40}}}),W=(l(1820),Object(y.a)($,(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,r){return l("ThumbnailCarouselItem",{key:r,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),F=Object(r.c)({name:"ProductGallery",components:{GalleryModal:O,ImgView:j.a,TwicpicsPicture:z,SimpleCarousel:v.a,PdpThumbnailCarousel:N,ThreeSixtyModal:w,PdpThumbnailCarouselMobile:W},props:{product:{type:Object,required:!0}},setup(e,t){var{root:{$i18n:l}}=t,m=Object(r.n)(!1),{localeProperties:{code:v}}=l,h=Object(r.n)(0),{isMounted:f}=Object(c.Q)(),y=Object(r.a)((()=>"undefined"!=typeof document?document.querySelector("html"):null)),O=Object(r.n)(!1),x=Object(r.n)(!1),C=Object(r.n)(!1),_=e=>{!(39!==e.keyCode&&37!==e.keyCode)&&m.value&&(e.preventDefault(),39===e.keyCode?I():E())},w=()=>{var e,t,l,r=null===(e=y.value)||void 0===e?void 0:e.classList.contains("ab-tasty-disable-video"),o=null===(t=y.value)||void 0===t?void 0:t.classList.contains("ab-tasty-gallery-three-images"),n=null===(l=y.value)||void 0===l?void 0:l.classList.contains("ab-tasty-three-sixty-disabled");r&&(O.value=!0),o&&(x.value=!0),n&&(C.value=!0)};Object(o.useMutationObserver)(y,(e=>{for(var t of e)"attributes"===t.type&&"class"===t.attributeName&&w()}),{attributes:!0,attributeFilter:["class"]}),Object(r.j)((()=>{window.addEventListener("keydown",_),w()})),Object(r.l)((()=>{window.removeEventListener("keydown",_)}));var I=()=>{h.value===T.value-1?h.value=0:h.value+=1},E=()=>{h.value===D?h.value=T.value-1:h.value-=1},j=e=>{h.value=e,m.value=!0},S=Object(r.a)((()=>n.c.getGallery(e.product).map(((img,t)=>({mobile:{url:img.small},desktop:{url:img.normal},big:{url:img.big},alt:e.product._name||e.product.name,originalIndex:t}))))),k=Object(r.a)((()=>x.value?S.value.slice(0,3):S.value)),P=Object(r.a)((()=>Object(V.a)(e.product,v))),T=Object(r.a)((()=>M.value?k.value.length+1:k.value.length)),A=Object(r.a)((()=>n.c.getName(e.product))),M=Object(r.a)((()=>{if(!P.value||O.value)return null;var e=P.value.link,t=P.value.thumbnail;return{mobile:{url:t},desktop:{url:t},big:{url:t},play:{url:e},alt:"".concat(l.t("video")," - ").concat(A.value)}})),D=0,N=Object(r.a)((()=>Object(U.a)(e.product))),L=Object(r.a)((()=>!(!N.value||C.value))),H=Object(r.a)((()=>e.product.sku)),R=Object(r.n)(!1),B=Object(r.a)((()=>M.value&&M.value.mobile&&M.value.mobile.url||"")),z=Object(r.a)((()=>M.value&&M.value.alt||""));return{isGalleryModalOpen:m,openGalleryModal:j,closeGalleryModal:()=>{m.value=!1},onClickMoreImages:()=>{m.value=!0},videoDetails:M,activeIndex:h,PRODUCT_GALLERY:d.a,totalSlidesCount:T,getImageBulletClass:(e,t)=>e===t?"icon-circle-full text-EXPONDO-primary-80":"icon-circle-empty",onActiveImgChange:e=>{e<D||e>T.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:G.e,isMounted:f,SimpleCarouselArrow:X.a,threeSixtyImage:N,showThreeSixtyGalleryButton:L,isThreeSixtyModalOpen:R,openThreeSixtyModal:()=>{R.value=!0},closeThreeSixtyModal:()=>{R.value=!1},productSku:H,videoImageUrl:B,videoTitle:z}}}),K=(l(1821),Object(y.a)(F,(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 r=t.currentItem,o=t.index;return[l("TwicpicsPicture",{staticClass:"sf-gallery__big-image",attrs:{src:r.desktop.url,alt:r.alt||"mainImg","desktop-height":e.PRODUCT_GALLERY.IMAGE_HEIGHT_DESKTOP,"mobile-height":e.PRODUCT_GALLERY.IMAGE_HEIGHT_MOBILE,preload:0===o}})]}},{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=K.exports}}]);
//# sourceMappingURL=ProductGallery-0dcdc45.modern.js.map