https://studienkreis.de/_next/static/chunks/1119.8125698ec16255bf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1119],{20841:(e,t,s)=>{s.d(t,{N:()=>m});var n=s(95155),i=s(12115),l=s(29722),a=s(50910),r=s(98500),o=s.n(r),c=s(9358),d=s(17916),p=s(26859),x=s(15347);function m(e){let{name:t,address:s,phone:r,manager:m,slug:u,className:h,openingTimeMo:g,openingTimeTu:b,openingTimeWe:f,openingTimeTh:j,openingTimeFr:N,openingTimeSa:v,openingTimeSu:T,isPartner:w,extendedOpening:k,expanded:y,onToggle:C,ref:S,street:P,zip:M,city:z,latitude:L,longitude:I}=e,B=(0,a.c)("StudioMapCard"),[R,A]=(0,i.useState)(!1),W=void 0!==y,_=W?y:R;return(0,n.jsx)("article",{ref:S,className:(0,l.A)("bg-white",h),itemScope:!0,itemType:"https://schema.org/LocalBusiness",children:(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsxs)("div",{className:"flex items-start justify-between p-xs",children:[(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)(o(),{href:u,className:"lato-lg-bold text-sk-blue hover:text-sk-darkblue",itemProp:"url",children:(0,n.jsx)("span",{itemProp:"name",children:t})}),(0,n.jsxs)("div",{className:"lato-base-normal text-sk-light",children:[(0,n.jsx)("address",{className:"not-italic",children:s}),P&&(0,n.jsxs)("div",{itemProp:"address",itemScope:!0,itemType:"https://schema.org/PostalAddress",children:[(0,n.jsx)("meta",{itemProp:"streetAddress",content:P}),M&&(0,n.jsx)("meta",{itemProp:"postalCode",content:M}),z&&(0,n.jsx)("meta",{itemProp:"addressLocality",content:z})]}),L&&I&&(0,n.jsxs)("span",{itemProp:"geo",itemScope:!0,itemType:"https://schema.org/GeoCoordinates",children:[(0,n.jsx)("meta",{itemProp:"latitude",content:L}),(0,n.jsx)("meta",{itemProp:"longitude",content:I})]}),(0,n.jsxs)("p",{className:"flex gap-1",children:[B("phoneLabel"),(0,n.jsx)(o(),{href:`tel:${r}`,className:"whitespace-nowrap text-sk-blue hover:text-sk-darkblue",children:(0,n.jsx)("span",{itemProp:"telephone",children:(0,x.n4)(r)})})]})]}),(0,n.jsx)(d.D,{href:`${u}#beratungstermin`,text:B("ctaAppointment"),variant:"primary",size:"xs",className:"mt-xxs self-start"})]}),(0,n.jsx)("button",{type:"button",onClick:function(){W?C?.():A(e=>!e)},"aria-expanded":_,"aria-label":B(_?"collapseLabel":"expandLabel"),className:"shrink-0 cursor-pointer p-1",children:(0,n.jsx)(c.Vh,{direction:_?"up":"down",className:"size-[32px] sm:size-12.5 text-sk-blue transition-transform duration-300"})})]}),(0,n.jsx)("div",{className:(0,l.A)("grid transition-[grid-template-rows] duration-300",_?"grid-rows-[1fr]":"grid-rows-[0fr]"),children:(0,n.jsx)("div",{className:"overflow-hidden",children:(0,n.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-m px-xs pb-xs pt-xs",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-xxs",children:[(0,n.jsx)("span",{className:"lato-base-bold italic text-sk-light",children:B("hoursHeading")}),(0,n.jsx)(p.K,{openingTimeMo:g,openingTimeTu:b,openingTimeWe:f,openingTimeTh:j,openingTimeFr:N,openingTimeSa:v,openingTimeSu:T,isPartner:w,extendedOpening:k})]}),m&&(0,n.jsxs)("div",{className:"flex flex-col gap-xxs",children:[(0,n.jsx)("p",{className:"lato-base-bold italic text-sk-light",children:B("managerLabel")}),(0,n.jsx)("p",{className:"lato-base-normal text-sk-light whitespace-pre-line",children:m}),(0,n.jsx)("p",{className:"lato-base-normal text-sk-light mt-xxs",children:B.rich("hoursDisclaimer",{bold:e=>(0,n.jsx)("strong",{className:"lato-base-bold",children:e})})})]})]})})})]})})}},71119:(e,t,s)=>{s.r(t),s.d(t,{MapSection:()=>u});var n=s(95155),i=s(12115),l=s(29722),a=s(50910),r=s(37206),o=s(29196),c=s(9358),d=s(59620),p=s(20841),x=s(96853);let m=(0,r.default)(()=>Promise.all([s.e(2434),s.e(5157)]).then(s.bind(s,95157)).then(e=>({default:e.StationMap})),{loadableGenerated:{webpack:()=>[95157]},ssr:!1});function u(e){let{cityName:t,cityStations:s}=e,r=(0,a.c)("MapSection"),[u,h]=(0,i.useState)(null),[g,b]=(0,i.useState)(!1),[f,j]=(0,i.useState)(""),N=(0,i.useMemo)(()=>{let e=f.trim().toLowerCase();return e?s.filter(t=>[(0,x.Fx)(t.name,t.city),t.street,t.zip].filter(Boolean).some(t=>t.toLowerCase().startsWith(e))):s},[f,s]),v=(0,i.useRef)(new Map),T=(0,i.useRef)(null),w=(0,i.useRef)(null),k=(0,i.useRef)(null),y=(0,i.useRef)(null);return(0,i.useLayoutEffect)(()=>

