https://www.textilwirtschaft.de/_nuxt/IyPLkum_.js

1import{d as T,e as a,f as _,az as j,X as L,w as $,m as n,t as p,q as c,v as G,i as v,Y as H,I as K,o as F,a$ as W,k as P,$ as A,g as t,Z as q,r as x,x as u,N as U,bw as M,aG as D,bx as Y,K as Z}from"./DbIaeWh9.js";import{R as O}from"./BqvLBpQX.js";import{S as J}from"./q8f2vgND.js";import{I as Q}from"./CfYeHaXT.js";const ee={key:0,class:"image__caption"},te={key:0},ie={key:1},ae={class:"image__source picture-with-description__copyright"},oe=T({__name:"ImageCredits",props:{caption:{default:""},credits:{default:""},creditsPrefix:{default:"©"},lineBreak:{type:Boolean,default:!1},tag:{default:"figcaption"},overlay:{default:void 0}},setup(e){return(o,g)=>e.caption||e.credits?(a(),_(j(e.tag),{key:0,class:L(["image__info picture-with-description__description",{"image__info--overlay":!!e.overlay,"image__info--overlay-left":e.overlay==="left","image__info--overlay-right":e.overlay==="right"}])},{default:$(()=>[e.caption&&!e.overlay?(a(),n("span",ee,p(e.caption),1)):c("",!0),e.credits.trim()?(a(),n(G,{key:1},[e.lineBreak?(a(),n("br",te)):(a(),n("span",ie,p(" "))),v("span",ae,p(e.creditsPrefix)+" "+p(e.credits),1)],64)):c("",!0)]),_:1},8,["class"])):c("",!0)}}),se=Object.assign(oe,{__name:"AtomsGeneralImageCredits"}),ne=["data-content"],ce={class:"lightbox__wrapper"},le=["src","srcset","alt"],re=["src","srcset","alt"],ue={class:"lightbox__footer"},de={key:0,class:"lightbox__counter"},ge=50,me=T({__name:"Lightbox",props:q({images:{},startIndex:{default:0}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const o=e,g=o.images,l=o.startIndex,d=H(e,"modelValue"),r=x(null),s=x(l),m=x(0),y=x(0),f=u(()=>Array.isArray(g)?g:[g]),k=u(()=>f.value.length>1),B=u(()=>s.value===0),S=u(()=>s.value===f.value.length-1),b=u(()=>f.value[s.value]);function w(){console.log(">>> CLOSE"),d.value=!1}function C(){B.value||s.value--}function I(){S.value||s.value++}function E(i){i==="prev"?C():I()}function X(i){i.key==="Escape"?w():i.key==="ArrowLeft"&&k.value?C():i.key==="ArrowRight"&&k.value&&I()}function V(i){m.value=i.touches[0]?.clientX??0}function z(i){y.value=i.touches[0]?.clientX??0}function N(){if(!k.value)return;const i=m.value-y.value;Math.abs(i)>ge&&(i>0?I():C()),m.value=0,y.value=0}K(d,i=>{r.value&&(i?(s.value=l,r.value.showModal()):r.value.close())}),F(()=>{d.value&&r.value&&r.value.showModal()});const h=u(()=>{const i=b.value?.picture;if(i)return{url:i.url,srcset:void 0}});return(i,R)=>(a(),_(W,{to:"body"},[v("dialog",{ref_key:"dialogRef",ref:r,class:"lightbox","data-content":i.$t("general.loading"),onClose:w,onClick:A(w,["self"]),onKeydown:X},[v("div",ce,[P(Q,{class:"lightbox__close",icon:"close","aria-label":i.$t("general.close"),onClick:w},null,8,["aria-label"]),v("div",{class:"lightbox__content",onClick:R[0]||(R[0]=A(()=>{},["stop"]))},[t(k)?(a(),_(J,{key:0,"prev-disabled":t(B),"next-disabled":t(S),clicked:E},{default:$(()=>[v("div",{class:"lightbox__image-container",onTouchstart:V,onTouchmove:z,onTouchend:N},[t(h)?.url?(a(),n("img",{key:0,src:t(h).url,srcset:t(h).srcset,sizes:"100vw",alt:t(b)?.picture?.alt||"",class:"lightbox__image",loading:"lazy"},null,8,le)):c("",!0)],32)]),_:1},8,["prev-disabled","next-disabled"])):(a(),n("div",{key:1,class:"lightbox__image-container",onTouchstart:V,onTouchmove:z,onTouchend:N},[t(h)?.url?(a(),n("img",{key:0,src:t(h).url,srcset:t(h).srcset,sizes:"100vw",alt:t(b)?.picture?.alt||"",class:"lightbox__image",loading:"lazy"},null,8,re)):c("",!0)],32))]),v("div",ue,[t(k)?(a(),n("div",de,p(t(s)+1)+" | "+p(t(f).length),1)):c("",!0),P(se,{tag:"div",caption:t(b)?.caption,credits:t(b)?.credits},null,8,["caption","credits"])])])],40,ne)]))}}),fe=Object.assign(me,{__name:"MoleculesGeneralLightbox"}),he=["innerHTML"],ve=T({__name:"PictureWithDescription",props:{picture:{},lightboxPicture:{},caption:{},credits:{},creditsPosition:{},link:{}},setup(e){const o=e,g=u(()=>{const s=o.credits?`<span class="picture-with-description__copyright">&copy; ${o.credits}</span>`:"";return[o.caption||"",s].join(" ")}),l=x(!1),d=u(()=>o.lightboxPicture?{picture:o.lightboxPicture,caption:o.caption,credits:o.credits}:void 0);function r(){l.value=!0}return(s,m)=>{const y=U;return a(),n("figure",{class:L(["picture-with-description",[!e.link&&t(d)?"picture-with-description--clickable":""]]),onClick:r},[e.picture&&o.link?(a(),_(y,M(D({key:0},o.link)),{default:$(()=>[P(O,M(Y(e.picture)),null,16)]),_:1},16)):e.picture?(a(),_(O,M(D({key:1},e.picture)),null,16)):c("",!0),e.caption||e.credits?(a(),n("figcaption",{key:2,class:L(["picture-with-description__description",`picture-with-description__description--position-${o.creditsPosition??"default"}`]),innerHTML:t(g)},null,10,he)):c("",!0),!e.link&&t(d)&&t(l)?(a(),_(fe,{key:3,modelValue:t(l),"onUpdate:modelValue":m[0]||(m[0]=f=>Z(l)?l.value=f:null),images:t(d)},null,8,["modelValue","images"])):c("",!0)],2)}}}),be=Object.assign(ve,{__name:"MoleculesPicturesPictureWithDescription"});export{be as default};