https://www.enercity-erneuerbare.de/_next/static/chunks/1129.00597ed10ea4b1a6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1129],{11129:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>E});var i=r(49222),l=r(52640),a=r(46730),s=r(83195),n=r(52454),o=r.n(n);let c=({children:e})=>(0,i.jsx)("div",{className:o().base,children:e});var p=r(3638),d=r(12557),u=r.n(d);let f=({children:e,color:t})=>(0,i.jsx)("div",{className:(0,p.A)(u().legendElement,u()[t]),children:e});var g=r(76901),h=r(81746),m=r.n(h);let b=({statusText:e,showLink:t,link:r,linkText:l,address:a,color:s})=>(0,i.jsxs)("div",{className:m().base,children:[(0,i.jsx)("div",{className:(0,p.A)(m().status,m()[s]),children:e}),(0,i.jsx)("div",{className:m().address,children:a}),t&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:(0,p.A)(m().link,m().linkMobile),children:(0,i.jsx)(g.A,{icon:"action/external-link",size:"small",iconPosition:"left",variant:"default",disabled:!1,as:"a",href:r,target:"_blank",linkExtern:!0,disableTransition:!0,children:l})}),(0,i.jsx)("div",{className:(0,p.A)(m().link,m().linkDesktop),children:(0,i.jsx)(g.A,{icon:"action/external-link",size:"medium",iconPosition:"left",variant:"default",disabled:!1,as:"a",href:r,target:"_blank",linkExtern:!0,disableTransition:!0,children:l})})]})]});var k=r(94663),v=r(27774),x=r(58355),y=r(77766),O=r(21235),F=r(93506),j=r.n(F);let C={lat:52.37052,lng:9.73322},D={fullscreenControl:!1,gestureHandling:"cooperative",mapTypeControl:!0,mapTypeControlOptions:{position:3},zoomControlOptions:{position:7},scrollwheel:!1,styles:[{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"labels.icon",stylers:[{visibility:"off"}]}]},M=["Geplant","Verf\xfcgbar","Vorbereitet","Aktiv"],P={Verfügbar:"htp-Tarif ausw\xe4hlen",Vorbereitet:"htp-Tarif ausw\xe4hlen",Geplant:"htp-Tarif ausw\xe4hlen",Aktiv:"htp-Tarif ausw\xe4hlen"},A={Verfügbar:"https://enercity.online-auftrag.htp.net/?VPID=P2005459W",Vorbereitet:"https://enercity.online-auftrag.htp.net/?VPID=P2005459W",Geplant:"https://enercity.online-auftrag.htp.net/?VPID=P2005459W",Aktiv:"https://enercity.online-auftrag.htp.net/?VPID=P2005459W"},N={Verfügbar:{fillColor:"#D8F2CC",strokeColor:"#487E25"},Geplant:{fillColor:"#D0F0F2",strokeColor:"#007E85"},Vorbereitet:{fillColor:"#FFD8BC",strokeColor:"#C45100"},Aktiv:{fillColor:"#FFDBE2",strokeColor:"#C7105C",zIndex:1}},V={Verfügbar:"green",Vorbereitet:"orange",Geplant:"turquoise",Aktiv:"green"},T=({data:e,selectedDetail:t,onSearchResult:r,onPolygonSelect:l})=>{let a=(0,x.ko)(),s=(0,y.useRef)(null),n=(0,y.useCallback)(()=>{a&&a.data.setStyle(e=>{let t=M.find(t=>t===e.getProperty("Status"));return{strokeWeight:3,...e.getProperty("isActive")?N.Aktiv:t&&N[t]}})},[a]),o=(0,y.useCallback)(e=>{if(!a)return;a.data.forEach(e=>{e.setProperty("isActive",!1)});let t=e.feature,r=M.find(e=>e===t.getProperty("Status")),[i,s,n,o]=[t.getProperty("Ort"),t.getProperty("Postleitzahl"),t.getProperty("Stra\xdfe"),t.getProperty("Hausnummer")];r&&"string"==typeof i&&"string"==typeof s&&"string"==typeof n&&"string"==typeof o&&(e.feature.setProperty("isActive",!0),l({status:r,city:i,zipCode:s,street:n,streetNumber:o}))},[a,l]);return(0,y.useEffect)(()=>{if(!a||!e)return;a.data.forEach(e=>{a.data.remove(e)});let t=JSON.parse(JSON.stringify(e));return t.features=t.features.filter(e=>0!==Object.keys(e.properties).length),a.data.addGeoJson(t),n(),s.current&&s.current.remove(),s.current=a.data.addListener("click",e=>{o(e)}),()=>{s.current?.remove()}},[a,e]),(0,y.useEffect)(()=>{n()},[t,n]),(0,i.jsx)("div",{className:j().searchBox,children:(0,i.jsx)(v.A,{addPlace:e=>{e&&e.location?(e.viewport?a?.fitBounds(e.viewport):(a?.setCenter(e.location),a?.setZoom(15)),r(e.location.toJSON())):r(null)},placeholder:"Nach Adresse suchen..."})})},E=({opticFiberMapData:e,fullScreen:t=!1})=>{var r;let n,{data:o}=(r=e.path,(0,s.I)({queryKey:["fiberOpticData",r],queryFn:async()=>{try{return await l.Tt(r)??null}catch(e){return a.v.log("getFiberOpticData",e),null}},placeholderData:null})),[d,u]=(0,y.useState)(null),[g,h]=(0,y.useState)(null),m=y.useRef(null);return(0,i.jsx)("div",{className:j().base,children:(0,i.jsxs)("div",{className:(0,p.A)(j().mapContainer,{[j().fullScreen]:t}),children:[(0,i.jsxs)(k.A,{defaultZoom:12,defaultCenter:C,onDrag:()=>u(null),options:D,fullHeight:!0,children:[(0,i.jsx)(T,{data:o,selectedDetail:d,onSearchResult:e=>h(e),onPolygonSelect:u}),g&&(0,i.jsx)(O.A,{lat:g.lat,lng:g.lng,color:"gradient"})]}),(0,i.jsx)("div",{className:j().fiberOpticMapLegend,children:(0,i.jsxs)(c,{children:[(0,i.jsx)(f,{color:"green",children:"verf\xfcgbar"}),(0,i.jsx)(f,{color:"orange",children:"vorbereitet"}),(0,i.jsx)(f,{color:"turquoise",children:"geplant"})]})}),d&&(0,i.jsx)("div",{className:j().fiberOpticMapDetails,ref:m,children:(0,i.jsx)(b,{statusText:`Glasfaser ${(n=d.status).charAt(0).toLowerCase()+n.slice(1)}`,showLink:"Vorbereitet"===d.status||"Verf\xfcgbar"===d.status||"Geplant"===d.status,address:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{children:[d.street," ",d.streetNumber,","]}

