https://www.myposter.com/_nuxt/BYaD61GY.js

1import{d as h,w as x,r as C,c as P,a as f,b as _,g as n,k as d,l as u,a_ as a,a1 as r,f as R,B as S,o as p,h as i,X as $,t as D,a2 as T,_ as V}from"./Cdma0c0o.js";import{R as N}from"./BRInCMfI.js";import{S as m}from"./eAdA6b1j.js";import{U as E}from"./uMSCLa-o.js";import{u as Q}from"./CdBxpRen.js";import"./Ccf9vHAt.js";import"./D5B1-F8b.js";import"./CK94_uCC.js";import"./l1OykVI3.js";const K={class:"product-quality-block","data-testid":"product-quality-block"},I={class:"product-quality-block__tile-wrapper"},L=["onClick"],U={class:"product-quality-tile__image-wrapper"},j={class:"product-quality-tile__text-content"},z={class:"product-quality-tile__headline"},M=h({__name:"ProductQualityBlock",props:{blok:{}},setup(c){const{openDialog:k}=Q(),s=S("carouselRef"),v=u(()=>s.value?.isScrollableLeft??!1),y=u(()=>s.value?.isScrollableRight??!1),l=o=>{o==="left"?s.value?.goToPrev():s.value?.goToNext()},b=o=>{const e={dialogPayload:{items:c.blok.tiles,currentIndex:o},dialogType:T.ProductQuality};k(e)},g=[{breakpoint:520,config:{spaceBetween:12,slidesPerView:2}},{breakpoint:720,config:{spaceBetween:16,slidesPerView:2}},{breakpoint:1024,config:{spaceBetween:16,slidesPerView:3}}],w=u(()=>c.blok.tiles.map(o=>({key:o._uid,...o})));return(o,e)=>{const q=C("editable");return x((p(),P("section",K,[d(y)?(p(),f(m,{key:0,class:"product-quality-block__scroll-button product-quality-block__scroll-button--left","scroll-direction":"left","no-fade":"",onClick:e[0]||(e[0]=t=>l("left")),onKeydown:[e[1]||(e[1]=a(r(t=>l("left"),["prevent"]),["space"])),e[2]||(e[2]=a(r(t=>l("left"),["prevent"]),["enter"]))]})):_("",!0),n(E,{ref_key:"carouselRef",ref:s,"slide-elements":d(w),"slides-per-view":1.5,"space-between":8,responsive:g,"initial-slide-width":260,class:"product-quality-block__carousel"},{carouselSlideElement:R(({slideElement:t,index:B})=>[i("div",I,[i("div",{class:"product-quality-tile","data-fs":"product-quality-tile",onClick:O=>b(B)},[i("div",U,[n($,{class:"product-quality-tile__image",src:t.image.filename,sizes:"140px","aspect-ratio":t.aspectRatio||"1/1"},null,8,["src","aspect-ratio"])]),i("div",j,[i("p",z,D(t.headline),1),n(N,{class:"product-quality-tile__text",doc:t.text},null,8,["doc"])])],8,L)])]),_:1},8,["slide-elements"]),d(v)?(p(),f(m,{key:1,class:"product-quality-block__scroll-button product-quality-block__scroll-button--right","scroll-direction":"right","no-fade":"",onClick:e[3]||(e[3]=t=>l("right")),onKeydown:[e[4]||(e[4]=a(r(t=>l("right"),["prevent"]),["space"])),e[5]||(e[5]=a(r(t=>l("right"),["prevent"]),["enter"]))]})):_("",!0)])),[[q,c.blok]])}}}),ee=Object.assign(V(M,[["__scopeId","data-v-564d2b00"]]),{__name:"ProductQualityBlock"});export{ee as default};