1{if(null===y.current||!k.current)return;let e=k.current.getBoundingClientRect().top-y.current;0!==e&&window.scrollBy(0,e),y.current=null},[g]),(0,n.jsxs)("section",{id:"standorte",className:"w-full bg-white",children:[(0,n.jsx)("div",{className:"px-xs tab:px-xl",children:(0,n.jsx)(d.h,{tag:"h2",variant:"lato-extra",title:r("title",{city:t}),subtitle:r("subtitle"),titleClassName:"mb-lg text-center",singleLine:!0})}),(0,n.jsxs)("div",{className:"grid grid-cols-1 tab:grid-cols-2",children:[(0,n.jsx)("div",{className:"h-100 tab:h-150 tab:sticky tab:top-0 tab:self-start",children:(0,n.jsx)(m,{stations:N,onMarkerClick:function(e){let t=window.innerWidth<768,s=N.findIndex(t=>t.stationId===e),n=t&&!g&&s>=5;n&&b(!0),h(t=>{let s=t===e?null:e;return null!==s&&function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(window.innerWidth<768)return setTimeout(()=>{let t=v.current.get(e);t&&t.scrollIntoView({behavior:"smooth",block:"start"})},t?50:310);let s=v.current.get(e);if(!s)return;let n=T.current;n&&setTimeout(()=>{let e=n.getBoundingClientRect(),t=s.getBoundingClientRect().top-e.top+n.scrollTop;n.scrollTo({top:t,behavior:"smooth"})},310)}(s,n),s})}})}),(0,n.jsxs)("div",{ref:w,className:"flex flex-col h-auto tab:h-150 mt-4 tab:mt-0",children:[(0,n.jsxs)("div",{className:"relative px-xs py-xs border-b border-steel-200",children:[(0,n.jsx)(c.C0,{className:"absolute left-6 top-1/2 -translate-y-1/2 size-5 pointer-events-none fill-steel-500"}),(0,n.jsx)("input",{type:"text",value:f,onChange:e=>j(e.target.value),placeholder:r("searchPlaceholder"),className:"w-full pl-10 pr-10 py-xs border bg-sk-lightgrey border-steel-300 rounded-[3px] text-base focus:outline-none focus:border-sk-dark"}),f&&(0,n.jsx)("button",{type:"button",onClick:()=>j(""),className:"absolute right-6 top-1/2 -translate-y-1/2 text-steel-500 hover:text-steel-900 cursor-pointer",children:(0,n.jsx)(c.gz,{className:"size-5"})})]}),(0,n.jsx)("div",{className:"bg-red-500 px-xs py-xxs",children:(0,n.jsx)("p",{className:"lato-base-bold text-white text-center",children:r("stationCount",{count:N.length,city:t})})}),(0,n.jsx)("div",{ref:T,className:"flex flex-col overflow-y-auto flex-1 min-h-0",children:0===N.length&&f.trim()?(0,n.jsx)("p",{className:"text-center text-steel-600 py-lg px-sm",dangerouslySetInnerHTML:{__html:r.raw("searchEmpty")}}):(0,n.jsxs)(n.Fragment,{children:[N.map((e,t)=>{let s;return(0,n.jsx)(p.N,{className:(0,l.A)("border-b border-[#e1e2e4] last:border-b-0",t>=5&&!g&&"hidden tab:block"),ref:t=>{t?v.current.set(e.stationId,t):v.current.delete(e.stationId)},name:e.name,address:[e.street,`${e.zip} ${e.city}`].filter(Boolean).join(", "),phone:e.phone??"",slug:e.path??"",manager:(s=[e.centerManagerName1,e.centerManagerName2].filter(Boolean)).length>0?s.join("\n"):void 0,openingTimeMo:e.openingTimeMo,openingTimeTu:e.openingTimeTu,openingTimeWe:e.openingTimeWe,openingTimeTh:e.openingTimeTh,openingTimeFr:e.openingTimeFr,openingTimeSa:e.openingTimeSa,openingTimeSu:e.openingTimeSu,isPartner:e.isPartner,extendedOpening:e.extendedOpening,street:e.street,zip:e.zip,city:e.city,latitude:e.latitude,longitude:e.longitude,expanded:u===e.stationId,onToggle:()=>{var t;return t=e.stationId,void h(e=>e===t?null:t)}},e.stationId)}),N.length>5&&(0,n.jsx)("div",{ref:k,className:"py-sm text-center tab:hidden",children:(0,n.jsx)(o.$,{variant:"link",size:"sm",text:g?r("showLess"):r("showAll",{count:N.length,city:t}),leftIcon:(0,n.jsx)(c.Vh,{direction:g?"up":"down",className:"size-full"}),onClick:()=>{g&&k.current&&(y.current=k.current.getBoundingClientRect().top),b(e=>!e)}})})]})})]})]})]})}}}]);