1),(0,i.jsxs)("div",{children:[d.zipCode," ",d.city]})]}),color:V[d.status],link:A[d.status],linkText:P[d.status]})})]})})}},12557:e=>{e.exports={legendElement:"FiberOpticMapLegendItem-module-legend-element",green:"FiberOpticMapLegendItem-module-green",orange:"FiberOpticMapLegendItem-module-orange",turquoise:"FiberOpticMapLegendItem-module-turquoise"}},52454:e=>{e.exports={base:"FiberOpticMapLegend-module-base"}},81746:e=>{e.exports={base:"FilterOpticMapDetails-module-base",status:"FilterOpticMapDetails-module-status",address:"FilterOpticMapDetails-module-address",link:"FilterOpticMapDetails-module-link",linkMobile:"FilterOpticMapDetails-module-link-mobile",linkDesktop:"FilterOpticMapDetails-module-link-desktop",green:"FilterOpticMapDetails-module-green",orange:"FilterOpticMapDetails-module-orange",turquoise:"FilterOpticMapDetails-module-turquoise"}},93506:e=>{e.exports={base:"FiberOpticMap-module-base",mapContainer:"FiberOpticMap-module-map-container",fiberOpticMapLegend:"FiberOpticMap-module-fiber-optic-map-legend",fiberOpticMapDetails:"FiberOpticMap-module-fiber-optic-map-details",searchBox:"FiberOpticMap-module-search-box",fullScreen:"FiberOpticMap-module-full-screen"}}}]);
2//# sourceMappingURL=1129.00597ed10ea4b1a6.js.map