https://weinheim-galerie.de/_next/static/chunks/13728.d078f23166cfc926.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13728],{13728:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(90893),o=n(18329);let l=null;var i=n(70821);let a={gastro:"#5C196F",koerper:"#84BD4A",dienstleistung:"#417505",mode:"#E20018",lebensmittel:"#EF7E00",moebel:"#810f01",medien:"#00ABE9"},s=[{stylers:[{visibility:"off"}]},{featureType:"water",stylers:[{visibility:"on"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"on"}]},{featureType:"landscape.man_made",stylers:[{visibility:"off"}]},{featureType:"road",stylers:[{visibility:"on"}]},{featureType:"administrative",stylers:[{visibility:"on"}]}];function c(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:28,n='<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="'.concat(t,'" height="').concat(t,'" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="').concat(e,'" stroke="#ffffff" stroke-width="2.5"/><circle cx="12" cy="12" r="3" fill="#ffffff"/></svg>');return"data:image/svg+xml;utf8,".concat(encodeURIComponent(n))}function d(e){let{apiKey:t,bounds:n,centerLatLng:d,centerName:p,floors:w,markers:m,activeShopId:h,onShopSelect:v,height:y="100%",panOffsetPx:L={x:0,y:0},panZoom:b=20}=e,x=(0,o.useRef)(null),E=(0,o.useRef)(null),k=(0,o.useRef)(new Map),C=(0,o.useRef)(new Map),[P,M]=(0,o.useState)(null),[S,T]=(0,o.useState)(!1),[I,_]=(0,o.useState)(()=>{var e,t,n,r;return null!=(r=null!=(n=null==(e=w.find(e=>e.isDefault))?void 0:e.id)?n:null==(t=w[0])?void 0:t.id)?r:null});return((0,o.useEffect)(()=>{let e=()=>T((0,i.br)());return e(),window.addEventListener("cc:onConsent",e),window.addEventListener("cc:onChange",e),()=>{window.removeEventListener("cc:onConsent",e),window.removeEventListener("cc:onChange",e)}},[]),(0,o.useEffect)(()=>{if(!x.current)return;if(!S)return void M(null);let e=!1;return M(null),(function(e){var t,n,r;if(!e.apiKey)return Promise.reject(Error("Missing NEXT_PUBLIC_GOOGLE_MAPS_API_KEY"));if(null==(t=window.google)?void 0:t.maps)return Promise.resolve(window.google.maps);if(l)return l;let o=null!=(n=e.language)?n:"de",i=null!=(r=e.region)?r:"DE";return l=new Promise((t,n)=>{let r="__mecGmapsCb",a=()=>{try{delete window[r]}catch(e){}};window[r]=()=>{var e;a(),(null==(e=window.google)?void 0:e.maps)?t(window.google.maps):n(Error("Google Maps loaded but window.google.maps is undefined"))};let s=document.createElement("script"),c=new URL("https://maps.googleapis.com/maps/api/js");c.searchParams.set("key",e.apiKey),c.searchParams.set("language",o),c.searchParams.set("region",i),c.searchParams.set("callback",r),c.searchParams.set("loading","async"),s.src=c.toString(),s.async=!0,s.defer=!0,s.onerror=()=>{a(),l=null,n(Error("Failed to load Google Maps script"))},document.head.appendChild(s)})})({apiKey:t}).then(t=>{if(e||!x.current)return;let r=new t.LatLng(n.s,n.w),o=new t.LatLng(n.n,n.e),l=new t.LatLngBounds(r,o),i=l.getCenter(),a=null!=n.z?n.z:17;for(let e of(E.current=new t.Map(x.current,{zoom:a,center:i,mapTypeId:t.MapTypeId.ROADMAP,scrollwheel:!1,draggable:!0,streetViewControl:!1,mapTypeControl:!1,gestureHandling:"greedy",styles:s}),w)){if(!e.mapImage)continue;let n=new t.GroundOverlay(e.mapImage,l,{opacity:.85});k.current.set(e.id,n)}}).catch(t=>{e||M(t instanceof Error?t.message:"Google Maps konnte nicht geladen werden")}),()=>{var t,n;for(let n of(e=!0,k.current.values()))try{null==(t=n.setMap)||t.call(n,null)}catch(e){}for(let e of(k.current.clear(),C.current.values()))try{null==(n=e.setMap)||n.call(e,null)}catch(e){}C.current.clear(),E.current=null}},[t,n.n,n.e,n.s,n.w,n.z,w.length,S]),(0,o.useEffect)(()=>{if(E.current)for(let[e,t]of k.current.entries())t.setMap(e===I?E.current:null)},[I]),(0,o.useEffect)(()=>{var e,t;if(!E.current||!(null==(e=window.google)?void 0:e.maps))return;let n=window.google.maps,r=new Set(m.map(e=>e.id));for(let[e,t]of C.current.entries())r.has(e)||(t.setMap(null),C.current.delete(e));for(let e of m){let r=e.brancheSlug&&a[e.brancheSlug]||(null==(t=e.color)?void 0:t.trim())||a.mode,o=h===e.shopId,l=o?function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:36,n='<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="'.concat(t,'" height="').concat(t,'" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" fill="').concat(e,'" stroke="#ffffff" stroke-width="3"/><circle cx="12" cy="12" r="4" fill="#ffffff"/></svg>');return"data:image/svg+xml;utf8,".concat(encodeURIComponent(n))}(r,36):c(r,28),i=o?36:28,s=C.current.get(e.id);s?(s.setPosition(new n.LatLng(e.geoLat,e.geoLng)),s.setIcon({url:l,scaledSize:new n.Size(i,i),anchor:new n.Point(i/2,i/2)}),s.setTitle(e.name)):((s=new n.Marker({position:new n.LatLng(e.geoLat,e.geoLng),map:E.current,title:e.name,icon:{url:l,scaledSize:new n.Size(i,i),anchor:new n.Point(i/2,i/2)}})).addListener("click",()=>null==v?void 0:v(e.shopId)),C.current.set(e.id,s))}if(0===m.length&&d){let e="__center__",t=C.current.get(e),r=c(a.mode,32);t||(t=new n.Marker({position:new n.LatLng(d.lat,d.lng),map:E.current,title:null!=p?p:"Center",icon:{url:r,scaledSize:new n.Size(32,32),anchor:new n.Point(16,16)}}),C.current.set(e,t))}},[m,h,d,p,v]),(0,o.useEffect)(()=>{var e;if(!E.current||!(null==(e=window.google)?void 0:e.maps))return;let t=E.current,r=window.google.maps;if(h){let e=m.find(e=>e.shopId===h);if(!e)return;if("number"==typeof e.geoLevel){let t=w.find(t=>t.floorNumber===e.geoLevel);t&&t.id!==I&&_(t.id)}let n=new r.LatLng(e.geoLat,e.geoLng);t.panTo(n),t.setZoom(b),window.setTimeout(()=>{!function(e,t,n,r,o){if(!r&&!o||"function"!=typeof e.getProjection)return;let l=e.getProjection();if(!l)return;let i=Math.pow(2,e.getZoom()),a=l.fromLatLngToPoint(n),s=new t.Point(a.x-r/i,a.y-o/i),c=l.fromPointToLatLng(s);e.setCenter(c)}(t,r,n,L.x,L.y)},50)}

