https://www.enercity-erneuerbare.de/_next/static/chunks/2028.c5dd47c46d255f0e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2028],{14230:e=>{e.exports={base:"ImageMapTooltip-module-base",isFirst:"ImageMapTooltip-module-is-first",isActive:"ImageMapTooltip-module-is-active",isInverted:"ImageMapTooltip-module-is-inverted",title:"ImageMapTooltip-module-title",text:"ImageMapTooltip-module-text",icon:"ImageMapTooltip-module-icon",buttonLink:"ImageMapTooltip-module-button-link"}},45074:e=>{e.exports={base:"ImageMapBubble-module-base",isActive:"ImageMapBubble-module-is-active",pulse:"ImageMapBubble-module-pulse",innerPulse:"ImageMapBubble-module-inner-pulse",tooltip:"ImageMapBubble-module-tooltip",tooltipFarLeft:"ImageMapBubble-module-tooltip-far-left",tooltipFarRight:"ImageMapBubble-module-tooltip-far-right",tooltipFarDown:"ImageMapBubble-module-tooltip-far-down",tooltipArrow:"ImageMapBubble-module-tooltip-arrow",tooltipTitle:"ImageMapBubble-module-tooltip-title",tooltipText:"ImageMapBubble-module-tooltip-text",isInverted:"ImageMapBubble-module-is-inverted",bubbleContent:"ImageMapBubble-module-bubble-content",number:"ImageMapBubble-module-number",buttonLink:"ImageMapBubble-module-button-link"}},48074:e=>{e.exports={base:"ImageMap-module-base",overlay:"ImageMap-module-overlay",isVisible:"ImageMap-module-is-visible",image:"ImageMap-module-image",imageArea:"ImageMap-module-image-area",tooltipSlider:"ImageMap-module-tooltip-slider",smallMobile:"ImageMap-module-small-mobile"}},92028:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>f});var a=i(49222),l=i(8868),s=i(67508),o=i(34428),n=i(3638),r=i(77766),m=i(46028),d=i(37309),u=i(19792),p=i(45074),c=i.n(p);let b=({icon:e,number:t,x:i,y:s,title:o,text:r,isActive:p,isInverted:b,linkTitle:x,...g})=>{let v=(0,m.E)(g),h=(0,l.A)(992),I=(0,n.A)(c().base,{[c().isActive]:p,[c().isInverted]:b}),M=(0,n.A)(c().tooltip,{[c().tooltipFarLeft]:i<12,[c().tooltipFarRight]:i>85,[c().tooltipFarDown]:i>11&&i<86&&s>70}),f=(0,n.A)(c().pulse,{[c().isActive]:p}),j=(0,n.A)(c().innerPulse,{[c().isActive]:p});return(0,a.jsxs)("div",{className:I,style:{left:i+"%",top:s+"%"},children:[(0,a.jsx)("div",{className:f}),(0,a.jsx)("div",{className:j}),(0,a.jsx)("div",{className:c().bubbleContent,children:t?(0,a.jsx)("div",{className:c().number,children:t}):(0,a.jsx)(u.default,{variant:e,size:h?"iconSize24":"iconSize32",isOutlined:!0})}),(0,a.jsxs)("div",{className:M,children:[(0,a.jsx)("div",{className:c().tooltipArrow}),(0,a.jsx)("p",{className:c().tooltipTitle,children:o}),(0,a.jsx)("p",{className:c().tooltipText,children:r}),v&&x&&(0,a.jsx)(d.default,{...v,className:c().buttonLink,sizeVariant:"small",children:x})]})]})};var x=i(14230),g=i.n(x);let v=({text:e,title:t,isFirst:i,isActive:l,isInverted:s,linkTitle:o,...r})=>{let p=(0,m.E)(r),c=(0,n.A)(g().base,{[g().isFirst]:i,[g().isActive]:l,[g().isInverted]:s});return(0,a.jsxs)("div",{className:c,children:[(0,a.jsx)("p",{className:g().title,children:t}),(0,a.jsx)("p",{className:g().text,children:e}),i&&(0,a.jsx)(u.default,{className:g().icon,variant:"action/arrow-right",size:"iconSize24"}),p&&o&&(0,a.jsx)(d.default,{...p,className:g().buttonLink,sizeVariant:"small",children:o})]})};var h=i(46433),I=i(48074),M=i.n(I);let f=({bubbles:e,image:t})=>{let[i,m]=(0,r.useState)(),[d,u]=(0,r.useState)(0),[p,c]=(0,r.useState)(0),[x,g]=(0,r.useState)(0),I=(0,l.A)(370),f=(0,l.A)(768),j=(0,l.A)(992),A=(0,r.useCallback)(e=>{null!==e&&m(e)},[]),w=(0,r.useRef)(null),{width:N}=(0,s.A)(w),B=t.dimensions?.height??1,k=t.dimensions?.width??1,T=j?48:64,C=T/2,y=100*B/k,z=100*T/k,E=100-y,L=e=>{c(e+1)},S=(0,n.A)(M().tooltipSlider,{[M().smallMobile]:I}),F=0===p?"0px":1===p?"298px":p===e.length?"100vw - 16px":"50vw + 141px",O={transform:"translateX(calc(-"+298*p+"px + "+F+"))",transition:"transform 0.6s"},R=0===p?"0px":1===p?"266px":p===e.length?"100vw - 16px":"50vw + 125px",D={transform:"translateX(calc(-"+266*p+"px + "+R+"))",transition:"transform 0.6s"},$=()=>{j||c(0)},_=(0,r.useCallback)(()=>{u(i?i.getBoundingClientRect().width:0),i&&i.getBoundingClientRect().width<957&&0===p&&c(1)},[i,p]),V=t=>{P(100*e[t].x/k),L(t)},X=(0,o.useDrag)(({down:t,direction:[i]})=>{i>0&&!t?p>1&&c(p-1):i<0&&!t&&p<e.length&&c(p+1)}),P=e=>{e-y/2<0?g(0):e-y/2>E?g(E):g(e-y/2+z)};return(0,r.useEffect)(()=>(_(),window.addEventListener("resize",_,{passive:!0}),()=>{window.removeEventListener("resize",_)}),[_]),(0,r.useEffect)(()=>{p-1>=0&&p<=e.length-1&&P(100*e[p-1].x/k)},[P]),(0,a.jsxs)("div",{className:M().base,ref:A,children:[(0,a.jsxs)("div",{className:M().imageArea,style:f?{width:N,height:d,transform:"translateX(-"+x+"%)",transition:"transform 0.8s"}:{maxWidth:"100%"},children:[(0,a.jsx)("img",{src:(0,h.D2)(t.path),className:M().image,ref:w,alt:t.name}),e.map(t=>(0,a.jsx)("div",{onMouseEnter:()=>{var i;return i=e.indexOf(t),void(j||L(i))},onMouseLeave:$,onClick:()=>V(e.indexOf(t)),children:(0,a.jsx)(b,{...t,isInverted:!1,isActive:p-1===e.indexOf(t),x:100*(t.x-C)/k,y:100*(t.y-C)/B})},`${t.x}x${t.y}`))]}),j&&(0,a.jsx)("div",{className:S,...X(),style:I?D:O,children:e.map(t=>(0,a.jsx)("div",{onClick:()=>V(e.indexOf(t)),children:(0,a.jsx)(v,{...t,isInverted:!1,isActive:p-1===e.indexOf(t),title:t.title,text:t.text})},`${t.x}x${t.y}`))})]})}}}]);
2//# sourceMappingURL=2028.c5dd47c46d255f0e.js.map