1import{t as j,c as G,f as J,a as K,l as W,d as Y,e as Z,m as X,g as ee,i as te,n as ae,_ as oe}from"./Cw9h692z.js";import{aC as ne,q as Q,u as V,s as e,v as B,x as se,y as b,o,J as ie,m as u,b as E,c,a as d,k as p,d as re,F as H,t as f,D as le,at as ce,f as R,A as C,n as A,z as ue,B as me,G as _e,O as de,S as F,aD as pe,V as ge,Y as fe,T as L,U as P,I as he,W as ve}from"./DUDYK5RR.js";import{_ as we}from"./CYddRU-V.js";import{p as xe}from"./BI1kTDjq.js";import{a as ye,b as be}from"./D0N1TuNX.js";import Ce from"./BpZ4IOFI.js";import{c as $e}from"./ByAgAowi.js";import{n as Ie}from"./5LMxbqup.js";import{u as Ue,n as ke,f as Se}from"./g2WXNV-d.js";import{g as Te}from"./P_cU2zAF.js";import{u as De}from"./DDKCuTol.js";import{u as Ne}from"./BYDNgn46.js";import"./BoMgy0kL.js";import"./BGbCNmOO.js";import"./BBFuCjmb.js";import"./DP6agTFZ.js";import"./DBX7C23c.js";import"./DKzNMMjz.js";const Ee=ne(` 2 query newsQuery($id: GraphQLStringOrFloat!, $locale: String) { 3 dw_news(filter: { id: { _eq: $id } }) { 4 id 5 status 6 date 7 date_updated 8 author 9 news_category { 10 dw_news_category_id { 11 name 12 } 13 } 14 translations(filter: { languages_code: { code: { _eq: $locale } } }) { 15 languages_code { 16 code 17 name 18 direction 19 } 20 name 21 seo { 22 slug 23 title 24 description 25 meta_robots 26 # opengraph_image ist ein M2O auf dw_n_media_element_image (numerische 27 # id) â NICHT auf directus_files. Die Datei-UUID liegt eine Ebene 28 # tiefer; ohne sie ergibt /assets/<id> ein 403. 29 opengraph_image { 30 id 31 pixxio 32 image { 33 id 34 } 35 } 36 } 37 summary { 38 teaser_image { 39 id 40 title 41 width 42 height 43 copyright 44 focal_point_x 45 focal_point_y 46 } 47 } 48 content { 49 item { 50 ... on dw_ce_text { 51 ...textElement 52 } 53 ... on dw_ce_call_to_action { 54 ...ctaElement 55 } 56 ... on dw_ce_feature { 57 ...feature 58 } 59 ... on dw_ce_feature_media { 60 ...featureMedia 61 } 62 ... on dw_ce_logo_cloud { 63 ...logoCloud 64 } 65 ... on dw_ce_faq { 66 ...faq 67 } 68 ... on dw_ce_content_teaser { 69 ...contentTeaser 70 } 71 ... on dw_ce_media_text { 72 ...mediaText 73 } 74 ... on dw_ce_testimonial { 75 ...testimonial 76 } 77 ... on dw_ce_media_slider { 78 ...mediaSlider 79 } 80 ... on dw_ce_news_teaser { 81 ...newsTeaser 82 } 83 } 84 } 85 } 86 } 87 } 88 `,[j,G,J,K,W,Y,Z,X,ee,te,ae]),ze={key:0,class:"font-normal"},qe={key:1},Be={key:1,class:"flex flex-col gap-12 self-start"},He={key:0,class:"hero-image-wrapper"},Re={class:"relative w-full h-full"},Ae=["aria-label"],Fe={key:1,class:"popup absolute bottom-8 right-38 sm:right-42 p-12 bg-neutral-100 text-neutral-0 text-sm rounded-sm max-w-[280px] whitespace-normal z-25"},Le=Q({__name:"NewsHero",props:{name:{},author:{},date:{},image:{}},setup(z){const t=z,{t:m,locale:$}=V(),_=e(()=>!!t.image?.id),h=e(()=>xe(t.name??"")),s=e(()=>{if(!t.date)return"";const a=new Date(t.date);return Number.isNaN(a.getTime())?"":new Intl.DateTimeFormat($.value,{day:"numeric",month:"long",year:"numeric"}).format(a)}),n=e(()=>t.image?.copyright||""),i=B(!1),v=B(null),g=()=>{i.value=!i.value};return se(v,()=>{i.value&&(i.value=!1)}),(a,w)=>{const x=le,T=we,I=ce,U=ue,k=me,r=ie;return o(),b(r,{background:"accent-100",customSectionClass:"!py-0",customContainerClass:`relative flex flex-col-reverse max-md:!px-0 ${_.value?"md:flex-row":""}`},{default:u(()=>[E("div",{class:A([_.value?"hero-content-with-image":"hero-content-without-image","flex flex-col pt-24 pb-64 md:py-[clamp(4rem,7vw,6rem)] max-md:px-24 justify-center gap-24 md:gap-32"])},[a.name?(o(),b(T,{key:0},{default:u(()=>[p(x,{semantic:"h1"},{default:u(()=>[(o(!0),c(H,null,re(h.value,(y,D)=>(o(),c(H,{key:D},[y.isThin?(o(),c("span",ze,f(y.text),1)):(o(),c("span",qe,f(y.text),1))],64))),128))]),_:1})]),_:1})):d("",!0),a.author||s.value?(o(),c("div",Be,[a.author?(o(),b(I,{key:0,size:"large"},{default:u(()=>[R(f(C(m)("news.author.prefix"))+" "+f(a.author),1)]),_:1})):d("",!0),s.value?(o(),b(I,{key:1,size:"large"},{default:u(()=>[R(f(s.value),1)]),_:1})):d("",!0)])):d("",!0)],2),_.value?(o(),c("div",He,[E("div",Re,[p(U,{provider:"directus",src:a.image?.id||"",sizes:C(be),densities:C(ye),preload:{fetchPriority:"high"},alt:a.image?.title??"",class:"hero-image",loading:"eager",fetchpriority:"high"},null,8,["src","sizes","densities","alt"]),n.value?(o(),c("div",{key:0,ref_key:"copyrightContainerRef",ref:v,class:"absolute bottom-8 right-8 md:bottom-24 md:right-24 z-25"},[E("button",{onClick:g,class:A(["size-24 rounded-full flex items-center justify-center text-sm cursor-pointer transition-all duration-200 relative z-10",i.value?"bg-accent-60":"bg-[rgba(255,255,255,0.75)] hover:bg-accent-60"]),"aria-label":C(m)("button.copyright")},[p(k,{name:"i-material-symbols-copyright-outline",class:"!size-16"})],10,Ae)],512)):d("",!0),i.value&&n.value?(o(),c("div",Fe,f(n.value),1)):d("",!0)])])):d("",!0)]),_:1},8,["customContainerClass"])}}}),Pe=_e(Le,[["__scopeId","data-v-a2d38a94"]]),it=Q({__name:"CmsNews",async setup(z){let t,m;De();const{t:$}=V(),_=de(),{meta:h}=Ne(),s=h.locale,n=he(),{data:i}=([t,m]=F(()=>L(`news-${h.id}-${s}`,()=>P(Ee,{variables:{id:h.id}}))),t=await t,m(),t),{data:{value:{config:v}}}=([t,m]=F(()=>L(`config-${s}`,()=>P($e(n.public.environment),{}))),t=await t,m(),t),g=v?.[0]??v;pe(Ie,g.newsletter_background);const a=e(()=>i.value?.dw_news?.[0]??null),w=e(()=>a.value?.translations?.[0]??null),x=e(()=>w.value?.name??""),T=e(()=>a.value?.author??""),I=e(()=>a.value?.date??""),U=e(()=>w.value?.summary?.teaser_image??null),k=e(()=>w.value?.content??[]),r=e(()=>w.value?.seo??null),y=e(()=>g.footer_navigation?.translations?.[0]??null),D=e(()=>({type:"ce_newsletter",id:0,headline:$("news.newsletter.headline"),tagline:$("news.newsletter.tagline"),semantic:"h2",image:null})),q=e(()=>{const l=r.value?.opengraph_image;if(l){const S=Te(l.pixxio);if(S)return S;if(l.image?.id)return`${n.public.directusBaseUrl}assets/${l.image.id}`}const N=U.value?.id;return N?`${n.public.directusBaseUrl}assets/${N}`:null});return ge({title:()=>r.value?.title||x.value,description:()=>r.value?.description||void 0,ogTitle:()=>r.value?.title||x.value,ogDescription:()=>r.value?.description||void 0,ogImage:()=>q.value||void 0,robots:()=>{const l=r.value?.meta_robots;return l?l.replace(/-/g,", ").replace(/,\s,\s/g,", "):void 0}}),Ue(()=>[ke(a.value,{siteUrl:n.public.siteUrl,canonicalUrl:`${n.public.siteUrl}${_.path}`,locale:s,languagePrefix:_.path.split("/")[1]||void 0,imageUrl:q.value}),Se(k.value,{siteUrl:n.public.siteUrl,canonicalUrl:`${n.public.siteUrl}${_.path}`,locale:s,directusBaseUrl:n.public.directusBaseUrl})],()=>g),(l,N)=>{const S=oe,M=ve,O=fe;return o(),b(O,{name:"page"},{hero:u(()=>[p(Pe,{name:x.value,author:T.value,date:I.value,image:U.value}
88,null,8,["name","author","date","image"])]),content:u(()=>[p(S,{content:k.value??[]},null,8,["content"]),p(Ce,{content:D.value},null,8,["content"])]),footer:u(()=>[p(M,{content:y.value,config:C(g)},null,8,["content","config"])]),_:1})}}});export{it 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.