https://www.dietz-ag.de/_nuxt/CsKu1bwk.js

1import{_ as U}from"./DXScQH1T.js";import{_ as J}from"./BLBCg7Yc.js";import{b as H,S as Q,az as X,Z as Y,ay as tt,aC as F,k as a,h as o,U as w,al as n,m as et,F as v,a9 as y,j as d,i as h,aB as m,a8 as f,ad as $,g as ot,_ as nt,a2 as s,aj as p,o as b,n as D,au as st}from"./CSxbTWaX.js";import{m as lt}from"./p4X89U_r.js";import{i as k,m as at}from"./kgK-_yKN.js";import{g as it}from"./CZjIydr3.js";const rt="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23faba9f'%20d='M12%2012q.825%200%201.413-.587T14%2010t-.587-1.412T12%208t-1.412.588T10%2010t.588%201.413T12%2012m0%2010q-4.025-3.425-6.012-6.362T4%2010.2q0-3.75%202.413-5.975T12%202t5.588%202.225T20%2010.2q0%202.5-1.987%205.438T12%2022'%20/%3e%3c/svg%3e",ct={class:"references-overview"},dt={class:"references-list"},ut={class:"references-toolbar"},pt={class:"actions"},gt={key:0,class:"references-filter"},mt=["onClick"],ft={class:"references-item-wrap"},vt={class:"image"},ht={class:"description"},_t={class:"category"},Ct={class:"name"},wt={key:0,class:"details"},yt={key:1,class:"btn btn_small"},bt={key:2,class:"map"},kt={class:"info-window"},xt={class:"name"},Mt={class:"details"},It={key:0,class:"separator"},St={class:"info-window"},Tt={class:"name"},zt={key:1,class:"details"},Bt={key:1,class:"map-consent",role:"dialog","aria-modal":"true","aria-labelledby":"map-consent-title"},W="google-maps-consent",Ot={__name:"ReferencesOverview",props:{blok:Object},async setup(T){let x,z;const E=st(),I=f(null),K=f({lat:51.08342,lng:10.423447}),L=f(6),g=f(null),V=Q(),{data:{stories:_}}=([x,z]=X(()=>V.get("cdn/stories",{version:it(),per_page:100,starts_with:"referenzen/",filter_query:{component:{in:"Reference"}}})),x=await x,z(),x),u=f("grid"),M=f(!1),S=f(!1),A=()=>{u.value="map",!M.value&&(S.value=!0)},N=()=>{localStorage.setItem(W,"accepted"),M.value=!0,S.value=!1,u.value="map"};Y(()=>{M.value=localStorage.getItem(W)==="accepted"});const B=["Aktuelle Projekte","Logistik, Air Cargo und Light Industrial","Handels- und Sonderbauten","Büros und Verwaltungsgebäude"],Z=_.map(i=>i.content.category).filter((i,e,l)=>l.indexOf(i)===e).sort((i,e)=>{const l=B.indexOf(i),r=B.indexOf(e);return l===-1&&r===-1?i.localeCompare(e):l===-1?1:r===-1?-1:l-r}),C=f(null),j=ot(()=>C.value===null?_:_.filter(i=>i.content.category===C.value)),O=i=>{const e=[];return i.content.body?.forEach(l=>{l.component==="Section"&&l.content?.forEach(r=>{r.component==="ProjectInfo"&&(e.push({label:"Grundstück",value:r.property_size}),e.push({label:"Mietfläche",value:r.rental_area}))})}),e};return tt(()=>I.value?.ready,i=>{if(!i)return;const e=new window.google.maps.LatLngBounds;_.filter(l=>l.content.latitude&&l.content.longitude).forEach(l=>{const r={lat:parseFloat(l.content.latitude),lng:parseFloat(l.content.longitude)};e.extend(r)}),I.value.map.fitBounds(e)}),(i,e)=>{const l=U,r=J,q=nt,G=$("auto-animate"),P=$("editable");return F((s(),a("div",ct,[o("div",dt,[o("div",ut,[e[7]||(e[7]=o("div",{class:"header"},"Referenzen filtern",-1)),o("div",pt,[o("button",{class:w({action:!0,active:n(u)==="grid"}),onClick:e[0]||(e[0]=t=>u.value="grid")},[...e[5]||(e[5]=[et('<svg viewBox="0 0 34 34" data-v-cc32567c><rect stroke="currentColor" fill="transparent" x="6" y="5.5" width="9" height="9" data-v-cc32567c></rect><rect stroke="currentColor" fill="transparent" x="19" y="5.5" width="9" height="9" data-v-cc32567c></rect><rect stroke="currentColor" fill="transparent" x="6" y="18.5" width="9" height="9" data-v-cc32567c></rect><rect stroke="currentColor" fill="transparent" x="19" y="18.5" width="9" height="9" data-v-cc32567c></rect></svg><span class="label" data-v-cc32567c>Filter</span>',2)])],2),o("button",{class:w({action:!0,active:n(u)==="map"}),onClick:A},[...e[6]||(e[6]=[o("svg",{width:"34",height:"34",viewBox:"0 0 21 21",fill:"none"}

1,[o("path",{d:"M11.4135 9.78926C11.665 9.54134 11.7908 9.23874 11.7908 8.88145C11.7908 8.52415 11.665 8.21973 11.4135 7.96816C11.1619 7.7166 10.8575 7.59082 10.5002 7.59082C10.1429 7.59082 9.8403 7.7166 9.59238 7.96816C9.34447 8.21973 9.22051 8.52415 9.22051 8.88145C9.22051 9.23874 9.34447 9.54134 9.59238 9.78926C9.8403 10.0372 10.1429 10.1611 10.5002 10.1611C10.8575 10.1611 11.1619 10.0372 11.4135 9.78926ZM10.5002 17.2705C12.0898 15.8997 13.3713 14.4577 14.3447 12.9447C15.3182 11.4317 15.8049 10.132 15.8049 9.04551C15.8049 7.45592 15.3054 6.13978 14.3064 5.09707C13.3075 4.05436 12.0387 3.53301 10.5002 3.53301C8.96165 3.53301 7.6929 4.05436 6.69395 5.09707C5.69499 6.13978 5.19551 7.45592 5.19551 9.04551C5.19551 10.132 5.68223 11.4317 6.65566 12.9447C7.6291 14.4577 8.91061 15.8997 10.5002 17.2705ZM10.5002 18.0252C8.56061 16.2679 7.09863 14.6364 6.11426 13.1307C5.12988 11.6249 4.6377 10.2632 4.6377 9.04551C4.6377 7.33197 5.19915 5.89551 6.32207 4.73613C7.44499 3.57676 8.8377 2.99707 10.5002 2.99707C12.1627 2.99707 13.5554 3.57676 14.6783 4.73613C15.8012 5.89551 16.3627 7.33197 16.3627 9.04551C16.3627 10.2632 15.8705 11.6249 14.8861 13.1307C13.9018 14.6364 12.4398 16.2679 10.5002 18.0252Z",fill:"currentColor"})],-1),o("span",{class:"label"},"Karte",-1)])],2)])]),n(u)==="grid"?(s(),a("div",gt,[(s(!0),a(v,null,y(n(Z),(t,c)=>(s(),a("button",{key:c,class:w(["filter",{active:n(C)===t}]),onClick:R=>C.value=n(C)===t?null:t},p(t),11,mt))),128))])):d("",!0),n(u)==="grid"?F((s(),a("div",{key:1,class:w({"references-items":!0,grid:n(u)==="grid"})},[(s(!0),a(v,null,y(n(j),t=>(s(),h(r,{class:w({"references-item":!0,highlighted:t.content.highlight}),to:"/"+t.full_slug,key:t.id},{default:m(()=>[o("div",ft,[o("div",vt,[b(l,{class:"w100",width:"640",height:"640",provider:"storyblok",format:"webp",modifiers:t.content.image.focus?{filters:{focal:t.content.image.focus}}:null,alt:t.content.image.alt,title:t.content.image.title,src:t.content.image.filename,sizes:"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw xxl:100vw 2xl:640px",densities:"1x 2x"},null,8,["modifiers","alt","title","src"])]),o("div",ht,[o("span",_t,p(t.content.category),1),o("span",Ct,p(t.name),1),t.content.highlight?(s(),a("span",wt,p(t.content.highlight_text),1)):d("",!0),t.content.highlight?(s(),a("span",yt,"ZUM PROJEKT")):d("",!0)])])]),_:2},1032,["class","to"]))),128))],2)),[[G]]):d("",!0),n(u)==="map"?(s(),a("div",bt,[n(M)?(s(),h(q,{key:0},{default:m(()=>[b(n(k.GoogleMap),{ref_key:"mapRef",ref:I,"api-key":n(E).public.googleMapsApiKey,style:{width:"100%",height:"100%"},"map-type-control":!1,"street-view-control":!1,center:n(K),zoom:n(L),styles:("mapStyle"in i?i.mapStyle:n(lt))()},{default:m(()=>[(s(!0),a(v,null,y(n(_).filter(t=>t.content.latitude&&t.content.longitude),t=>(s(),h(n(k.Marker),{options:{position:{lat:parseFloat(t.content.latitude),lng:parseFloat(t.content.longitude)},title:t.name,icon:{url:n(at)}},key:t.id,onClick:c=>g.value=t.id},{default:m(()=>[b(n(k.InfoWindow),{options:{headerDisabled:!0,maxWidth:320,minWidth:320},"model-value":n(g)===t.id,onCloseclick:e[2]||(e[2]=c=>g.value=null)},{default:m(()=>[o("div",kt,[o("button",{class:"close",onClick:e[1]||(e[1]=c=>g.value=null)},[...e[8]||(e[8]=[o("svg",{width:"24",height:"16"},[o("path",{d:"M.23.353C.104.546 0 .714 0 .726c0 .012 2.502 1.649 5.559 3.638 3.058 1.989 5.56 3.625 5.56 3.636 0 .011-2.502 1.647-5.559 3.637C2.502 13.626 0 15.263 0 15.274c0 .012.103.18.23.373.177.27.251.352.321.352.053.001 2.422-1.517 5.758-3.688 3.117-2.028 5.696-3.688 5.731-3.688.035 0 2.614 1.66 5.731 3.688 3.313 2.157 5.706 3.689 5.759 3.688.124 0 .482-.543.463-.702-.012-.098-.613-.5-5.523-3.693C15.44 9.633 12.961 8.011 12.961 8c0-.011 2.479-1.633 5.51-3.603C23.386 1.2 23.981.801 23.993.704c.019-.16-.339-.703-.463-.703-.053-.001-2.461 1.541-5.778 3.7-3.521 2.292-5.71 3.693-5.747 3.679a883.457 883.457 0 0 1-5.712-3.702C2.99 1.529.603 0 .55.001.481.001.406.084.23.353","fill-rule":"evenodd",fill:"currentColor"})],-1)])]),b(l,{class:"image",width:"480",height:"270",provider:"storyblok",format:"webp",modifiers:t.content.image.focus?{filters:{focal:t.content.image.focus}}

1:null,alt:t.content.image.alt,title:t.content.image.title,src:t.content.image.filename},null,8,["modifiers","alt","title","src"]),o("span",xt,p(t.name),1),o("span",Mt,[(s(!0),a(v,null,y(O(t),(c,R)=>(s(),a(v,{key:c.label},[D(p(c.label)+" "+p(c.value)+" ",1),R<O(t).length-1?(s(),a("span",It," | ")):d("",!0)],64))),128))]),b(r,{to:t.full_slug,class:"btn btn_small"},{default:m(()=>[...e[9]||(e[9]=[D("ZUM PROJEKT",-1)])]),_:1},8,["to"])])]),_:2},1032,["model-value"])]),_:2},1032,["options","onClick"]))),128)),(s(!0),a(v,null,y(T.blok.additional_markers,t=>(s(),h(n(k.Marker),{options:{position:{lat:parseFloat(t.latitude),lng:parseFloat(t.longitude)},title:t.name,icon:{url:n(rt)},clickable:t.show_popup},key:t.id,onClick:c=>t.show_popup?g.value=t.id:null},{default:m(()=>[t.show_popup?(s(),h(n(k.InfoWindow),{key:0,options:{headerDisabled:!0,maxWidth:320,minWidth:320},"model-value":n(g)===t.id,onCloseclick:e[4]||(e[4]=c=>g.value=null)},{default:m(()=>[o("div",St,[o("button",{class:"close",onClick:e[3]||(e[3]=c=>g.value=null)},[...e[10]||(e[10]=[o("svg",{width:"24",height:"16"},[o("path",{d:"M.23.353C.104.546 0 .714 0 .726c0 .012 2.502 1.649 5.559 3.638 3.058 1.989 5.56 3.625 5.56 3.636 0 .011-2.502 1.647-5.559 3.637C2.502 13.626 0 15.263 0 15.274c0 .012.103.18.23.373.177.27.251.352.321.352.053.001 2.422-1.517 5.758-3.688 3.117-2.028 5.696-3.688 5.731-3.688.035 0 2.614 1.66 5.731 3.688 3.313 2.157 5.706 3.689 5.759 3.688.124 0 .482-.543.463-.702-.012-.098-.613-.5-5.523-3.693C15.44 9.633 12.961 8.011 12.961 8c0-.011 2.479-1.633 5.51-3.603C23.386 1.2 23.981.801 23.993.704c.019-.16-.339-.703-.463-.703-.053-.001-2.461 1.541-5.778 3.7-3.521 2.292-5.71 3.693-5.747 3.679a883.457 883.457 0 0 1-5.712-3.702C2.99 1.529.603 0 .55.001.481.001.406.084.23.353","fill-rule":"evenodd",fill:"currentColor"})],-1)])]),t.image.filename?(s(),h(l,{key:0,class:"image",width:"480",height:"270",provider:"storyblok",format:"webp",modifiers:t.image.focus?{filters:{focal:t.image.focus}}:null,alt:t.image.alt,title:t.image.title,src:t.image.filename},null,8,["modifiers","alt","title","src"])):d("",!0),o("span",Tt,p(t.name),1),t.location?(s(),a("span",zt,p(t.location),1)):d("",!0)])]),_:2},1032,["model-value"])):d("",!0)]),_:2},1032,["options","onClick"]))),128))]),_:1},8,["api-key","center","zoom","styles"])]),_:1})):d("",!0),n(S)?(s(),a("div",Bt,[o("div",{class:"map-consent-dialog"},[e[11]||(e[11]=o("h2",{id:"map-consent-title"},"Google Maps laden",-1)),e[12]||(e[12]=o("p",null," Mit dem Laden der Karte stimmen Sie der Übertragung Ihrer Daten an Google zu. Weitere Informationen finden Sie in unserer Datenschutzerklärung. ",-1)),o("button",{class:"btn",onClick:N},"Karte laden")])])):d("",!0)])):d("",!0)])])),[[P,T.blok]])}}},Kt=H(Ot,[["__scopeId","data-v-cc32567c"]]);export{Kt as default};