1import{d as I,a7 as v,S as V,c as _,o as u,b as p,k as e,l as b,H as A,a as P,h as i,g as l,X as N,t as f,cg as B,_ as D,ax as M,Y as L,y,w as j,r as z,a_ as T,a1 as S,f as U,$ as K,b4 as q,aO as $,a9 as H}from"./Cdma0c0o.js";import{S as C}from"./eAdA6b1j.js";import{U as Y}from"./jSrqZCTS.js";import{u as G}from"./0qrJZdqr.js";import"./Ccf9vHAt.js";import"./D5B1-F8b.js";import"./CdBxpRen.js";import"./CK94_uCC.js";import"./l1OykVI3.js";const X={class:"customer-picture-dialog"},F={class:"customer-picture-dialog__main-content"},J={class:"customer-picture-dialog__image-wrapper"},Q={key:0,class:"customer-picture-dialog__text-wrapper customer-picture-dialog-text-wrapper"},W={class:"customer-picture-dialog-text-wrapper__text"},Z={class:"customer-picture-dialog-text-wrapper__name"},ee={key:2,class:"customer-picture-dialog__loading-spinner-wrapper"},te=I({__name:"CustomerPictureDialog",props:{currentIndex:{},pictures:{}},setup(c){const t=b(()=>c.pictures||[]),n=v(c.currentIndex||0),r=b(()=>t.value.at(n.value)),m=()=>{t.value.length>1&&(n.value=(n.value-1+t.value.length)%t.value.length)},k=()=>{t.value.length>1&&(n.value=(n.value+1)%t.value.length)},s=v(!1),g=()=>{s.value=!0};return V(n,()=>{s.value=!1}),(x,w)=>(u(),_("div",X,[e(r)?(u(),_("div",{key:0,class:A(["customer-picture-dialog__content",{"customer-picture-dialog__content--loading":!e(s)}])},[e(t).length>1?(u(),P(C,{key:0,"scroll-direction":"left","no-fade":"",class:"customer-picture-dialog__nav-button customer-picture-dialog__nav-button--left",onClick:m})):p("",!0),e(t).length>1?(u(),P(C,{key:1,"scroll-direction":"right","no-fade":"",class:"customer-picture-dialog__nav-button customer-picture-dialog__nav-button--right",onClick:k})):p("",!0),i("div",F,[i("div",J,[l(N,{class:"customer-picture-dialog__image",src:e(r).imageUrl,sizes:"540px",onNuxtImageLoaded:g},null,8,["src"])]),e(s)?(u(),_("div",Q,[i("p",W,f(e(r).text),1),i("p",Z,f(e(r).name),1)])):p("",!0)]),e(s)?p("",!0):(u(),_("div",ee,[l(B,{class:"customer-picture-dialog__loading-spinner"})]))],2)):p("",!0)]))}}),se=D(te,[["__scopeId","data-v-3c7928e1"]]),oe={CUSTOMER_PICTURES:"customer-pictures"},ie={key:0,class:"customer-picture-block"},re={class:"customer-picture-block__content"},ae={class:"customer-picture-block__items-wrapper"},ce=["onClick"],ne={class:"item__content"},le=["textContent"],ue=["textContent"],de=40,pe=I({__name:"CustomerPictureBlock",props:{blok:{}},setup(c){const{mainCarousel:t}=M(),{t:n}=L(),r=v(!1),m=v(0),k=[{breakpoint:0,config:{slidesPerView:1}},{breakpoint:512,config:{slidesPerView:2}},{breakpoint:1200,config:{slidesPerView:3}},{breakpoint:1600,config:{slidesPerView:4}},{breakpoint:2500,config:{slidesPerView:5}},{breakpoint:3100,config:{slidesPerView:6}}],s=d=>{t.value&&(d==="left"?t.value.goToPrev?.():t.value.goToNext?.())},g=b(()=>({materialType:c.blok.materialType,frameType:c.blok.frameType,licensor:c.blok.licensor||void 0,productType:c.blok.productType,count:de})),{$fetchShop:x}=y(),{$currentLocale:w}=y(),{data:h}=G(["customer-pictures-v2",...Object.values(g.value),w].join("-"),()=>x(H.CUSTOMER_PICTURES,{query:g.value}),{transform:d=>d.payload.data,clientMaxAge:$,serverMaxAge:$,serverCacheTags:[oe.CUSTOMER_PICTURES]}),E=d=>{m.value=d,r.value=!0};return(d,o)=>{const O=z("editable");return e(h)?.length?j((u(),_("section",ie,[i("div",re,[i("div",ae,[l(C,{class:"customer-picture-block__scroll-button customer-picture-block__scroll-button--left","scroll-direction":"left","no-fade":"",onClick:o[0]||(o[0]=a=>s("left")),onKeydown:o[1]||(o[1]=T(S(a=>s("left"),["prevent"]),["space"]))}),l(Y,{ref_key:"mainCarousel",ref:t,class:"image-carousel",dots:!1,"initial-slide":0,"navigation-buttons-show":!1,"slide-elements":e(h),"slides-per-view":4,"space-between":20,responsive:k},{carouselSlideElement:U(({slideElement:a,index:R})=>[i("div",{class:"item","data-fs":"customer-picture",onClick:_e=>E(R)},[l(N,{class:"item__image",src:a.imageUrl,sizes:"243px"},null,8,["src"]),i("div",ne,[i("p",{class:"item__content-text",textContent:f(a.text)},null,8,le),i("p",{class:"item__content-name",textContent:f(a.name)},null,8,ue)])],8,ce)]),_:1},8,["slide-elements"]),l(C,{class:"customer-picture-block__scroll-button customer-picture-block__scroll-button--right","scroll-direction":"right","no-fade":"",onClick:o[2]||(o[2]=a=>s("right")),onKeydown:o[3]||(o[3]=T(S(a=>s("right"),["prevent"]),["space"]))})])]),l(q,{open:e(r),"onUpdate:open":o[4]||(o[4]=a=>K(r)?r.value=a:null),width:600,height:800,padding:20,"show-title":"","aria-title":e(n)("customerPicture.headline")},{content:U(()=>[l(se,{pictures:e(h)||[],"current-index":e(m)},null,8,["pictures","current-index"])]),_:1},8,["open","aria-title"])])),[[O,c.blok]]):p("",!0)}}}),we=Object.assign(D(pe,[["__scopeId","data-v-005ec8f9"]]),{__name:"CustomerPictureBlock"});export{we as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.