1else{let e=new r.LatLng(n.s,n.w),o=new r.LatLng(n.n,n.e),l=new r.LatLngBounds(e,o);t.panTo(l.getCenter());let i=null!=n.z?n.z:17;t.setZoom(i)}},[h,L.x,L.y,b]),S)?P?(0,r.jsxs)("div",{style:{width:"100%",height:y,background:"var(--mec-color-bg-soft, #f3f3f3)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--mec-color-text-faint, #888)",textAlign:"center",padding:40},children:["Google Maps konnte nicht geladen werden (",P,")."]}):(0,r.jsxs)("div",{style:{position:"relative",width:"100%",height:y},children:[(0,r.jsx)("div",{ref:x,style:{width:"100%",height:"100%"}}),w.length>1?(0,r.jsx)("div",{className:"centerplan-floorpicker",style:u,children:w.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>_(e.id),className:"floorpicker-button ".concat(I===e.id?"floorpicker-button-selected":""),style:{...f,...I===e.id?g:{},...e.color?{borderLeftColor:e.color}:{}},title:e.name,children:e.name},e.id))}):null]}):(0,r.jsx)("div",{style:{width:"100%",height:y,background:"var(--mec-color-bg-soft, #f3f3f3)",display:"flex",alignItems:"center",justifyContent:"center",padding:"1rem",textAlign:"center",fontSize:"0.95rem"},children:"Google Maps wird erst nach Ihrer Einwilligung unter „Externe Karten und Schriften“ geladen."})}let u={position:"absolute",right:12,bottom:24,display:"flex",flexDirection:"column",gap:4,zIndex:5,background:"var(--mec-color-bg, #fff)",borderRadius:4,boxShadow:"0 1px 4px rgba(0,0,0,0.2)",padding:4},f={fontFamily:"var(--mec-font-display, system-ui, sans-serif)",fontSize:13,fontWeight:600,background:"#fff",color:"var(--mec-color-text, #333)",border:"1px solid #ddd",borderLeft:"4px solid #ddd",padding:"6px 12px",cursor:"pointer",borderRadius:3,textAlign:"left",minWidth:64},g={background:"var(--mec-color-primary, #E20018)",color:"#fff"}}}]);