https://static.estheticon.cz/10009653/build/yns/media_modal.js

1"use strict";(globalThis.webpackChunkyns||=[]).push([[1839],{7435(e,i,n){n.r(i),n.d(i,{default:()=>E});var a=n(1425),l=n(3504),o=n(7258),t=n(2311),s=n(4720),r=n(4744),u=n(8714),c=n(1708),d=n(9472);const v={__name:"SwiperPagination",props:{moreThanOneImage:{type:Boolean,default:!1}},emits:["navBtnDirectionClicked"],setup(e,{emit:i}){const{configurations:{isMobile:n}}=t.g$,l=(0,s.Mn)(),o=i,r=e=>{o("navBtnDirectionClicked",e)};return(i,o)=>((0,a.uX)(),(0,a.CE)(a.FK,null,[!e.moreThanOneImage||(0,a.R1)(n)||(0,a.R1)(l).isBeginning?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("div",{key:0,class:"swiper-button-prev",onClick:o[0]||(o[0]=e=>r("prev"))},[...o[2]||(o[2]=[(0,a.Lk)("i",{class:"yns-icon-chevron-left u-color--white","aria-hidden":"true"},null,-1)])])),!e.moreThanOneImage||(0,a.R1)(n)||(0,a.R1)(l).isEnd?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("div",{key:1,class:"swiper-button-next",onClick:o[1]||(o[1]=e=>r("next"))},[...o[3]||(o[3]=[(0,a.Lk)("i",{class:"yns-icon-chevron-right u-color--white","aria-hidden":"true"},null,-1)])]))],64))}};var p=n(6262);const m=(0,p.A)(v,[["__scopeId","data-v-4719da0a"]]);var g=n(8165);const f={class:"d:u-px--9 swiper-zoom-container"},w="next",h={__name:"SwiperSlide",props:{images:{type:Array,required:!0},activeIndex:{type:Number,required:!0}},emits:["activeIndex"],setup(e,{emit:i}){const{user:n}=t.g$,l="swipe next picture|fullscreen picture slider",v="swipe previous picture|fullscreen picture slider",p="zoom in|fullscreen picture slider",h="zoom out|fullscreen picture slider",_=i,k=e,{project:{isTajmeeli:y}}=t.m9,C=(0,a.KR)(k.activeIndex),x=(0,a.KR)(1),I=(0,a.KR)(!0),R=(0,a.KR)(!1),E=(0,a.KR)(1),S=(0,a.KR)(null),b=(0,a.KR)(null),N=(0,a.EW)(()=>k.images.length>1),T=(0,a.EW)(()=>k.images[C.value-1]?.originalSrc),A=(0,a.EW)(()=>T.value?.split(".").pop()),L=function(){C.value=b.value.activeIndex+1,I.value=b.value.isBeginning,R.value=b.value.isEnd,b.value.activeIndex>b.value.previousIndex?q(w):b.value.activeIndex<b.value.previousIndex&&q("prev"),_("activeIndex",C.value)},B=function(e,i,n={}){const[a,l]=i.split("|"),t={action:a,cta:l,content_group:window.gaYNS.dimensionPath,...n};o.Gh.gaGTagDispatchEvent(e,t)},K=(e,i)=>x.value=i,M=()=>E.value=x.value,O=function(){x.value<E.value?B("click",h,{picture_url:T.value,file_extension:A.value,page_location:window.location.href}):x.value>E.value&&B("click",p,{picture_url:T.value,file_extension:A.value,page_location:window.location.href})},q=function(e){B("click",e===w?l:v,{page_location:window.location.href})},X=function(e){b.value&&("ArrowRight"!==e.key||b.value.isEnd?"ArrowLeft"!==e.key||b.value.isBeginning||b.value.slidePrev():b.value.slideNext())},z=function(e){b.value&&("next"!==e||b.value.isEnd?"prev"!==e||b.value.isBeginning||b.value.slidePrev():b.value.slideNext())},G=function(e){b.value=e,b.value.slideTo(C.value-1,0)};return(0,a.sV)(()=>window.addEventListener("keydown",X)),(0,a.hi)(()=>window.removeEventListener("keydown",X)),(i,l)=>((0,a.uX)(),(0,a.Wv)((0,a.R1)(s.RC),{ref_key:"swiperRef",ref:S,modules:[(0,a.R1)(r.A),(0,a.R1)(u.A)],navigation:"",zoom:"",class:(0,a.C4)(["swiper",(0,a.R1)(y)?"swiper-rtl":""]),onSwiper:G,onSlideChange:L,onZoomChange:K,onTouchStart:M,onTouchEnd:O},{default:(0,a.k6)(()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.images,(e,i)=>((0,a.uX)(),(0,a.Wv)((0,a.R1)(s.qr),{key:e.id,onClick:i=>e.isSafe||(0,a.R1)(n)?null:(()=>{const{constants:{userConstants:{SOURCE_IMAGE_SENSITIVE:e}}}=t.m9,i={type:d.hJ,render:"modal",source:Number(e)};c.A.initAuth(i)})()},{default:(0,a.k6)(()=>[(0,a.Lk)("div",f,[(0,a.bF)((0,a.R1)(g.A),{source:e.originalSrc,id:e.id,alt:e.id,loading:i===C.value-1?"eager":"lazy",className:e.isSafe||(0,a.R1)(n)?"":"js-image-sensitive u-render__cursor--pointer"},null,8,["source","id","alt","loading","className"])])]),_:2},1032,["onClick"]))),128)),(0,a.Q3)(" NAVIGATION BUTTONS "),(0,a.bF)((0,a.R1)(m),{moreThanOneImage:N.value,onNavBtnDirectionClicked:z},null,8,["moreThanOneImage"])]),_:1},8,["modules","class"]))}},_=(0,p.A)(h,[["__scopeId","data-v-995e40b2"]]),k={class:"media-modal__backdrop"},y={class:"u-flex u-flex-justify-between u-flex-align-items-center u-p--2"},C={key:0,class:"u-color--white u-font--size-16"},x={key:0,class:"u-color--white u-font--size-10 d:u-font--size-16"},I={class:"media-modal__container d:u-px--5"},R={__name:"MediaModal",props:{activeImageId:{type:Number,required:!0},originalSrc:{type:String,required:!0},slideIndex:{type:Number,required:!0},isSafe:{type:Boolean,required:!0},totalSlides:{type:Number,required:!0},images:{type:Array,required:!0}},emits:["handleCloseModalOnClick","handleSlideChange"],setup(e,{emit:i}){const{configurations:{isMobile:n}}=t.g$,s="close picture slider|picture slider back button",r=i,u=e,c=["COMMON_close_lbl"],d=(0,a.KR)({}),v=(0,a.KR)(u.slideIndex),p=function(){o.tT.toggleBodyScrollModalComponents("auto"),function(e,i,n={}){const[a,l]=i.split("|"),t={action:a,cta:l,content_group:window.gaYNS.dimensionPath,...n};o.Gh.gaGTagDispatchEvent(e,t)}

1("click",s,{page_location:window.location.href}),r("handleSlideChange",v.value),r("handleCloseModalOnClick")},m=e=>v.value=e,g=function(e){"Escape"===e.key&&p()};return(0,a.KC)(async()=>{o.tT.toggleBodyScrollModalComponents("hidden"),d.value=await(0,l.N$)(c)}),(0,a.sV)(()=>window.addEventListener("keydown",g)),(0,a.hi)(()=>window.removeEventListener("keydown",g)),(i,l)=>((0,a.uX)(),(0,a.CE)("div",k,[(0,a.Lk)("div",y,[(0,a.Lk)("div",{class:"u-render__cursor--pointer u-flex u-flex-align-items-center u-flex--gap-8",onClick:p},[(0,a.Lk)("span",{class:(0,a.C4)(["media-modal__close btn-arrow__prev u-flex u-flex-align-items-center u-flex-justify-center",(0,a.R1)(n)?"btn-arrow--micro":"btn-arrow--mini"])},[(0,a.Lk)("i",{class:(0,a.C4)((0,a.R1)(n)?"yns-icon-chevron-left":"yns-icon-cross"),"aria-hidden":"true"},null,2)],2),(0,a.R1)(n)?(0,a.Q3)("v-if",!0):((0,a.uX)(),(0,a.CE)("span",C,(0,a.v_)(d.value.commonCloseLbl),1))]),e.totalSlides>1?((0,a.uX)(),(0,a.CE)("div",x,(0,a.v_)(v.value)+"/"+(0,a.v_)(e.totalSlides),1)):(0,a.Q3)("v-if",!0)]),(0,a.Lk)("div",I,[(0,a.bF)((0,a.R1)(_),{images:e.images,activeIndex:v.value,onActiveIndex:m},null,8,["images","activeIndex"])])]))}},E=(0,p.A)(R,[["__scopeId","data-v-034cd5ec"]])}}]);